@charset "UTF-8";
hr {font-family:Arial;color:sienna;}
p {font-family:Arial;text-align:center;}
body {font-family:Arial;background-color:#D2D2D2;}
h1 {font-family:Arial;text-align:center;}

/* Edit boks som kommer opp når bruker vil endre noe inne på instrument detaljer */
#editbox{
	opacity: 0.9;
    width: 100%;
	height: 100%;
    padding: 10px;  
    border: 2px solid black;  
    background-color: black; 
	left: 0%;
	top: 0%;
	position: fixed;
}

#editboxtext{
	opacity: 0.9;
    width: 100%;
	height: 70%;
    padding: 10px;  
    border: 2px solid black;  
    background-color: black; 
	left: 0%;
	top: 20%;
	position: fixed;
}

#editboxclose{
	opacity: 0.9;
    width: 100%;
	height: 10%;
    padding: 10px;  
    border: 2px solid black;  
    background-color: black; 
	left: 0%;
	top: 90%;
	position: fixed;
}

#qabox{
	opacity: 0.9;
    width: 20%;
	height: 50%;
    padding: 10px;  
    border: 2px solid black;  
    background-color: black; 
	left: 40%;
	top: 20%;
	position: fixed;
}

#qaboxtext{
	opacity: 0.9;
    width: 20%;
	height: 20%;
    padding: 10px;  
    border: 2px solid black;  
    background-color: black; 
	left: 40%;
	top: 20%;
	position: fixed;
}

/*Tabell stil for resultat*/
table.center
{
border-collapse:collapse;
margin-left:auto; 
margin-right:auto;
}
.center table,.center th,.center td
{
border: 1px solid white;
}



/*Tabell stil uten linjer*/
table.hidden
{
border-collapse:collapse;
margin-left:auto; 
margin-right:auto;
}
.hidden table,.hidden th,.hidden td
{
border: none;
}

/* Format på knapper */
.button {position:center;}

#gmap {
    border: none;
    background: url('maps.gif') no-repeat top left;
    width: 122;
    height: 124;
}


/* Format på linker */
a:link {text-decoration:none;color:#3D3D3D;}
a:visited {text-decoration:none;color:#3D3D3D;}
a:active {text-decoration:none;color:#3D3D3D;}
a:hover {text-decoration:none;color:red;}
a:font-family:Arial;

/* Format på linker */
a.header:link {text-decoration:none;color:#000000;}
a.header:visited {text-decoration:none;color:#000000;}
a.header:active {text-decoration:none;color:#000000;}
a.header:hover {text-decoration:none;color:red;}
a.headerfont-family:Arial;


/* For å få form centrert */
button.font-family: Arial;
button.margin: 0 auto;
button.text-align:center;


/* borderless th og td */
table.borderless th {
    border-width: 0px;
    padding: 5px;
    background-color: white;   
}
 
table.borderless td {
    border-width: 0px;
    padding: 5px;
    background-color: white;
}

th.right {
  text-align: right;
  margin-right: 1em;
}

th.left {
  text-align: left;
  margin-left: 1em;
}

.selectit { background-color: green; }


.container .btn-group .active { background-color : red }

/* Tripplan */
table#tripplan{
	border:1px solid gray;
	cellpadding:0;
	border-collapse:collapse;
	background:white;
}

table#tripplan td, th, tr{
	border:1px solid gray;
}

@media print{
	body{
		background-color:green;
	}
}

/* Service Agreements */
body.service-agreements {
  font-family:Arial;
  background-color:#D2D2D2;
}

table.service-agreements-table{
  text-align: left;
  border-collapse:collapse;
}

.service-agreements-table tr {
  border:1px solid gray;
}

.service-agreements-table tr.clickable {
  cursor: pointer;
}
.service-agreements-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.service-agreements-table tr:nth-child(even):hover {
  background-color: #f2f2f2ad;
}
.service-agreements-table tr:nth-child(odd) {
  background-color: #fefff6;
}
.service-agreements-table tr:nth-child(odd):hover {
  background-color: #fefff6a8;
}

.service-agreements-table th {
  background-color: cornsilk;
  padding: 5px 20px;
}

.service-agreements-table td{
  padding: 5px 20px;
}

table td.expired{
  background-color: slategray;
}
table td.warning-expired{
  background-color: burlywood;
}
table td.cancelled{
  background-color: darksalmon;
}
table td.active-service-agreement {
  background-color: darkseagreen;
}
table td.not-started {
  background-color: peachpuff;
}
/* END Service Agreements */

/* Instruments table */
table.instrument-table {
  border-collapse:collapse;
  border: 1px solid grey;
}

table.instrument-table th {
  border: 1px solid grey;
  padding-left: 5px;
  padding-right: 5px;
}

table.instrument-table td {
  border: 1px solid grey;
  padding-left: 5px;
  padding-right: 5px;
}

table.instrument-table .recent {
  background-color: #b7b6b1;
}

table.instrument-table .nine-months {
  background-color: #cc9966;
}

table.instrument-table .sa-twelve-months {
  background-color: #ff9933;
}

table.instrument-table .twelve-months {
  background-color: #dada6c;
}

table.instrument-table .crisis {
  background-color: #e64444;
}

table.instrument-table .important {
  background-color: #cf87b1;
}

table.instrument-table .retired {
  background-color: #999999;
  color: grey;
}

table.instrument-table .retired a {
  color: grey;
}

table.instrument-table .blacklisted {
  background-color: #222222;
  color: #d0d0d0;
}

table.instrument-table .blacklisted a {
  color: #d0d0d0;
}

table.instrument-table .comment {
  color: blue;
}

table.instrument-table .comment a {
  color: blue;
}

/* END Instruments table */

/* even-odd TABLE */
table.even-odd {
  border-collapse:collapse;
  border: 1px solid grey;
}

table.even-odd th {
  border: 1px solid grey;
  padding-left: 5px;
  padding-right: 5px;
}

table.even-odd td {
  border: 1px solid grey;
  padding-left: 5px;
  padding-right: 5px;
}

table.even-odd tr:nth-child(even) {
  background: rgb(230, 230, 230)
}

table.even-odd tr:nth-child(odd) {
  background: rgb(220, 220, 220)
}
/* END even-odd TABLE */

/* tooltip + tooltip-text */
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltip-text {
  visibility: hidden;
  width: 240px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -120px;
}

.tooltip:hover .tooltip-text {
  visibility: visible;
}
/* END tooltip + tooltip-text */