@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,400italic,700italic);
@font-face{font-family:icons;src:url(i/f/rannis-icomoon.eot?d);src:url(i/f/rannis-icomoon.eot?#iefix) format('embedded-opentype'),url(i/f/rannis-icomoon.svg#icons) format('svg'),url(i/f/rannis-icomoon.woff?d) format('woff'),url(i/f/rannis-icomoon.ttf?d) format('truetype');font-weight:400;font-style:normal}
@media screen{sub,sup{position:static;display:inline-block}}
audio,canvas,progress,sub,sup,video{display:inline-block}

@media screen {
	html {
		font-family: sans-serif;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		overflow-y: auto;
		background-color: #393939;
		width: auto !important;
	}
	body {
		font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 14px;		
		background-color: #EDEDED;
		width: auto !important;
		margin: 0;
		overflow-y: auto;
		overflow-x: hidden;
		display: flex;
    	flex-direction: column;
    	min-height: 100vh;
	}

	.rannis-panel {
		background-color: white;
		padding-left: 3.2857em;
		padding-right: 3.2857em;
		padding-top: 3em;
		padding-bottom: 3em;
		border-left:  0.0714em solid #dad8d8;
		border-right: 0.0714em solid #dad8d8;
		margin-left: 4em;
		margin-right: 4em;
		/* height: auto !important; */
		flex: 1 0 auto;
	}
	.rannis-page {
		margin: auto;
		max-width: 70em;
		
	}
	.rannis-page-appl {
		margin: auto;
		max-width: 75em;
	}

	body .ajax-wait, body .ajax-wait *{cursor:wait!important}

	a {
		text-decoration: none;
		transition: color 80ms ease-in-out,background-color 80ms ease-in-out;
	}
	a .menu_links {
		cursor: pointer;
	}
	.rannis-accordion {
		color:#337ab7 !important;
	}

	.print-only {
		display: none;
	}

	input[type="search"]::-webkit-search-cancel-button {
		/*Bootstrap 3 override*/
		-webkit-appearance: searchfield-cancel-button !important;
	}
	
	.input-small{
		width:62px
	}

	.input-medium{
		width:80px
	}

	.input-xsmall{
		width:48px
	}
}

@media print {
	html { 
		background-color: #FFFFFF; 
		background-image: none; 
		color: #000000;
	}
	body {
		font-family: Garamond, 'Times New Roman', Helvetica, serif;
		font-size: 10pt;
	}

	/* fixing <b> and <strong>. 
	 * Bootstrap will change font-weight to 700 but we need it to be bold when printing 
	 */ 
	b, strong {
		font-weight: bold;
	}

	.rannis-panel, .rannis-page, .rannis-page-appl {
		float: none;
		margin: 0;
		/* Getting rid of horizontal scroll bar https://smallbusiness.chron.com/removing-scrollbars-print-html-29733.html 
		 ##### FIXME: they say in the html class */
		overflow: hidden; 
		padding: 0;
		width: auto;
	}
	.rannis-print-header {
		font-family: serif; 
		font-size: 12pt;
		border-bottom: 1pt solid #000000;
		vertical-align: bottom;
	}
	.rannis-print-header td {
		padding-bottom: 7pt;
	}
	.rannis-print-footer {
		font-family: serif; 
		font-size: 9pt; 
		font-style: italic; 
		border-top: 1pt solid #000000; 
	}
	.rannis-print-footer td {
		padding-top: 5pt;
	}
	.rannis-cell {
		padding: 1px 5px 1px 5px;
		vertical-align: top;
	}
	.rannis-grid-cell {
		border-bottom: 1px solid #999;
	}
	.cell-background-green {
		background-image: url('../img/green1x1.png');
		background-repeat: repeat;
	}
	.cell-background-yellow {
		background-image: url('../img/yellow1x1.png');
		background-repeat: repeat;
	}
	.cell-background-red {
		background-image: url('../img/red1x1.png');
		background-repeat: repeat;
	}
	.cell-background-red-faint {
		background-image: url('../img/red_faint_1x1.png');
		background-repeat: repeat;
	}
	.cell-background-red-light {
		background-image: url('../img/red_light_1x1.png');
		background-repeat: repeat;
	}
	.cell-background-gray {
		background-image: url('../img/gray1x1.png');
		background-repeat: repeat;
	}
	.cell-border-vertical-white {
		border-right: white;
	}
	.cell-border-right-black-thick {
		border-right: 3px solid black;
	}
	table {
		page-break-inside: avoid !important;
	}

	.not-print {
		display:none !important;
	}
	.show-on-print {
		display: block !important;
		height: 100% !important;
	}

	.start-new-page {
		page-break-before: always; 
	}
}


.rannis-test {
	border: 1px solid #CE4330;
}


/** FixMe: why??? Shouldn't we be using bootstrap classes???? 
 * Having this as media all puts a lot of space in to tables on submit page
 **/
/*
@media screen {
	.table-responsive thead tr th, .table-responsive tbody tr td {
		padding: 0.3em 0.4em;
	}
}
*/

/**
 * Color
 */
.rannis-color {
	background-color: #CE4330;
	background-image: none;
	border-color: 	#CE4330;
	color: 	#fff;
}


.rannis-color-light {
	background-color: #e6a098;
	color: 	#000;

}
.rannis-color-faded {
	background-color: #f5d9d6;
	color: 	#000;
}
.rannis-color-grey {
	background-color: #d7d7d7;
	color: 	#000;
}
.rannis-color-white {
	background-color: #fff;
	color: 	#000;
}
.rannis-font-color-white {
	color: 	#fff;
}
.rannis-font-color-grey {
	color: #b2b2b2;
}
.rannis-font-color-dark-grey {
	color: #808080;
}
.rannis-font-color-red {
	color: #CE4330;
}


/** 
 * w-* and no-gutters available in Bootstrap 4, remove this when we get there
 * NOTE: w-12 isn't available in Bootstrap 4 
 **/
.w-12	{ width: 12%; }
.w-25	{ width: 25%; }
.w-50	{ width: 50%; }
.w-75	{ width: 75%; }
.w-100	{ width: 100%; }

.no-gutters {
	margin-left: 0;
	margin-right: 0;
}

/**
 * ranform-* styles used in RanForm
 *
 * The following styles are used in RanForm not defined globally here:
 * .ranform-group, .ranform-col, .ranform-col-left, .ranform-col-right
 * NOTE: margin doesn't work well for div's in mpdf while padding does better
 */
.ranform-title {
	color: #CE4330;
	padding-top: 0.714em;
	padding-bottom: 0.25em;
	font-size: 1.6923em;
	margin-bottom: 1.25em;
	border-bottom: 1px solid #e5e5e5;
}
.ranform-eval-title {
	padding-top: 2em;
	font-size: 1.42857em;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 1em;
}
.ranform-subtitle {
	font-size: 1.43em;
	font-weight: 500;
	padding-top: 1.25em;
	padding-bottom: 0.143em;
}
.ranform-subsubtitle {
	font-size: 1.2em;
	font-weight: 700;
	padding-top: 1.25em;
	padding-bottom: 0.143em;
}
.ranform-explanation {
	font-size: 0.965em;
	padding-bottom: 1em;
}
.ranform-warning {
	font-size: 0.965em;
}
.ranform-row {
	margin-top: 0.5714em;
}
.ranform-helper {
	color: #777;
	font-size: 0.8em;
}
.ranform-label {
	display: inline-block;
	font-weight: bold;
	margin-bottom:  0;
}
.ranform-required {
	top: -0.5em;
	margin-left: 0.1428em;
	color: #CE4330;
}
.ranform-tooltip {
	color: grey;
}
.tooltip-inner {
	text-align: left;
	/*background-color:#262626;*/
	background-color: #ddd;
	color: #000;
	max-width: 350px;
}
.ranform-control {
	margin-top: 0.2143em;
}

.ranform-control:disabled{
	cursor:default !important
}

.ranform-inline-control {
	display: inline-block;
}
.ranform-btn {
    min-width: 7.142em;
}

.ranform-btn:disabled{
	cursor:auto !important
}

.ranform-remove-upload {
	height: 1em;
	margin: auto;
	font-size: 1em;
	cursor: pointer;
	color: #CE4330;
	font-weight: 550;
}
@media print {
	.w-12	{ width: 25%; }
	.col-sm-6 {
		float: left;
		width: 45%;
	}
	.ranform-title {
		/* NOTE: the reason why we need more padding is because on screen this is inside a rannis-panel
		  which has padding */
		padding-top: 1.5em;
		border-bottom: none;
	}
	.ranform-eval-title {
		text-align: center;
		border-bottom: 0;
	}
	.ranform-row {
		/* page-break-inside: avoid; */
		margin-left: 0;
		margin-right: 0;
	}
	.ranform-helper {
		display: none;
	}
}

@media screen and (min-width: 992px) {
	.ranform-col-left {
		padding-right: 3em;
	}
	.ranform-col-right {
		padding-left: 3em;
	}
}


/* FixMe: looks ugly in Safari, inset becomes solid */
.form-control {
	border-width: 0.143em;
	border-style: inset;
	border-color: #ccc;
}

.form-control:read-only {
	cursor:default !important
}

.form-group { /* fixme: used in rannis-sb */
	margin-right: 0;
	margin-bottom:  1px;      
	text-align: left;
}
.null-style {
	margin: 0;
	padding: 0;
}
.null-style .content {
	padding-bottom: 1em;
}
.rannis-button {
    min-width: 7.142em;
	margin: 0.357em;
}


/* Hide HTML5 number Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}



/**
 * rannis search bar - on top of ag-grid tables
**/
.rannis-sb {
	font-size : 12px;
	min-height: 36px;
	background-color:#EDEDED;
	vertical-align: middle;
	border-top: 1px solid #bdc3c7;
	border-right: 1px solid #bdc3c7;
	border-left: 1px solid #bdc3c7;
	padding: 2px 0 2px 15px;
	height: auto;
	overflow: auto;
}
.rannis-sb label {
	font-weight: normal;
}
.rannis-sb-splitter {
	border-right: 1px solid #bdc3c7;
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.rannis-sb-btn {
	height: 28px;
	margin: 0px 0px 0px 1px;
	padding: 4px 10px;
}
.rannis-sb-filter {
	margin-top: 1px;
	height: 28px;
	/*line-height: 28px;*/
	width:15em;
}
.rannis-sb-div {
	margin: 1px 0.5em;
}

.rannis-sb-config-menu {
	background-color: #f5f5f5;
}
.rannis-sb-config-menu li label {
	display: block;
	padding: 3px 10px;
	clear: both;
	font-weight: normal;
	/*line-height: 1.42857143;*/
	color: #333;
	white-space: nowrap;
	margin:0;
	transition: background-color .4s ease;
}
.rannis-sb-config-menu li label:hover, 
.rannis-sb-config-menu li label:focus {
	background-color: #f5f5f5;
}
.rannis-sb-config-menu li.active label:hover, 
.rannis-sb-config-menu li.active label:focus {
	background-color: #b8b8ff;
}


/**
 * ag-grid helpers
 **/
.rannis-ag-file-clear {
	position: absolute;
	right: 0.5em;
	top: 0;
	bottom: 0;
	height: 1em;
	margin: auto;
	font-size: 1em;
	cursor: pointer;
	color: #CE4330;
	font-weight: 550;
}

/** 
 * ag-chart
 **/
.rannis-ag-chart { 
    padding: 10px 40px;
}

/* 
 * Fix problems with focus and horizontal scrollbar
 */
.ag-body-horizontal-scroll-viewport {
    overflow-x: auto !important;
}


/**
 * icons
 */

/* for glyphicons and other icons used when needed extra large */
.icon-style {
	font-size: 1.25em;
}
/* and when needed extra small */
.icon-style-xs {
	font-size: 0.75em;
}
.svg-icon-style {
	height: 0.85em; 
	width: 0.85em;
}
.cursor-pointer {
	cursor: pointer;
}


.rannis-abstract {
	-moz-column-count: 2;
	-moz-column-gap: 1.429em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1.429em;
	column-count: 2;
	column-gap: 2.143em;
	margin-bottom: 0.714em;
}

.rannis-details {
}

/* for dropdown list of files and attachments */
.rannis-attachments {
	margin: 0.5em 1.5em 1em 1.5em;
}

.accordion-toggle:before {
	font-family: 'Glyphicons Halflings';
	font-size: 0.875em;
	content: "\e114";
	float: left;
}
.accordion-toggle.collapsed:before {
	content: "\e080";
}


.container-login { /** FixMe: login window **/
	width: 23.571em; 
	margin-bottom: 0.714em; 
	margin-top: 6.4em;
}
.container-explanation { /** FixMe: login window **/
	height: 8.571em;
	width: 35.714em;
}


.column-medium {
	margin-right: 3.571em; 
	margin-bottom: 0.5em;
}

/**
* RanTable
**/

.table-text-bold {
    border-top: 2px solid #ddd;
    font-weight: bold;
}

/**
* RanTable end
**/


.bottom-line {
	border-top: 3px solid #b2b2b2;
}
.textAria:focus {
  outline: 0;
}
.rannis-larger-font {
	font-size: 1.0714em;
}


/* overriding bootstraps default right-padding for modal */
.modal-open {
    overflow: auto;
    padding-right:0 !important;
}
.modal-body {
    padding: 30px;
}

/* overriding background-color for breadcrumb */
.breadcrumb {
    background-color:  transparent;
}

/* Needed for all access and if need be, to adjust to different screen-layout */

@media screen and (max-width:600px) {
	.rannis-panel {
		padding-left:4em; 
		padding-right: 4em; 
		padding-top: 1.5em; 
		padding-bottom: 1em; 
		margin: 0;
	}
}
@media screen and (max-width:763px){
	.rannis-abstract {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		margin-bottom: 0.714em;
	}
}
@media screen and (max-width:767px) { 
	.rannis-sb-splitter { 
		display: none;
	}
	.rannis-panel {
		padding-left:4em; 
		padding-right: 4em; 
		padding-top: 1.5em; 
		padding-bottom: 1em; 
		margin: 0;
	}
	.w-50 { width: 100%; } 
	.w-75 { width: 100%; }
}
/* 	#902F1F */

@media screen and (max-width:1024px) { 
	.rannis-abstract {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		margin-bottom: 0.714em;
	}
	.form-group.dropdown {
		margin-bottom: 1px;
	}
	td { white-space: normal !important; word-wrap: break-word;  }
	table { table-layout: fixed; }
}
@media screen and (min-width:1230px) { 
	h1{ font-size:2.82352941em }
	  
	#mediaformat:after{ content:"wide"}
	#mediaformat{ font-family:wide }
}


@media print {

	/* Turn off display of URLs of links. Works only for browser printing not mpdf */
	a[href]:after { 
		content: none !important;
	} 

	/* prettify textarea and input for browser printing */
	textarea.form-control, input.form-control {
		border: 0; 
		margin: 0;
		padding: 0;
		height: auto;
		resize: none;
	}

}


/** toggle-field-lev2 used in bpr as a dropdown when selecting different types **/
@media screen {
	.toggle-field-lev2 {
		margin:			0.5em 0 1em 3em;
		
		border-radius: 	15px;
		border-left: 	2px solid #e5e5e5;
		border-bottom: 	2px solid #e5e5e5;
		border-right: 	2px solid #e5e5e5;
		padding: 		1em; 
		width: 			80%
	}
	.toggle-field-lev2 > .ranform-row {
		font-size: 1em;
	}
}
@media print {
	.toggle-field-lev2 {
		font-size: 10pt;
		padding-left: 2.5em;
		width: 90%
	}
}

.rannis-dd-checkbox { /** Used in bpr for dropdown checkboxes **/
	font-size: 1.1em;
}


/**
 * explanations are special tables with borders to, i.e. show grades
 **/
.rantable-explanations thead tr th, .rantable-explanations tbody tr td {
	padding: 0.3em 0.8em;
	border: 0.143em solid #fff;
}

@media print {
	.rantable-explanations {
		font-family: Arial, Courier, Verdana, Tahoma, sans-serif;
		font-size: 8pt;
	}
}


.grey-bg-color {
	background-color: #777;
	background-image: none;
	border-color: 	#CE4330;
	color: 	#fff;
}
.grey-bg-color-light {
	background-color: #e6e6e6;
	color: 	#000;

}
.grey-bg-color-faded {
	background-color: #c5c5c5;
	color: 	#000;
}




/* Outer systems my_pages specific styles */

.open_funds {
	margin-top:20px;
	margin-bottom:50px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1em;
	width: 100%;
}

.app_new {
	border: 1px solid #58B4FF;
	border-radius: 8px;
	width: 100%;
	max-width: 300px;
	height: 200px;
	margin-top: 1em;
	box-sizing: border-box;
	position: relative;
}

.inner_container_funds {
	padding: 1em;
}

.fund_icon {
	height: 30px;
	display: block;
}

.fund_apply {
	font-size: 1.2em;
	font-weight: 800;
}

.fund_name {
	font-size: 1em;
	font-weight: 400;
	margin-top: 0;
}

.fund_link {
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
}

.fund_link:hover {
	background-color: rgba(166, 166, 236, 0.05);
	border-radius: 8px;
	text-decoration: none;
}

.app_open {
	border: 1px solid #58B4FF;
	border-radius: 8px;
	width: 100%;
	height: 70px;
	margin-top: 1em;
	box-sizing: border-box;
	position: relative;
}

.closing_date {
	position:absolute; 
	top: 80%;
}

.open_apps {
	margin-top:20px;
	margin-bottom:5em;
}

.inner_container_apps {
	display: flex;
	padding: 1em;
}

.fund_icon_apps {
	height: 30px;
	margin-top:5px;
	margin-right:30px;
	display: block;
}

.fund_name_apps {
	font-size: 1em;
	font-weight: 400;
	margin-top: 3px;
	margin-left: 20px;
	width:400px;
}

.closing_date_apps {
	display: block;
	padding-top: 12px;
}