html{
	font-family: Segoe UI, Calibri, Arial;
/*	font-size: 10pt;*/
}‌

body {
	/*padding: 20px;*/
	/*margin: 30px;*/
	background-color: greenyellow;
	color: #323E47;
}

a {
	text-decoration: none;
	color: #008AFF;
}

a:visited {
	color: #008AFF;
}

.red {
	border: 1px solid red;
}

.left {
	text-align: left;
}

.right {
	text-align:  right;
}

.divItem {
	display: inline-block;
}

.pageRow {
	width: 100%;
	/*{#			margin-top: 20px;#} */
}
.highlight{     
	font-weight:bold;
	text-decoration: underline;
	background-color: #d6ebf2;
}

.pageRowTop {
	margin-top: 20px;
}

.pageRowTopPadding {
	padding-top: 35px;
}

.headerBar {
	font-size: 160%;
	font-weight: bold;
	background-color: #1D4164;	/*blue*/
	color: #DCDFE3;
}

.headerBarText {
	padding: 6px;
}

.headerLink {
	padding-top: 10px;
}

.headerLink:last-child {
	text-align: right;
}

.headerLink a {
	text-decoration: underline;
	color: #0089FF;
}

.headerLink a:visited {
	color: #0089FF;
}

.scoutTicket {
	height: 25px;
	padding-left: 18px;
	background: url("../resources/scoutTicket.png") no-repeat scroll left top transparent;
}

.help {
	padding-left: 18px;
	background: url("../resources/help.png") no-repeat scroll 0 0 transparent;
	padding-right: 20px;
}

.email {
	padding-left: 18px;
	background: url("../resources/mail2.png") no-repeat scroll 0 0 transparent;
}

.search {
	padding-left: 18px;
	padding-right: 18px;
	background: url("../resources/search.png") no-repeat scroll 0 0 transparent;
}

.logo {
	display: inline-block;
	line-height: 32px;
	padding-left: 0px;
    background: url(../resources/oseburg3.png) no-repeat scroll 0 0 transparent;
    width: 135px;
    background-size: 130px 32px;
}

.keySupplier {
	display: inline-block;
	margin-left: 4px;
	width: 16px;
	height: 16px;
	background: url("../resources/key3.png") no-repeat scroll 0 0 transparent;
	cursor: help;
}

.keyval tr td {
	white-space: nowrap;
	font-size: 85%;
	padding-left: 3px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}


.header > table td{
	vertical-align: top;
}

.chartHeader {
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
}
.ag-header-cell-label .ag-header-cell-text{
   	font-size: 110%;
   	font-weight: bold;
}
.bigHeading {
	font-size: 170%;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
	color: #4d4d4d;  /*burgundy */
}
.descHeading {
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
	color: #4d4d4d;  /*burgundy */
}

.descText {
	font-size: 130%;
	text-align: left;
	margin-bottom: 30px;
	color: #4d4d4d;  /*burgundy */
}

#divPurpose {
	padding-right: 30px;
}

.metadata {
	float:left;
}

table.keyval {
	border-collapse: collapse;
}

.meta1 td:first-child{
	background-color: #475765;	/*blue*/
	border: 1px solid #758B9E;	/*light blue*/
	color: #DCDFE3;
}
.meta1 td:last-child{
	border: 1px solid #CCD7E0;	/*light blue*/
}

.meta2 td:first-child{
	background-color: #8C8C8C;	/*gray*/
	border: 1px solid #B3B3B3;	/*light gray*/
	color: #ECECEC;
}
.meta2 td:last-child{
	border: 1px solid #E0E0E0;	/*light gray*/
}

.meta3 td:first-child{
	background-color: #E55724;	/*orange*/
	border: 1px solid #FC8256;	/*light orange*/
	color: #FFEEE2;
}
.meta3 td:last-child{
	border: 1px solid #E6D8CF;	/*light orange*/
}

.metaSep {
	height: 1px;
	max-height: 1px;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
}


#tblDetails {
	border-collapse: collapse;
}

#tblDetails .purpose {
	background-color: #1D4164;	/*blue*/
	border-top: 1px solid #1D4164;
	border-left: 1px solid #1D4164;
	border-right: 1px solid #1D4164;
	color: #DCDFE3;
	font-weight: bold;
	font-size: 100%;
	text-transform: capitalize;
	padding: 5px;
	text-align: left;
}

#tblDetails .purposeHeader{
	background-color: #E4E4E4;	/*gray*/
	border-top: 1px solid #E4E4E4;;	/*gray*/
	border-left: 1px solid #E4E4E4;;	/*gray*/
	border-right: 1px solid #E4E4E4;;	/*gray*/			
	color: #676767;				/*dark gray*/
	font-weight: bold;
	font-size: 70%;
	text-transform: uppercase;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}

#tblDetails .blank {
	border: none;
	height: 30px;
}

#tblDetails .item {
			border-left: 1px solid #CDD7E5;	/*light blue*/
			border-right: 1px solid #CDD7E5;	/*light blue*/
			border-bottom: 1px solid #CDD7E5;	/*light blue*/
			border-top: 1px solid #CDD7E5;	/*light blue*/
			padding-top: 2px;
			padding-bottom: 2px;
			padding-left: 5px;
			padding-right: 5px;
		}

		#tblDetails .left {
			text-align: left;
		}

		#tblDetails .right {
			text-align: right;
		}
		
		#tblDetails .center {
			text-align: center;
		}

		.legend {
/*{#			padding-top: 20px;#}*/
			width: 100%;
			text-align: center;
			font-style: italic;
		}
		
		.legend_left {
/*{#			padding-top: 20px;#}*/
			width: 100%;
			text-align: left;
			font-style: italic;
		}
		
		.disclosure {
			font-size: 140%;
		}
		.disclosure_highlight {
			background-color: YELLOW;
			font-size: 140%;
		}
		
		.legend div:first-child {
			display: inline-block;
			background-image: url("../resources/key3.png");
			background-position: right center;
			background-origin: content-box;
			margin-left: 4px;
			width: 16px;
			height: 16px;
		}
		.legend div:nth-child(2) {
			display: inline-block;
			color: #008AFF;
		}
		
		.legend div:nth-child(3) {
			display: inline-block;
			background-image: url("../resources/green_box.png");
			background-position: right center;
			background-origin: content-box;
			margin-left: 4px;
			width: 15px;
			height: 15px;
		}
		
		.legend div:nth-child(4) {
			display: inline-block;
			background-image: url("../resources/yellow_box.png");
			background-position: right center;
			background-origin: content-box;
			margin-left: 4px;
			width: 15px;
			height: 15px;
		}

		.mod {
			background-image: url("../resources/modification.png");
			background-position: right center;
			background-origin: content-box;
			padding-left: 14px;
			width: 16px;
			height: 16px;
			cursor: help;
		}

		.cursorHelp{
			cursor: help;
		}
		
		.devZero {
			background-image: url("../resources/dev_zero.png");
			background-position: right center;
			background-origin: content-box;
			padding-left: 14px;
			margin-left: 4px;
			width: 16px;
			height: 16px;
		}

		.devDown1 {
			background-image: url("../resources/dev_down_1.png");
			background-position: right center;
			background-origin: content-box;
			padding-left: 14px;
			margin-left: 4px;
			width: 16px;
			height: 16px;
		}

		.devDown2 {
			background-image: url("../resources/dev_down_2.png");
			background-position: right center;
			background-origin: content-box;
			padding-left: 14px;
			margin-left: 4px;
			width: 16px;
			height: 16px;
		}

		.devUp1 {
			background-image: url("../resources/dev_up_1.png");
			background-position: right center;
			background-origin: content-box;
			padding-left: 14px;
			margin-left: 4px;
			width: 16px;
			height: 16px;
		}

		.devUp2 {
			background-image: url("../resources/dev_up_2.png");
			background-position: right center;
			background-origin: content-box;
			padding-left: 14px;
			margin-left: 4px;
			width: 16px;
			height: 16px;
		}

		.valignTop td{
			vertical-align: top;
		}

		.alignLeft {
			text-align: left;
		}

		.alignCenter {
			text-align: center;
		}

		.alignRight {
			text-align: right;
		}

		.floatLeft {
			display: inline-block;
			float: left;
		}
		.floatRight {
			display: inline-block;
			float: right;
		}

		.casKeyVal tr td:first-child {
			font-weight: bold;
		}

		.casKeyVal tr td:last-child {
			padding-left: 30px;
		}

		.casKey {
			font-weight: bold;
		}

		#casImage {
			border: 1px solid #D2D2D2;
		}

		.log th {
			background-color: #E4E4E4;
			font-size: 70%;
			font-weight: bold;
			text-transform: uppercase;
			text-align: left;
		}

.dataTablePopup tbody tr td:first-child{
	border-left: none;
	
}
.dataTablePopup tbody tr td:last-child{
	border-right: none;
}
.dataTablePopup tbody tr td {
	border-top: 1px solid #CDD7E5;	/*light blue*/
	border-bottom: none;
}

.dataTablePopup tbody tr:last-child td {
	border-bottom: 1px solid #CDD7E5;	/*light blue*/
}

.uvaHeader {
/*	{#background-color: #7AAABE;	 light blue
			border-top: 1px solid #7AAABE;
			border-left: 1px solid #7AAABE;
			border-right: 1px solid #7AAABE;
			color: white;
			padding: 5px; 
			font-weight: bold;#}*/
			padding-top: 2px;
/*{#			border-bottom: 1px solid #CDD7E5;	light blue#}*/
		}
		
		.uvaItemTD {
			padding-bottom: 10px;
			padding-left: 10px;
			width: 100px;
		}
		
		.uvaItemTD:first-child {
			padding-left: 0px;
		}
		
		.uvaItem {
/*{#			border: 1px solid #CDD7E5;	light blue#}*/
	text-align: center;
}

.uvaItemNA {
	color: #bbbbbb;
}

.uvaItem div{
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-left: 1px solid #CDD7E5;	/*light blue*/
	border-right: 1px solid #CDD7E5;	/*light blue*/
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		.uvaItem div:first-child {
			font-size: 90%;
/*{#			font-weight: bold;#}*/
			padding-left: 2px;
			padding-right: 2px;
			padding-top: 3px;
			padding-bottom: 2px;
		}
		
		.uvaItem div:nth-child(2) {
			padding-top: 5px;
			padding-bottom: 5px;
			font-weight: bold;
			overflow-wrap: break-word;
			height: 30px;
			vertical-align:middle;
			
			/*center the text vertically in the div*/
	display: flex;
	justify-content:center;
	align-content:center;
	flex-direction:column;
}

.uvaItem div:last-child {
	border-bottom: 1px solid #CDD7E5;	/*light blue*/
}

.uva1 div:first-child {
	background-color: #546B66;
	border: 1px solid #546B66;
	color: white;
}
.uva2 div:first-child {
	background-color: #6E9267;
	border: 1px solid #6E9267;
	color: white;
}
.uva3 div:first-child {
	background-color: #82B068;
	border: 1px solid #82B068;
	color: white;
}
.uva4 div:first-child {
	background-color: #A48454;
	border: 1px solid #A48454;
	color: white;
}
.uva5 div:first-child {
	background-color: #C65840;
	border: 1px solid #C65840;
	color: white;
}
.uva6 div:first-child {
	background-color:#8C8C8C;
	border: 1px solid #8C8C8C;
	color: white;
} 
.uva7 div:first-child {
	background-color: #eeeeee;
	border: 1px solid #CDD7E5;
	color: #aaaaaa;
}
.uvaEmpty div {
	border: none !important;
}

.tableFormations {
	margin-top: 30px;
	width: 100%;
}

.tableFormations tr:first-child td {
	border-top: none;
}

.tableFormations tr > td:first-child {
	text-align: right;
	white-space: nowrap;
}

.tableFormations tr > td:last-child {
	width: 100%;
}

.tableFormations span:nth-child(odd) {
	display: table;
}

.tableFilingError {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}

.tableFilingError thead tr:nth-child(1) th {
	background-color: #E4E4E4;	/*gray*/
	border-top: 1px solid #E4E4E4;;	/*gray*/
	border-left: 1px solid #E4E4E4;;	/*gray*/
	border-right: 1px solid #E4E4E4;;	/*gray*/			
	color: #676767;				/*dark gray*/
	font-weight: bold;
	font-size: 70%;
	text-transform: uppercase;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	width: 35%;
}
.tableFilingError thead tr:nth-child(1) th:nth-child(4){
	width: 3%;
	background-color: #234463;
	border: 1px solid #234463;
}
.tableFilingError tbody td {
	border-top: 1px solid #CDD7E5;
	border-left: none;
	border-right: 1px solid #CDD7E5;
}
.tableFilingError tbody td:nth-child(3){
	border-right: none;
}
.tableFilingError tbody td:nth-child(4){
	background-color: #234463;
	border: none;
}

.google-visualization-atl .legend {
  font-size: 14px !important;
}
.google-visualization-atl .annotationsContainer .title {
	font-size:11px;
}
.common
{
	padding: 3px 13px;
	border-radius: 10px;
	font-size: 12px;
	text-align: center;
	position: relative;
	display: inline-table;
	cursor: pointer;
	transition: all .1s ease;
}

.button
{
	font-size: 16px;
	border: 1px solid #999999;
	box-shadow: inset 0 0 1px 1px #F6F6F6;
	padding: 3px 13px;
}

.orangeButton
{
	font-size: 16px;
	border: 1px solid #999999;
	box-shadow: inset 0 0 1px 1px #F6F6F6;
	background-color: #E55724;
	color: #ffffff;
}
 
.orangeButton:visited
{
	background-color: #E55724;
	color: #ffffff;
}
.orangeButton:hover
{
	background-color: #FC8256;
	color: #ffffff;
}
.grayButton
{
	font-size: 16px;
	border: 1px solid #404040;
	box-shadow: inset 0 0 1px 1px #F6F6F6;
	background-color: #404040;
	color: #cab287;
}
 
.grayButton:visited
{
	background-color: #404040;
	color: #cab287;
}
.grayButton:hover
{
	background-color: #76663f;
	color: #ffffff;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 25px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #7a92a0;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 7px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.alert{
    font-size: 170%;
	font-weight: bold;
	background-color:#e94922;
	color:white;
}
.blinking{
    animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
    0%{     color:white    }
    49%{    color: transparent; }
    50%{   color:white;    }
    100%{   color:white;    }
}