body {
	font-size: 16px;
	font-family:'DIN Next W01', sans-serif;
	}
	
body a {
	color:#337ab7;
	}	
	
.breadcrumb {background:none;padding:2rem 0;margin:0;}

.dashboard-link {
	color:white !important;
	background-color: #009fe3;
	border: 1px solid #009fe3;
	opacity: 1;
	margin-left:1rem;
	border-radius: 4px;
	}

.broker-link {
	color:white !important;
	opacity: 1;
	border: 1px solid #fff;
	}

.broker-link:after {
	font-family: FontAwesome;
	content: "\f107";
	margin-left:10px;
	display:inline-block;
	}

.broker-link.active:after {
	content: "\f106";
	}

header.white .site-navigation ul.sf-menu > li > a.dashboard-link {
	opacity: 1;
	}

@media (min-width:768px) {
	}

@media (min-width:991px) {
	}

@media (min-width:1200px) {
	}

@media (min-width:1400px) {
	.wide-body-width .container {width: 1370px;}
	}

@media (min-width:1500px) {
	.wide-body-width .container {width: 1470px;}
	}


/*
=======================================================================
	ParetoDash Boxes
=======================================================================
*/


.boxes {
	background: #ececec;
	padding-top:15px;
	padding-bottom:15px;
	}

.boxes .container > .row > div[class*="col-"] {
	margin-top:15px;
	margin-bottom:15px;
	}

.portlet {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0px 8px 0 rgba(0,0,0,0.06),0 1px 0px 0 rgba(0,0,0,0.02);
	}

.portlet + .portlet {margin-top:30px;}

.portlet-header {padding:18px 15px 15px 15px;border-bottom: 1px solid #c7cacb;}
.portlet-header h2 {font-size: 1rem!important;font-weight: 700;color: #19518e!important;margin:0; text-transform:uppercase;display:inline-block;}
.portlet-content {padding:15px;position:relative;}
.portlet-content > :last-child {margin-bottom:0!important;}
.portlet-content img {width:100%;}

.portlet-content .portlet-content-section {margin-bottom:15px;padding-bottom:30px;padding:15px;border: 1px solid #d2d2d2;}
.portlet-content .portlet-content-section > :last-child {margin-bottom:0!important;}

.portlet-content .text-muted {font-size: 0.7rem;}




/* Portlet header tabs */

.portlet-header .nav-tabs {border:0;display:block;}
.portlet-header .nav-tabs > li > a {
	font-size: 0.85rem;
	border:1px solid #abcde3;
	border-left: 3px solid #135598;
	background: #e9f4fb;
	padding: 10px 25px;
	line-height: 1.5;
	}

.portlet-header .nav-tabs > li > a:hover {
	background: #135598;
	padding: 10px 25px;
	color:#fff;
	}

.portlet-header .nav-tabs>li.active>a, 
.portlet-header .nav-tabs>li.active>a:focus, 
.portlet-header .nav-tabs>li.active>a:hover {
	background: #fff;
	color:#333;
	padding: 10px 25px;
	border:1px solid #c7cacb;
	border-bottom:1px solid #fff;
	}


/* Portlet content tabs */

.portlet-content .nav-tabs {float:right;}
.portlet-content .nav-tabs {border:0;display:block;}
.portlet-content .nav-tabs > li {margin-left:15px;}


.portlet-content .nav-tabs > li > a {
	font-size: 0.85rem;
	border:1px solid fff;
	border-left: 3px solid #fff;
	border-bottom: 1px solid #c7cacb;
	background: #fff;
	padding: 10px 25px;
	line-height: 1.5;
	}

/*
.portlet-content .nav-tabs > li > a {
	font-size: 0.85rem;
	border:1px solid #abcde3;
	border-left: 3px solid #135598;
	background: #e9f4fb;
	padding: 10px 25px;
	line-height: 1.5;
	}
*/	

.portlet-content .nav-tabs > li > a:hover {
	font-size: 0.85rem;
	border:1px solid #abcde3;
	border-left: 3px solid #135598;
	border-bottom: 1px solid #c7cacb;
	background: #e9f4fb;
	padding: 10px 25px;
	line-height: 1.5;
	}

.portlet-content .nav-tabs>li.active>a, 
.portlet-content .nav-tabs>li.active>a:focus, 
.portlet-content .nav-tabs>li.active>a:hover {
	background: #fff;
	color:#333;
	padding: 10px 25px;
	border:1px solid #c7cacb;
	border-bottom:1px solid #fff;
	}
	


section .tab-panel-footer {text-align: center;padding-top: 15px;}
section .tab-panel-footer .bttn {margin: 0 auto;float:none;}
section .tab-panel-footer .bttn-more:after {
	font-family: FontAwesome;
	content: "\f055";
	margin-left:10px;
	display:inline-block;
	}


@media screen and (max-width: 767px) {
	.table-responsive {
		padding:10px;
		}
	}

@media (min-width:768px) {
	.portlet-content .nav-tabs {position:absolute;top:-42px;right:15px;}
	}

@media (min-width:991px) {

	}

@media (min-width:1200px) {
	}













.portlet-content .tab-content {}
/*.portlet-content .nav-tabs + .tab-content {border: 1px solid #ddd;border-top:0;padding:15px;}*/


/* Portlet table */
.portlet-content .table > thead > tr > td, 
.portlet-content .table > thead > tr > th {
	font-weight: 600;
	font-size: 0.9rem;
	color: #333;
	border: 0;
	border-bottom: 1px solid #ddd;
	}

.portlet-content .table.tablesorter > thead > tr > th:hover {cursor:pointer;}
.portlet-content .table > thead > tr > th.headerSortDown {color:#19518e;}
.portlet-content .table > thead > tr > th.headerSortDown:after {
	font-family: FontAwesome;
	content: "\f0dd";
	margin-left:10px;
	display:inline-block;
	}
.portlet-content .table > thead > tr > th.headerSortUp {color:#19518e;}
.portlet-content .table > thead > tr > th.headerSortUp:after {
	font-family: FontAwesome;
	content: "\f0de";
	margin-left:10px;
	display:inline-block;
	}

.portlet-content table.table > tbody > tr > td {
	color: #000;
	vertical-align: middle;
	font-size: 0.9rem;
	}
	
.portlet-content table>tbody>tr:hover {background: #e9f4fb;}
.portlet-content table.table > tbody > tr td:first-child {border-left: 3px solid #fff;}
.portlet-content table.table > tbody > tr:hover td:first-child {border-left: 3px solid #009ee3;}
.portlet-content table.table > tbody > tr.bg-active td:first-child {border-left: 3px solid #002f5f!important;}
.portlet-content table.table > tbody > tr:last-child td {border-bottom: 1px solid #ddd;}


/* Active row */
.portlet-content table.table > tbody > tr.bg-active > td,
.portlet-content table.table > tbody > tr.bg-active > td > a {color:#fff;}
.portlet-content table.table > tbody > tr.bg-active {background: #002f5f;}
.portlet-content table.table > tbody > tr.bg-active:hover {background: #135598;}
.portlet-content table.table > tbody > tr.bg-active:hover td:first-child {border-left: 3px solid #009ee3;}
	
	
	
/* Portlet broker */
.portlet-content .portlet-broker-image {}
.portlet-content .portlet-broker-info h2 {font-size: 1.3rem;margin:0 0 10px 0;padding:0;}
.portlet-content .portlet-broker-info div {font-size: 0.9rem;margin-bottom:7px}
.portlet-content .portlet-broker-info a {text-decoration:underline;}
section .col-xs-12 .portlet-broker-image {margin-bottom:1.5rem;}





/*
=======================================================================
	Bootstrap modal
=======================================================================
*/

.modal-body {background: #eff3f8;padding:30px;}
.modal-body .portlet {margin: 0 0 30px 0;}
.modal-body div[class*="col-"] img {margin-bottom:30px;}
.modal-content  {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important; 
	}

.modal-footer button {
	background:none;
	color:#14215a;
	border: 2px solid #14215a;
	padding:0.75rem 1rem;
	display:block;
	float:right;
	}

.modal-footer button:before {
	font-family: FontAwesome;
	content: "\f00d";
	margin-right:10px;
	display:inline-block;
	}

.modal-footer button:hover {
	background:#14215a;
	color:#fff;
	}









@media (min-width:768px) {
	.portlet-header .nav-tabs {float:right;margin-top:0;}
	}

@media (min-width:991px) {
	}

@media (min-width:1200px) {
	.portlet-header .nav-tabs li {margin-left:10px;}
	.modal-dialog {width: 85%;}
	}

@media (min-width:1400px) {
	}

@media (min-width:1500px) {
	}
	
	
	

	
	
	
	
	
	
	
	
	
	

/*
=======================================================================
	Custom table
=======================================================================
*/

.text-danger {color:red!important;}
	
.oil-prices table tr:nth-child(odd) {
	background: #FFFFFF !important;
}
.oil-prices table tbody td {
	font-weight: normal !important;
	line-height:15px !important;
	padding-right: 0px !important;
}
.oil-prices table tbody td:first-child {
	width: 45% !important;
}
.oil-prices table tbody td:last-child {
	text-align: right;
	width: 27% !important;
}
.oil-prices table {
	margin: 0px !important;
}
.oil-prices table font[color="red"] {
	color: #F3565D !important;
}
.oil-prices table font[color="green"] {
	color: #45B6AF !important;
}





/*
=======================================================================
	Border top and bottom
=======================================================================
*/
	
.bordertop {border-top:1px solid #ccc;}
.borderbottom {border-bottom:1px solid #ccc;}
		
	
	
/*
=======================================================================
	Custom footer
=======================================================================
*/
	
footer .topspace {padding-top:100px;}
footer .bottomspace {padding-bottom:100px;}
footer h2 {display:none;}
	
	
	
	
/*
=======================================================================
	Custom right and left content
=======================================================================
*/

.text-and-image {position:relative;overflow:hidden;background: #f7f7f7;}

.text-and-image.moretopspace {padding-top:0;}
.text-and-image.moretopspace .text-content {padding-top:100px;}
.text-and-image.morebottomspace {padding-bottom:0;}
.text-and-image.morebottomspace .text-content {padding-bottom:100px;}
.text-and-image .text-content {padding:4rem 2rem;}
.text-and-image .text-content .colteaser + .bttn {margin-top: 2rem;}

.image-content {
	position:absolute;top:0;right:0;
	height:100%;
	width:50%;
	z-index:99;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
.text-and-image-text-right .col-md-6  {float:right;}
.text-and-image-text-right .image-content  {left:0;right:auto;}
	


/*
=======================================================================
	Custom pre-header mobile
=======================================================================
*/


.pre-header-mobile {padding:1rem;background: #fff;}

.pre-header-mobile .pre-header-shortcut {
	padding:.75rem 1rem;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:  .75rem;
	}

.pre-header-mobile .pre-header-shortcut:hover {text-decoration:none;}

.pre-header-mobile .shortcut-dutybroker {
	border: 2px solid #009fe3;
	color:#009fe3;
	position:relative;
	background:#fff;
	}

.pre-header-mobile .shortcut-dutybroker:hover,
.pre-header-mobile .shortcut-dutybroker:active,
.pre-header-mobile .shortcut-dutybroker:focus {color:#009fe3;text-decoration:none;}

.pre-header-mobile .shortcut-dutybroker:after {
	font-family: FontAwesome;
	content: "\f107";
	margin-left:10px;
	display:inline-block;
	}

.pre-header-mobile .shortcut-dutybroker.active:after {
	content: "\f106";
	}
		
.pre-header-mobile .shortcut-dashboard {
	color: white !important;
	background-color: #009fe3;
	border: 2px solid #009fe3;
	}

.pre-header-mobile .pre-header-dutybroker {
	display:none;
	border: 1px solid #009fe3;
	color:#fff;
	margin-top:1rem;
	}

.pre-header-mobile .pre-header-dutybroker:before {
	content:"";
	position:absolute;
	top:-7px;
	left:25%;
	z-index:0;
	width: 0; 
  height: 0; 
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #009fe3;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	opacity:0;
	}

.pre-header-mobile .pre-header-dutybroker.active:before {opacity:1;}
	
.pre-header-mobile .pre-header-dutybroker * {color:#002f5f;}
.pre-header-mobile .portlet-header {background: #009fe3;}
.pre-header-mobile .portlet-header h2 {color:#fff;}

.portlet-header {
    padding: 18px 15px 15px 15px;

}


@media (min-width:450px) {
	.pre-header-mobile .pre-header-shortcut {padding:1rem;font-size: 1rem;}
	}

@media (min-width:768px) {
	.pre-header-mobile {display:none;}
	}

@media (min-width:991px) {
	}

@media (min-width:1200px) {
	}



/*
=======================================================================
	Custom pre-header desktop
=======================================================================
*/

.pre-header-desktop {
	display:none;
	text-align:left;
	color:#333;
	background:#e2e2e2;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;	
	}

.pre-header-desktop .desktop-broker-info {
	display:none;
	width:300px;
	position:absolute;top:120%;right:0;
	background:#fff;
	padding:1rem;
	text-align:left;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	}

.pre-header-desktop .pre-header-desktop-broker-info:before {
	font-family: FontAwesome;
	content: "\f111";
	margin-right:10px;
	display:inline-block;
	color:#000;
	animation: pulse 2s infinite;
	display:none;
	}

@keyframes pulse {
  0%, 100% {
    color: #fff;
  }
  50% {
    color: #002f5f;
  }
}

.pre-header-desktop strong {
	color:#999;
	font-weight:normal;
	}

.pre-header-desktop:hover {
	opacity:1;
	}



@media (min-width:768px) {
	.pre-header-desktop {display:block;padding:1rem;}
	}

@media (min-width:991px) {
	}

@media (min-width:1200px) {
	}




/* SHOW ALL */
.maxheight {max-height: 500px;overflow-y:hidden;position:relative;}
.maxheight:after {
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-150px;
	width:300px;
	height:6px;
	background: url(../images/shd-viewall.png) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	z-index:999;
	}

@media (min-width:768px) {
.maxheight:after {width:400px;height:8px;margin-left:-200px;}
	}

@media (min-width:991px) {
.maxheight:after {width:500px;height:10px;margin-left:-250px;}
	}

@media (min-width:1200px) {
.maxheight:after {width:100%;height:22px;margin: auto;left: auto;}
	}

.bttn{cursor:pointer;}


/*
=======================================================================
	World Map
=======================================================================
*/

#paretomap {width:100%!important;}


/*
=======================================================================
	Custom banner
=======================================================================
*/

.itemid-207 {position:absolute;}
.itemid-207 p.teaser {
	background: rgba(0,47,95,0.7);
	padding: 1rem;
        text-align: left !important;
	}

.itemid-207:after {
	content:"Photographer: Marius Beck Dahle";
	position:absolute;
	bottom:0;
	right:0;
	margin-right:15px;
	margin-bottom:15px;
	color: rgba(255,255,255,0.2);
	}



/*
=======================================================================
	Print
=======================================================================
*/

@media print {


.portlet-content table.table > tbody > tr.bg-active {
color-adjust: exact !important;
-webkit-print-color-adjust: exact !important;
}

.portlet-content table.table > tbody > tr.bg-active > td,
.portlet-content table.table > tbody > tr.bg-active > td > a {color:#fff!important;}



.itemid-2455 .table td, 
.itemid-2455 .table th {
    background-color: transparent!important;
}

.itemid-2455 .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9!important;
}

.itemid-2461 .article
{text-align:center;
margin-top:0px!important;}



 body {margin: 0px; position:relative;  /* the margin on the content before printing */}


    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .nav-tabs, .pre-header-mobile, .pre-header-desktop, .mainheader, .bttn-more{
        display:none !important;
    }

    .maxheight{
        max-height: 10000px !important;
    }

.itemid-2455 h2 {

    color: #19518e!important;
padding-bottom: 1px;



}

.itemid-2455 tabpane h2 {
padding-bottom: 1px!important;

}

.itemid-2455 {
position:relative;
}

.itemid-2455 .topspace {

    padding-top: 0px;

}

.itemid-2455 .bottomspace {

    padding-bottom: 0px;

}
    .itemid-2455 .site-footer {display:none;}

.itemid-2461 h2{
font-size: 1rem !important;
    font-weight: 700;
    color: #19518e!important;
    margin: 0;
    text-transform: uppercase;
padding-top:20px;
padding-left:0px;

}


.itemid-2455 .tab-content > .tab-pane #osterm {display:none;}

.itemid-2455 .portlet-content table.table > tbody > tr > td {
   
    text-align: left;
    font-size: 0.9rem!important;
margin-left: 0px;


}

.itemid-2455 .portlet-content table.table > tbody > tr.bg-active > td, .itemid-2455 .portlet-content table.table > tbody > tr.bg-active > td > a
{
  color: #19518e!important;
}

.itemid-2455 .portlet-content  {
padding:0px;
margin:0px;


}


.itemid-2455 .portlet-content .tab-content {
width: 100%;
  text-align: left;
padding:0px!important;

}



.itemid-2455 .portlet + .portlet {

    margin-top: 3px;

}

.itemid-2455 .portlet-header h2 {
    font-size: 1rem!important;
    font-weight: 700;
    color: #19518e!important;
    margin: 0;
padding_left:0px!important;
    text-transform: uppercase;
    display: inline-block;
}

.itemid-2455 .section h2:first-of-type {

    font-size: 2.6rem;
color: #19518e!important;

}

.itemid-2455 .portlet-content table.table > tbody > tr.bg-active {background: none!important;}

.itemid-2455 .portlet-content table.table > tbody > tr.bg-active > td > a
{
font-weight: bold!important;
    color: #19518e!important;
}

.itemid-2455 .portlet-header {

 padding:0px!important;
 border: none!important;
}

.itemid-2455 .portlet-header h2 {

    font-size: 1rem !important;
    font-weight: 700;
    color: #19518e!important;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
padding-bottom: 4px;

}

.itemid-2455 .portlet-content .tab-content h2{
 font-size: 1rem!important;
    font-weight: 700;
    color: #19518e!important;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
}


.itemid-2455 .table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #f9f9f9!important;}


.itemid-2455 .topspace
{margin-top:0px!important;}


.itemid-2455 .breadcrumb
{display:none;}


.itemid-2455 .col-md-12 {
    font-size: 12px;
}

.itemid-2455 article
{width;100%;
}

.itemid-2455 article p
{font-size:18px;
}


.itemid-2455 .table>tbody>tr>td, .itemid-2455 .table>tbody>tr>th, .itemid-2455 .table>tfoot>tr>td, .itemid-2455 .table>tfoot>tr>th, .itemid-2455 .table>thead>tr>td, .itemid-2455 .table>thead>tr>th {
    padding: 2px!important;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.itemid-2455 section .tab-panel-footer {

    padding-top: 1px!important;
}


.itemid-2455 .portlet-content .table > thead > tr > td, .itemid-2455 .portlet-content .table > thead > tr > th {

    font-size: 0.8rem!important;
    color: #333!important;}

.itemid-2455 .full-width-banner{
position:relative;}

.itemid-2455 .todaydate {
    position: absolute;
    top: 47px;
    left: 26em;
    color: #fff!important;
    z-index: 2;
    font-size: 18px;
}

.itemid-2455 .tab-pane{
    margin-top: 5px;
    margin-bottom: 20px;

}

.itemid-2465 .row
{
margin-top:-20px!important;
}

.itemid-2465:last-child .row
{

}


.itemid-2471 
{      
              
              
}

.itemid-2471:last-child {
   
}

}