﻿
/* ==========================================================================
   Author's custom styles
   ========================================================================== */


searched {
}

/*


table:not(.single-doc).table-bordered > tbody > tr:nth-child(even) {
   background-color: white;
  
}


table:not(.single-doc).table-bordered:not(.single-doc) > tbody > tr:nth-child(odd) {
   background-color:#f4f4f4; 
}


*/

/* We willeen handjes zien */
a.dropdown-toggle:hover {
    cursor: pointer;
}

a.accordion-toggle.collapsed {
    cursor: pointer;
}

[ng-click] {
    cursor: pointer;
}

/*own*/


@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}

.row {
    margin-bottom: 15px;
}


a:hover, a:focus {
    color: #0094aa; /*#157ab5;*/
    text-decoration: underline;
}


/*
.navbar {
    background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-image: -o-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5));
    background-image: linear-gradient(#E6F4FB, #E6F4FB 60%, #E6F4FB);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0);
    -webkit-filter: none;
    filter: none;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    z-index: 300;
    min-height: 50px;
    width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
}

*/

/* hover */

.hovereffect {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
    margin-bottom:30px;
}

.hovereffect .overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    background-color:rgba(0,0,0,0.5);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}

.hovereffect img {
    display: inline-block;
    position:relative;
    -webkit-transition:all .4s linear;
    transition:all .4s linear;
    margin: 30px;
}

.hovereffect h2 {
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    position:relative;
    font-size:17px;
    background:rgba(0,0,0,0.6);
    -webkit-transform:translatey(-100px);
    -ms-transform:translatey(-100px);
    transform:translatey(-100px);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    padding:10px;
}

.hovereffect a.info {
    text-decoration:none;
    display:inline-block;
    text-transform:uppercase;
    color:#fff;
    border:1px solid #fff;
    background-color:transparent;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    margin:50px 0 0;
    padding:7px 14px;
}

.hovereffect a.info:hover {
    box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}

.hovereffect:hover .overlay {
    opacity:1;
    filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0);
}

.hovereffect:hover a.info {
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
}


/*@media screen and (min-width:768px)*/
.container .jumbotron, .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
    background: url("/XrefThemes/Custom/Images/biebfoto_nieuw.jpg") center center;
    text-align: center;
    height: 200px;
}

.container .jumbotronrvs, .container-fluid .jumbotronrvs {
    padding-left: 60px;
    padding-right: 60px;
    background: url("/XrefThemes/Custom/Images/Over ons.png") center center;
    text-align: center;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}

.container .jumbotronscn, .container-fluid .jumbotronscn {
    padding-left: 60px;
    padding-right: 60px;
    background: url("/XrefThemes/Custom/Images/jumbotronscn.jpg") center center;
    text-align: center;
    height: 210px;
}

.container .jumbotronie, .container-fluid .jumbotronie {
    padding-left: 60px;
    padding-right: 60px;
    background: url("/XrefThemes/Custom/Images/ie.jpg") center center;
    text-align: center;
}

.container .jumbotronstaatsrecht, .container-fluid .jumbotronstaatsrecht {
    background: url("/XrefThemes/Custom/Images/staatsrecht.jpg") center center;
    text-align: center;
}

.container .jumbotronaa, .container-fluid .jumbotronaa {
    padding-left: 60px;
    padding-right: 60px;
    background: url("/XrefThemes/Custom/Images/chain.jpg") center center;
    text-align: center;
}

.container .jumbotroncar, .container-fluid .jumbotroncar {
    padding-left: 60px;
    padding-right: 60px;
    background: url("/XrefThemes/Custom/Images/cassatie in de west.png") center center;
    text-align: center;
    height: 250px;
}

.container .jumbotroncar, .container-fluid .jumbotroncar2 {
    padding-left: 60px;
    padding-right: 60px;
    background: url("/XrefThemes/Custom/Images/0144.jpg") center center;
    text-align: center;
}

.container .jumbotroneu, .container-fluid .jumbotroneu {
    padding-left: 60px;
    padding-right: 60px;
    background: url("/XrefThemes/Custom/Images/europees recht.jpg") center center;
    text-align: center;
}

.container .jumbotronstraf, .container-fluid .jumbotronstraf {
    padding-left: 60px;
    padding-right: 60px;
    background: url("/XrefThemes/Custom/Images/strafrecht.png") center center;
    text-align: center;
}

.container .jumbotronfiscaal, .container-fluid .jumbotronfiscaal {
    padding-left: 100px;
    padding-right: 100px;
    background: url("/XrefThemes/Custom/Images/fiscaal recht.jpg") center center;
    text-align: center;
}

.container .jumbotronprivaat, .container-fluid .jumbotronprivaat {
    padding-left: 0px;
    padding-right: 0px;
    background: url("/XrefThemes/Custom/Images/privaatrecht.jpg") center center;
    text-align: center;
}

.panel {
    margin-bottom: 8px;
    background-color: transparent;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: none;;
    box-shadow: none;
}

/*
.carousel-control {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0%;
    top: 100px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #3a87ad;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}
*/

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
    color: white;
}


.thumbnail {
    padding: 10px;
}

/*
.panel-heading {
    padding: 5px 5px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

*/

.panel-heading {
    border-bottom: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #555555;
    background-color: #ffffff;
    border-color: #dddddd;
    margin-bottom: 5px;
}

.panel-default > .panel-heading {
    color: #555555;
    border-color: #dddddd;
    border-bottom: 1px dashed #c4c4c4;
}

.donkerblauw {
    background-color: #1a667b;
    padding: 5px;
}

.thumbnail-zalm {
    background-color: #f2f2f2;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
}


/*@media all and (min-width:992px)*/
.blauw-blok {
    background-color: #E6F4FB;
    padding: 12px;
}

.panel-height {
    height: 500px;
    /* change according to your requirement*/
}

@font-face {
    font-family: 'montserrat';
    src: url('bootstrap/fonts/montserrat.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

@font-face {
  font-family: "BemboStd";
  src: url("bootstrap/fonts/37146E_4_0.eot");
  src: url("bootstrap/fonts/37146E_4_0.eot?#iefix") format("embedded-opentype"), url("bootstrap/fonts/37146E_4_0.woff") format("woff"), url("bootstrap/fonts/37146E_4_0.ttf") format("truetype"); }
  
@font-face {
  font-family: "UniversLTPro-55Roman";
  src: url("bootstrap/fonts/37146E_2_0.eot");
  src: url("bootstrap/fonts/37146E_2_0.eot?#iefix") format("embedded-opentype"), url("bootstrap/fonts/37146E_2_0.woff") format("woff"), url("bootstrap/fonts/37146E_2_0.ttf") format("truetype"); }

@font-face {
  font-family: "UniversLTPro-45Light";
  src: url("bootstrap/fonts/37146E_0_0.eot");
  src: url("bootstrap/fonts/37146E_0_0.eot?#iefix") format("embedded-opentype"), url("bootstrap/fonts/37146E_0_0.woff") format("woff"), url("bootstrap/fonts/37146E_0_0.ttf") format("truetype"); }



@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
    src: url("../bootstrap/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../bootstrap/fonts/fa-solid-900.woff2") format("woff2"), url("../bootstrap/fonts/fa-solid-900.woff") format("woff"), url("../bootstrap/fonts/fa-solid-900.ttf") format("truetype"), url("../bootstrap/fonts/fa-solid-900.svg#fontawesome") format("svg"); }



.panel-default > .panel-heading {
    color: #555555;
    background-color: #ffffff;
    border-color: #dddddd;
}


body {
    font-family: "UniversLTPro-45Light", Verdana, sans-serif;
    font-weight: normal;
    font-size: 17px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1.42857143;
    color: #253746;
    background-color: #ffffff;
    /* background-image: url("/XrefThemes/Custom/images/hd-home.jpg");*/
}

.navbar-default .navbar-nav > li > a {
    color: #555555;
}

.row.small.alt-footer {
    background-color: #212121;
    color: #ffffff;
}


    .row.small.alt-footer ul {
        padding-left: 0px;
    }


        .row.small.alt-footer ul li {
            list-style-type: none;
            padding: 0px;
        }


.container-fluid {
    padding: 15px;
    margin-top: 0px;
    z-index: 0;
}


@media (min-width: 768px) {

    .navbar-collapse {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) {
    .navbar-collapse {
        width: 970px;
        margin-left: auto;
        margin-right: auto;
    }
}


@media (min-width: 1200px) {
    .navbar-collapse {
        width: 1170px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1600px) {

    .navbar-collapse {
        width: 1570px;
        margin-left: auto;
        margin-right: auto;
    }

    #top {
        width: 80%;
    }

    .betrokkenen {
        position: fixed;
        top: 220px;
        right: 5px;
        max-width: 15%;
    }

    .rechtsgebieden {
        position: fixed;
        top: 220px;
        left: 5px;
    }
}

img-rounded {
    margin: 10px;
}


.panel ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.rody {
    background-color: #FAFAFA;
    padding: 5px;
}

/*
kortepresentatie .TTZ a {
    color: #0094aa; ;
    font-weight: bold;
}
*/

kortepresentatie .TTZ a:hover {
    text-decoration: underline;
}

kortepresentatie .AUT, kortepresentatie .JVP, kortepresentatie .IMP, kortepresentatie .URL, kortepresentatie .EBO, kortepresentatie .INH {
    display: inline;
}


.kortepresentatie .AUT, .kortepresentatie .JVU, .kortepresentatie .IMP, .kortepresentatie .URL, .kortepresentatie .EBO, .kortepresentatie .INH, .kortepresentatie .CART {
    display: inline;
}


kortepresentatie .URL a, kortepresentatie .EBO a, kortepresentatie .INH a, kortepresentatie .CART a {
    margin-top: 8px;
    margin-right: 8px;
}

/*
kortepresentatie .URL a, kortepresentatie .EBO a, kortepresentatie .INH a {
    font-size:0;  
    color: transparent;
    overflow: hidden;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('/XrefThemes/Custom/Images/icons/web.png');
    background-size: 32px 32px !important;
    background-repeat: no-repeat;

  }
  
kortepresentatie .URL a[href$='pdf'], kortepresentatie .URL a[href$='PDF']
  {
    background-image: url('/XrefThemes/Custom/Images/icons/pdf.png');
    background-repeat: no-repeat;
}


kortepresentatie .EBO a[href$='pdf'], kortepresentatie .EBO a[href$='PDF']
  {
    background-image: url('/XrefThemes/Custom/Images/icons/pdf.png');
    background-repeat: no-repeat;
} 
  
kortepresentatie .EBO a[href$='docx'], kortepresentatie .EBO a[href$='docx']
  {
    background-image: url('/XrefThemes/Custom/Images/icons/doc.png');
    background-repeat: no-repeat;
} 
  
kortepresentatie .EBO a[href$='pptx'], kortepresentatie .EBO a[href$='pptx']
  {
    background-image: url('/XrefThemes/Custom/Images/icons/ppt.png');
    background-repeat: no-repeat;
}

*/

.HRCOVER img {
    width: 100px;
}
 

a {
    color: #0094aa; /*#336699;*/;
    text-decoration: none;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #0094aa; /*#336699;*/;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

h1, h2, h3, .h1, .h2, .h3 {
  font-family: "BemboStd", Times, serif;
  font-weight: normal;
  color: #0099a9; 
}

h4, h5, h6, .h4, .h5, .h6 {
    font-family: "UniversLTPro-55Roman", Verdana, sans-serif;
    font-weight: normal;
    line-height: 1.1;
    color: #0094aa; /*#317eac;*/
}

.chevron li {
    display: block;
}

.chevron li:before {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    position: relative;
    margin-right: 6px;
    color: #ccc;
}

.snel-menu li, .databanken-menu li {
    line-height: 45px;
    padding-right: 5px;
    border-top: 1px dashed #c4c4c4;
}

.snel-menu li {
    padding-right: 20px;
}


.snel-menu li:first-child, .databanken-menu li:first-child {
    border-top: 0;
}

.databanken-menu li:before {
    content: "\f0a9";
    font-family: "FontAwesome";
    font-size: 18px;
    position: relative;
    margin-right: 10px;
    top: 0;
    color: #fbcda6;
}

.snel-menu a.active {
    font-weight: bold;
}

.snel-menu li, .rss-menu li{
    text-indent: -1em;
    padding-left: 1em;
    display: block;
}


.snel-menu li:before, .rss-menu li:before {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    position: relative;
    margin-right: 5px;
    top: 0;
    color: #ccc;
}

/*
.panel-title > a {
    color: #2fa4e7;
    text-decoration: none;
}
*/

.alert-simple {
    border-color: #fbeed5;
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
    color: white;
    text-shadow: 1px 1px 1px #000;
}


/*   nieuwe carrousel */

.carousel-showsixmoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showsixmoveone .carousel-control.left {
  margin-left: 15px;
}
.carousel-showsixmoveone .carousel-control.right {
  margin-right: 15px;
}
.carousel-showsixmoveone .cloneditem-1,
.carousel-showsixmoveone .cloneditem-2,
.carousel-showsixmoveone .cloneditem-3,
.carousel-showsixmoveone .cloneditem-4,
.carousel-showsixmoveone .cloneditem-5 {
  display: none;
}

.carousel-showsixmoveone .img-responsive {
    display:inline;
}

.carousel-showsixmoveone .item {
    text-align: center;
}


.carousel-showsixmoveone .item img {
        max-height: 200px;
        max-width: 150px;
}

@media all and (min-width: 768px) {
  .carousel-showsixmoveone .carousel-inner > .active.left,
  .carousel-showsixmoveone .carousel-inner > .prev {
    left: -33.333%;
  }
  .carousel-showsixmoveone .carousel-inner > .active.right,
  .carousel-showsixmoveone .carousel-inner > .next {
    left: 33.333%;
  }
  .carousel-showsixmoveone .carousel-inner > .left,
  .carousel-showsixmoveone .carousel-inner > .prev.right,
  .carousel-showsixmoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner .cloneditem-1,
  .carousel-showsixmoveone .carousel-inner .cloneditem-2 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showsixmoveone .carousel-inner > .item.active.right,
  .carousel-showsixmoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(33.333%, 0, 0);
            transform: translate3d(33.333%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.active.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-33.333%, 0, 0);
            transform: translate3d(-33.333%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev.right,
  .carousel-showsixmoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showsixmoveone .carousel-inner > .active.left,
  .carousel-showsixmoveone .carousel-inner > .prev {
    left: -16.666%;
  }
  .carousel-showsixmoveone .carousel-inner > .active.right,
  .carousel-showsixmoveone .carousel-inner > .next {
    left: 16.666%;
  }
  .carousel-showsixmoveone .carousel-inner > .left,
  .carousel-showsixmoveone .carousel-inner > .prev.right,
  .carousel-showsixmoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner .cloneditem-3,
  .carousel-showsixmoveone .carousel-inner .cloneditem-4,
  .carousel-showsixmoveone .carousel-inner .cloneditem-5 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showsixmoveone .carousel-inner > .item.active.right,
  .carousel-showsixmoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(16.666%, 0, 0);
            transform: translate3d(16.666%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.active.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-16.666%, 0, 0);
            transform: translate3d(-16.666%, 0, 0);
    left: 0;
  }
  .carousel-showsixmoveone .carousel-inner > .item.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev.right,
  .carousel-showsixmoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
} 

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.4285;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    border: 0px solid #dddddd;
}

.buttons a {
    display: block;
    width: 100%;
}

.thumbnailborder {
    display: block;
    padding: 5px;
    margin-bottom: 20px;
    line-height: 1.2;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    border: 1px solid #dddddd;
}

.thumbnailborderfixed {
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    line-height: 1.4285;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    border: 1px solid #dddddd;
    min-height: 585px;
}

.carousel-inner > .item {
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
    -ms-transition: 0.6s ease-in-out left;	
}

.congressen {
    list-style-type: none;
}

ul.congressen .datum {
    	width: 84px;
	height: 84px;
	padding: 9px;
	background-color: blue;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 27px;
	margin: 10px 0 16px 0;	
}

.datum {
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.dag {
	font-size: 37px;
	line-height: 1;
	margin-bottom: 3px;
}

.maand {
	font-size: 18px;
}

.buttons a {
	width:100%;
	display: block;
}

.thumbnailborder-rechtsvergelijking {
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    line-height: 1.4285;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    border: 1px solid #dddddd;
    min-height: 250px;
}

/* verfijnpanel */

div#refinePanel {
    height: auto !important;
}

#refinePanel a.ng-binding {
    font-weight: normal;
}

#refinePanel a {
    font-weight: bold;
}

.refine-blok {
    background-color: #FCFCFC;
    padding: 15px;
    border-radius: 5px;
}

doclist-refine-panel span {
    text-transform: lowercase;
}

/* einde verfijnpanel */

kortepresentatieuserhr .AUT {
    display: inline;
    font-weight: bold;
}

.btn-arrow:active {
    color: #0094aa; /*#336699;*/;
    background: none;
    border: none;
    text-decoration: none;
    webkit-box-shadow: none;
    box-shadow: none;
}

.btn-arrow {
    color: #0094aa; /*#336699;*/;
    background: none;
    border: none;
    text-decoration: none;
}

.mat-icon:hover .mat-icon-label, .mat-icon:focus .mat-icon-label {
    visibility: visible;
    opacity: 1;
}

.mat-icon-label {
    /* overflow: hidden; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: rgba(255,255,255,0.95); */
    visibility: hidden;
    opacity: 0;
    padding: 0;
    margin: 0;
}

/*
kortepresentatie .TTZ a:hover, kortepresentatieuser .TTZ a:hover, kortepresentatiepv .TTZ a:hover {
    text-decoration: underline;
}

kortepresentatie .AUT, kortepresentatieuser .AUT, kortepresentatiepv .AUT {
    display: inline;
    font-weight: bold
}
*/

.kortepresentatie .AUT, .kortepresentatie .IMP, .kortepresentatie .JVU, .kortepresentatie.SIG {
    display: inline;
    font-weight: bold;
}

kortepresentatie.SIG {
    display: inline;
    font-weight: bold;
}

.kortepresentatie .TTZ, .kortepresentatie .ABS {
    /* text-align: justify;
    text-justify: inter-word; */
}

.kortepresentatie .JVU {
    float: right;
}



/*
kortepresentatie .IMP, 
*/
kortepresentatieuser .IMP, kortepresentatiepv .IMP, kortepresentatietotaal .IMP {
    display: inline;
    font-weight: bold;
}

/*
kortepresentatie .JVU, 
*/

kortepresentatieuser .JVU, kortepresentatiepv .JVU {
    display: inline;
    font-weight: bold;
    float:right;
}


kortepresentatieuserhr .IMP, kortepresentatieuserhr .SIG {
    display: inline;
    font-weight: bold;
}

kortepresentatieuserhr .JVU {
    font-weight: bold;
}


kortepresentatieuserhr .URL, kortepresentatieuserhr .EBO, kortepresentatieuserhr .CART {
    display: inline;
    font-weight: bold;
}

/*
kortepresentatie .IMP, 
*/

kortepresentatieuserhr .IMP, kortepresentatieuserhr .AUT, kortepresentatiehr .SIG {
    display: inline;
    font-weight: bold;
}

.doclist tr {
    border-radius: 5px;
    background-color: #ffffff;
    /*border-top: 15px solid #f2f2f2;
    border-bottom: 15px solid #f2f2f2;*/
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.URL a[href$='pdf'], .URL a[href$='PDF'] {
    background-image: url(/XrefThemes/Custom/Images/elicons/pdf.png?v=1);
    background-repeat: no-repeat;
}

kortepresentatieuserhr .URL a, kortepresentatieuserhr .EBO a {
    margin-top: 8px;
    margin-right: 8px;
}
.URL a, .EBO a, .CART a, .INH a {
    font-size: 0;
    color: transparent;
    overflow: hidden;
    display: inline-block;
    width: 42px;
    height: 42px;
    background-image: url(/XrefThemes/Custom/Images/elicons/web.png?v=1);
    background-size: 42px 42px !important;
    background-repeat: no-repeat;
}

div.arrows > div div:nth-child(2) {
    text-align: right;
}

.EBO.DOWNLOAD a {
    background-image: url(/XrefThemes/Custom/Images/elicons/ebo-download.png?v=2);
    background-repeat: no-repeat;
}


.INH a {
    background-image: url('/XrefThemes/Custom/Images/elicons/summary.png?v=1');
    background-repeat: no-repeat;
}


kortepresentatieuserhr .URL a, kortepresentatieuserhr .EBO a {
    margin-top: 8px;
    margin-right: 8px;
}

.EBO a[href$='pdf'], .EBO a[href$='PDF'] {
    background-image: url(/XrefThemes/Custom/Images/elicons/pdf.png?v=1);
    background-repeat: no-repeat;
}

kortepresentatieuserhr .URL a, kortepresentatieuserhr .EBO a {
    margin-top: 8px;
    margin-right: 8px;
}

.CART a {
    background-image: url(/XrefThemes/Custom/Images/elicons/cart.png?v=1);
    background-repeat: no-repeat;
    overflow: hidden;
}

kortepresentatieuserhr .moreABS, kortepresentatie .moreABS, .kortepresentatie .moreABS {
    margin-top: 12px;
    margin-bottom: 12px;
}

.ELSDICONS {
    float: right;
}

.ELSDICONS div {
    display: inline-block;
}

kortepresentatieuserhr .more {
    display: inline;
    padding-right: 4px;
}

kortepresentatieuserhr .ABS {
    display: inline;
    padding-right: 4px;
}

.kortepresentatie .icons {
    margin-top: 12px;
    margin-bottom: 12px;
}
.ruitlijn {
    text-align: right;
}

.kortepresentatie .icons div, .doclist tr.icons div {
    display: inline;
}

.LPlabel {
    font-weight: bold;
}

.mat-icon {
    position: relative;
    margin-top: 5px;
}

.mat-icon-icon img {
    width: 32px;
    height: 32px;
}

.mat-icon-label {
    /*overflow: hidden;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background: rgba(255,255,255,0.95);*/
    visibility: hidden;
    opacity: 0;
    padding: 0;
    margin: 0;
}

.mat-icon:hover .mat-icon-label, .mat-icon:focus .mat-icon-label {
    visibility: visible;
    opacity: 1;
}

.mat-icon:hover .mat-icon-icon, .mat-icon:focus .mat-icon-icon {
    opacity: 0;
}



h4refine {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0094aa; /*#317eac;*/
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #dddddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000;
    background-color: #E6F4FB;
    border: 1px solid #E6F4FB;
    border-bottom-color: transparent;
    cursor: default;
    font-weight: bold;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px;
    padding-left: 0;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #dddddd;
}

singledoc-loan-table .table > thead > tr > th, singledoc-loan-table .table > tbody > tr > th, singledoc-loan-table .table > tfoot > tr > th, singledoc-loan-table .table > thead > tr > td, singledoc-loan-table .table > tbody > tr > td, singledoc-loan-table .table > tfoot > tr > td {
    padding-left: 10px;
}




.table > thead > tr > th {
    border: 0;
}

#moreABS div.collapse[aria-expanded="false"] {
    display: block;
    height: 42px !important;
    visibility: visible;
    overflow: hidden;
}

#moreABS div.collapse.in[aria-expanded="false"] {
    height: auto !important;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #ffffff;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

br + br + div {
    float: left;
}

.loanOpenBorrowerButton {
    margin-left: 5px;
    float: left;
    visibility: hidden;
}

input#radioBorrower1 {
    content: ' ';
    clear: right;
    display: block !important;
}

.legenda figure, .legenda figure figcaption {
    background: none;
}

.btn-primary, .btn-info, .btn-success, .btn-warning, .btn-danger {
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    font-family: "UniversLTPro-55Roman", Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    border: 0;
    line-height: 40px;
    padding: 0 20px;
    background-image: none;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none; 
    border-radius: 0;
}

.btn-primary, .btn-info {
    background-color: #0099a9;
}

.btn-primary:hover, .btn-info:hover {
    background-color: #006b76;
    color: #fff;
    text-decoration: none
}

.pagination > li > a,
.pagination > li > span {
  color: #0099a9;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #006b76;
}

/* BEGIN NAVBAR */

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    background: none;
    border: 0;
    border-radius: 0;
    webkit-box-shadow: none;
    box-shadow: none;
}

/* Background whole navigation */
.navbar-default {
    font-family: "UniversLTPro-45Light",Arial,sans-serif;
    font-size: 16px;
    white-space: normal;
    background-color: #0099a9;
    border-color: transparent;
}


@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}


@media (min-width: 768px) {
    .navbar-collapse {
        margin-left: auto;
        margin-right: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            visibility: visible !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0;
    }
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    /* margin: 7.5px -15px; */
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

/* Menu item color + background + border */
.navbar-default .navbar-nav > li > a {
    background-color: transparent;
    padding-left: 0;
    padding-right: 7px;
    margin: 4px;
    color: #fff;
    border-bottom: 0;
}

    .navbar-default .navbar-nav > li > a:hover {
        color: #fff; /*#00B299;*/
        background-color: transparent;
    }

    .navbar-default .navbar-nav > li > a:focus {
        color: #fff; /*#00B299;*/
        background-color: transparent;
    }

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #000;
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 5px;
    border-radius: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
        color: rgb(122, 174, 213);
        background-color: transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 250px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border-bottom: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #000;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: rgb(122, 174, 213);
    background-color: transparent;
}



@media (min-width: 768px) {

    .navbar-nav {
        float: left;
    }

/*
    .navbar-collapse {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
    }*/
}


@media (min-width: 992px) {
    .navbar-default {
        font-size: 18px;
    }
    
    .navbar-default .navbar-nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
    /*
    .navbar-collapse {
        width: 970px;
        margin-left: auto;
        margin-right: auto;
    }
    */
}

/*

@media (min-width: 1200px) {
    .navbar-collapse {
        width: 1170px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }

    .navbar-collapse {
        width: 1570px;
        margin-left: auto;
        margin-right: auto;
    }
}

*/
/* EINDE NAVBAR */

/* Fixed header */

@media (min-width: 992px) {

    .navbar {
        position: fixed;
        z-index: 300;
        top: 102px;
        min-height: 50px;
        width: 100%;
        margin-bottom: 20px;
    }

    header {
        position: fixed;
        height: 160px;
        top: 0;
        width: 100%;
        z-index: 250;
    }

    div#maincontainer {
        margin-top: 220px;
        z-index: 0;
    }
}

@media (min-width: 1200px) {

    .navbar {
        top: 125px;
    }

    header {
        height: 160px;
    }

    div#maincontainer {
        margin-top: 220px;
    }
}

@media (min-width: 1200px) {

    .navbar {
        top: 125px;
    }

    header {
        height: 160px;
    }

    div#maincontainer {
        margin-top: 220px;
    }
}

@media (min-width: 1600px) {

    .navbar {
        top: 150px;
    }

    header {
        height: 150px;
		background-color: #ffffff;
    }

    div#maincontainer {
        margin-top: 220px;
    }
}

/* change individual menu items */

.navbar-default .navbar-nav > li a:before {
    font-family: "FontAwesome";
    font-size: 18px;
    position: relative;
    margin-right: 5px;
    top: 0;
    color: #ffffff;
}

/*.navbar-default .navbar-nav > li:nth-child(1) > a:before {
    content: "\f002";
}
*/
.navbar-default .navbar-nav > li:nth-child(1) > a {
    /*display: inline-block;
    pointer-events: none;*/
}

/*
.navbar-default .navbar-nav > li:nth-child(2) > a {
    color: #aa0061;
}
*/

@media (min-width: 768px) {
    .navbar-default .navbar-nav > li:nth-child(3) > a {
        font-size: 0;
        color: transparent;
        overflow: hidden;
    }
}

    .navbar-default .navbar-nav > li:nth-child(3) > a:before {
        content: "\F007";
        font-size: 26px;
    }

@media (min-width: 768px) {
    .navbar-default .navbar-nav > li:nth-child(5) > a {
        font-size: 0;
        color: transparent;
        overflow: hidden;
    }
}

    .navbar-default .navbar-nav > li:nth-child(5) > a:before {
        content: "\F059";
        font-size: 26px;
    }


/* EINDE NAVBAR */