caption {
    caption-side: top;
    text-align: left;
    font-weight: 600;
}

.box-content-page.box-padding-page .jumbotron.no-margin{
    display: none;
}

.fa-android {
    color: #73b33f;
}

.fa-apple {
    color: #4599d5;
}

.btn .fa-android,
.btn .fa-apple {
    color: #fff;
}

summary {
    list-style: none;
    display: block;
    background-color: #f4f4f4;
    padding: 5px 10px;
    position: relative;
    cursor: pointer;
    font-family: Raleway;
    color: #337ab7;
    font-size: 18px;
}

div.dataTables_wrapper {
    background-color: #fff
}

table.pretty tfoot td,
table.pretty tfoot th,
table.pretty thead th {
    background: #337ab7;
    text-align: center;
    color: #fff
}

table.redty tfoot td,
table.redty tfoot th,
table.redty thead th {
    background: #D73D31;
    text-align: center;
    color: #fff
}

table.pretty.neo tfoot td,
table.pretty.neo tfoot th,
table.pretty.neo thead th {
    background: #D73D31;
    text-align: center;
    color: #fff
}

table.pretty.pay tfoot td,
table.pretty.pay tfoot th,
table.pretty.pay thead th {
    background: #F39C12;
    text-align: center;
    color: #fff
}

div.dataTables_length {
    float: left
}

div.dataTables_filter {
    float: right
}

div.dataTables_info {
    padding: 9px 6px 6px;
    float: left
}

div.dataTables_paginate {
    float: right
}

div.dataTables_filter,
div.dataTables_length,
div.dataTables_paginate {
    padding: 6px
}

.dataTables_wrapper:after {
    content: ".";
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

* html .dataTables_wrapper {
    height: 1%
}

table.pretty {
    width: 100%;
    clear: both
}

table.pretty td,
table.pretty th {
    padding: 0px;
    border: 1px solid #fff
}

table.pretty tfoot td {
    font-weight: 700
}

table.redty {
    width: 100%;
    clear: both
}

table.redty td,
table.redty th {
    padding: 0px;
    border: 1px solid #fff
}

table.redty tfoot td {
    font-weight: 700
}

.monimageresponsive div {
    max-width: 85%
}

.montableau th {
    background: none
}

.montableau tr:nth-child(even) {
    background-color: #ccc
}

.montableau tr:nth-child(odd) {
    background: #FFF
}

table.montableau,
.montableau th,
.montableau td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px;
}

table.montableau {
    width: 100%;

}

.montableau thead th {
    background: #4682B4;
    color: white;
}

p.tarif {
    font-weight: bold
}

.rouge {
    color: #ab0606;
}

.vert {
    color: #32CD32;
    font-weight: bold;
}

h3.news {

    font-weight: bold;
    font-weight: 700
}

#news-sidebar #news-listing {
    float: right;
}

#news-sidebar p,
#news-sidebar .row,
#news-sidebar hr,
#news-sidebar .row .btn {
    display: none;
}

#news-sidebar #news-1,
#news-sidebar #news-2,
#news-sidebar #news-3,
#news-sidebar #news-4,
#news-sidebar #news-5,
#news-sidebar #page {
    display: block !important;
    border-bottom: 1px solid #ddd;
    float: right;
    padding-top: 20px;
}

#news-sidebar #page.row .btn {
    display: block;
}

#news-sidebar #news-1 {
    padding: 0;
}

#news-sidebar #page {
    border: none;
    float: none;
    width: 100%;
    clear: both;
    margin: 0;
}

div.flotte {
    float: left;
    margin-right: 10px;
}

div.news-bloc {
    border-radius: 10px;
    background-color: #F5DEB3;
    border-width: 10px;
    padding: 4px;
    border-color: #D2B48C
}

div.bloc-argenta {
    border-radius: 10px;
    background-color: rgba(0, 97, 58, 0.53);
    border-width: 10px;
    padding: 4px;
    border-color: #D2B48C
}

div.bloc-belfius {
    border-radius: 10px;
    background-color: rgba(195, 0, 69, 0.50);
    border-width: 10px;
    padding: 4px;
    border-color: #D2B48C
}

div.bloc-bnp {
    border-radius: 10px;
    background-color: rgba(0, 150, 94, 0.50);
    border-width: 10px;
    padding: 4px;
    border-color: #D2B48C
}

div.bloc-bpost {
    border-radius: 10px;
    background-color: rgba(0, 51, 153, 0.50);
    border-width: 10px;
    padding: 4px;
    border-color: #D2B48C
}

div.bloc-cbc {
    border-radius: 10px;
    background-color: rgba(0, 174, 239, 0.50);
    border-width: 10px;
    padding: 4px;
    border-color: #D2B48C
}

div.bloc-ing {
    border-radius: 10px;
    background-color: rgba(255, 98, 0, 0.50);
    border-width: 10px;
    padding: 4px;
    border-color: #D2B48C
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s
}

.btn-primary.btn-outline {
    color: #428bca
}

.btn-success.btn-outline {
    color: #5cb85c
}

.btn-info.btn-outline {
    color: #5bc0de
}

.btn-warning.btn-outline {
    color: #f0ad4e
}

.btn-danger.btn-outline {
    color: #d9534f
}

.btn-danger.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-warning.btn-outline:hover {
    color: #fff
}

#topo {
    z-index: 15;
    background-color: #FFF;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #16618D;
    opacity: .9
}

#logo-topo img {
    margin: 2.8% 0 4%
}

#menu-topo {
    border-top: 1px solid #1C79AD;
    padding: 0
}

#menu-topo li {
    width: 100%;
    list-style: none
}

#menu-topo li a:hover {
    text-decoration: none
}

.btn-collapse {
    width: 50px;
    height: 50px;
    position: relative;
    padding: .5% 1%;
    float: right;
    margin-top: 3.5%
}

.lista-collapse {
    width: 100%;
    height: 5px;
    background-color: #1C79AD;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: absolute
}

th,
tr:nth-of-type(odd) {
    background: #fff
}

.lista-collapse:nth-child(2) {
    top: 14px
}

.lista-collapse:nth-child(1) {
    top: 25px
}

.botao-lista-cima {
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.botao-lista-baixo {
    -ms-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    transform: rotate(50deg)
}

.hidden {
    visibility: hidden
}

.lista-collapse.botao-lista-baixo,
.lista-collapse.botao-lista-cima {
    top: 5px
}

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.social {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s
}

#social-fb:hover {
    color: #3B5998
}

#social-tw:hover {
    color: #4099FF
}

#social-gp:hover {
    color: #d34836
}

#social-em:hover {
    color: #f39c12
}

.dataTables_filter,
.dataTables_info,
.dataTables_length {
    display: none;
}

table {
    width: 100%;
    border-collapse: collapse
}

th {
    color: #000
}

td,
th {
    padding: 6px;
    border: 1px solid #fff;
    text-align: left
}

.navbar {
    margin-bottom: 0;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0
}

.vzicht-icons-block {
    margin-bottom: 0.5rem;
}

.vzicht-icons {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 22px;
    /*margin-right: 1rem;*/
    float: left;
    margin: 0 2px 2px 0;
    margin-bottom: 5px;
}

/*
img {
  aspect-ratio: attr(width) / attr(height);
}
*/

/*
.img-fluid {
    @include img-fluid;
}

.img-thumbnail {
    padding: $thumbnail-padding;
    background-color: $thumbnail-bg;
    border: $thumbnail-border-width solid $thumbnail-border-color;
    @include border-radius($thumbnail-border-radius);
    @include box-shadow($thumbnail-box-shadow);
    @include img-fluid;
}
*/

td .img-thumbnail {
    height: 40px !important;
}

.figure {
    display: inline-block;
}

.figure-img {
/*    margin-bottom: ($spacer / 2);*/
    line-height: 1;
}

/*
.figure-caption {
    font-size: $figure-caption-font-size;
    color: $figure-caption-color;
}
*/

.nav-tabs-green {
    border-bottom: 0px solid #ddd;
}

.nav-tabs-green > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs-green > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs-green > li > a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs-green > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #4CAF50;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

table.green tfoot td,
table.green tfoot th,
table.green thead th {
    background: #4CAF50;
    text-align: center;
    color: #fff
}

.nav-tabs-green > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #03A9F4;
    border-radius: 4px 4px 0 0;
}

.table-border-green {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #4CAF50;
    /* width: 500px; */
    /* margin: 50px auto; */
    border-radius: .25rem;
    width: 90%;
    padding: 0px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 1px 1px 5px rgb(212, 221, 222);
}

.nav-tabs-blue {
    border-bottom: 0px solid #ddd;
}

.nav-tabs-blue > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs-blue > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs-blue > li > a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs-blue > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs-blue > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #4CAF50;
    border-radius: 4px 4px 0 0;
}

.nav-tabs-red {
    border-bottom: 0px solid #ddd;
}

.nav-tabs-red > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs-red > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs-red > li > a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs-red > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #D73D31;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs-red > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #D73D31;
    border-radius: 4px 4px 0 0;
}


.dropdown-blue {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.nav-tabs-yellow {
    border-bottom: 0px solid #ddd;
}

.nav-tabs-yellow > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs-yellow > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs-yellow > li > a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs-yellow > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #F39C12;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs-yellow > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #F39C12;
    border-radius: 4px 4px 0 0;
}

table.yellow tfoot td,
table.yellow tfoot th,
table.yellow thead th {
    background: #F39C12;
    text-align: center;
    color: #fff
}









.nav-tabs-dark-blue {
    border-bottom: 0px solid #ddd;
}

.nav-tabs-dark-blue > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs-dark-blue > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs-dark-blue > li > a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs-dark-blue > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #255779;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs-dark-blue > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #255779;
    border-radius: 4px 4px 0 0;
}

table.dark-blue tfoot td,
table.dark-blue tfoot th,
table.dark-blue thead th {
    background: #255779;
    text-align: center;
    color: #fff
}











.nav-tabs-grey {
    border-bottom: 0px solid #ddd;
}

.nav-tabs-grey > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs-grey > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs-grey > li > a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs-grey > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs-grey > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px 4px 0 0;
}

table.grey tfoot td,
table.grey tfoot th,
table.grey thead th {
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff
}


.nav-tabs-green > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #03A9F4;
    border-radius: 4px 4px 0 0;
}

.table-border-green {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #4CAF50;
    /* width: 500px; */
    /* margin: 50px auto; */
    border-radius: .25rem;
    width: 90%;
    padding: 0px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 1px 1px 5px rgb(212, 221, 222);
}

.dropdown-blue:first-child {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.dropdown-blue:last-child {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.dropdown-blue:hover,
.dropdown-blue:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-blue.active,
.dropdown-blue:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-blue.disabled,
.dropdown-blue:disabled {
    color: #6c757d;
/*    pointer-events: none;*/
    background-color: transparent;
}

ul.a {
    list-style-type: circle;
}

ul.b {
    list-style-type: square;
}

ol.c {
    list-style-type: upper-roman;
}

ol.d {
    list-style-type: lower-alpha;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}

ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}

ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

/*
.img-logo {
    position: relative;
    max-width: 250px;
    margin: 0 auto;
}
*/

.img-logo img.thumbnail {
    padding: 0 0 30px 0;
}

.img-logo img.thumbnail.no-padding {
    padding: 0;
    max-width: 250px;
}

.ruban {
    position: absolute;
    display: block;
    bottom: 10px;
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    background: gold;
    padding: 3px 20px;
    text-align: center;
    margin: 0 auto;

    left: -10px;
    border-radius: 6px 0 6px 0;
    border-right: 1px solid orange;
    border-bottom: 1px solid orange;
    border-left: 1px solid yellow;
    border-top: 1px solid yellow;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    z-index: 10;
}

.ruban:before {
    display: block;
    background: orange;
    position: absolute;
    width: 9px;
    height: 5px;
    bottom: -5px;
    left: 0;
    content: '';
    border-radius: 0 0 0 6px;
    z-index: 0;
}

.ruban:after {
    display: block;
    background: #4CAF50;
    position: absolute;
    width: 1px;
    height: 5px;
    bottom: -5px;
    left: 7px;
    content: '';
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
}

.ruban-promo {
    position: absolute;
    display: block;
    
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    background: #d81b60;
    padding: 3px 10px;
    text-align: center;
    margin: 0 auto;
	
    left: -10px;
    border-radius: 6px 0 6px 0;
    border-right: 1px solid #a00037;
    border-bottom: 1px solid #a00037;
    border-left: 1px solid #ff5c8d;
    border-top: 1px solid #ff5c8d;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    z-index: 10;
}

section .ruban-promo {
    bottom: 5px;
	top: inherit;

}

table .ruban-promo{
	bottom: inherit;
	top: 55px;
}

.ruban-promo-tableau {
/*    position: top;*/

    bottom: 10px;
    font-size: 7.5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    background: #d81b60;
    padding: 3px 10px;
    text-align: center;
    margin: 0 auto;

    left: -10px;
    border-radius: 6px 0 6px 0;
    border-right: 1px solid #a00037;
    border-bottom: 1px solid #a00037;
    border-left: 1px solid #ff5c8d;
    border-top: 1px solid #ff5c8d;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    z-index: 10;
}

.ruban-promo:before {
    display: block;
    background: #d81b60;
    position: absolute;
    width: 9px;
    height: 5px;
    bottom: -5px;
    left: 0;
    content: '';
    border-radius: 0 0 0 6px;
    z-index: 0;
}

.ruban-promo:after {
    display: block;
    background: #d81b60;
    position: absolute;
    width: 1px;
    height: 5px;
    bottom: -5px;
    left: 7px;
    content: '';
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
}


.ruban-pro {
    position: absolute;
    display: block;
    bottom: 10px;
    font-size: 7.5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    background: #FF3333;
    padding: 3px 10px;
    text-align: center;
    margin: 0 auto;

    left: -10px;
    border-radius: 6px 0 6px 0;
    border-right: 1px solid #a00037;
    border-bottom: 1px solid #a00037;
    border-left: 1px solid #ff5c8d;
    border-top: 1px solid #ff5c8d;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    z-index: 10;
}

.ruban-pro-tableau {
    position: absolute;
    display: block;
    bottom: 45px;
    font-size: 7.5px;

    text-transform: uppercase;
    color: #ffffff;
    background: #FF3333;
    padding: 3px 10px;
    text-align: center;
    margin: 0 auto;

    left: -10px;
    border-radius: 6px 0 6px 0;
    border-right: 1px solid #a00037;
    border-bottom: 1px solid #a00037;
    border-left: 1px solid #ff5c8d;
    border-top: 1px solid #ff5c8d;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    z-index: 10;
}

.ruban-pro:before {
    display: block;
    background: #FF3333;
    position: absolute;
    width: 9px;
    height: 5px;
    bottom: -5px;
    left: 0;
    content: '';
    border-radius: 0 0 0 6px;
    z-index: 0;
}

.ruban-pro:after {
    display: block;
    background: #FF3333;
    position: absolute;
    width: 1px;
    height: 5px;
    bottom: -5px;
    left: 7px;
    content: '';
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
}

 .ruban-green-fiche {
    position: absolute;
    display: block;
    bottom: 10px;
    font-size: 7.5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f5f5f5;
    background: #5cb85c;
    padding: 3px 10px;
    text-align: center;
    margin: 0px auto;
    right: 5px;
    left: -10px;
    border-radius: 6px 0 6px 0;
    border-right: 1px solid #4caf50;
    border-bottom: 1px solid #4caf50;
    border-left: 1px solid #4caf50;
    border-top: 1px solid #4caf50;
    -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 25%);
    z-index: 10;
}

 .ruban-green {
    position: absolute;
    display: block;
    bottom: 45px;
    font-size: 7.5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f5f5f5;
    background: #5cb85c;
    padding: 2px;
    text-align: center;
    margin: 0 auto;
    right: 5px;
    left: -12px; 
    border-radius: 6px 0 6px 0;
    border-right: 1px solid #4caf50;
    border-bottom: 1px solid #4caf50;
    border-left: 1px solid #4caf50;
    border-top: 1px solid #4caf50;
    -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 25%);
    z-index: 10;
}
.ruban-green-fiche:before {
    display: block;
    background: #4caf50;
    position: absolute;
    width: 15px;
    height: 5px;
    bottom: -5px;
    left: 0;
    content: '';
    border-radius: 0 0 0 6px;
    z-index: 0;
}
.ruban-green-fiche:after {
    display: block;
    background: #4CAF50;
    position: absolute;
    width: 1px;
    height: 5px;
    bottom: -5px;
    left: 7px;
    content: '';
    -webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 50%);
}

.ruban-green:before {
    display: block;
    background: #4caf50;
    position: absolute;
    width: 15px;
    height: 5px;
    bottom: -5px;
    left: 0;
    content: '';
    border-radius: 0 0 0 6px;
    z-index: 0;
}
.ruban-green:after {
    display: block;
    background: #4CAF50;
    position: absolute;
    width: 1px;
    height: 5px;
    bottom: -5px;
    left: 7px;
    content: '';
    -webkit-box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 50%);
}

table.partners-pub .img-thumbnail {
    padding: 0;
    border: none;
}

table.partners-pub td {
    padding: 2px !important;
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* IE < 8 */
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width:400px) {
    
        .h1,
h1 {
    font-size: 20px;
}
        .h2,
h2 {
    font-size: 16px;
}
    .vzicht-icons {
        height: 18px;
    }

    .img-thumbnail {
        /*height: 36px;*/
        padding: 2px;
    }
}


@media only screen and (max-width: 39.9375em) {
    .img-logo img.thumbnail.no-padding.img-fiche {
        padding: 0 0 25px !important;
    }
}


@media (max-width:540px) {
    
    .h1,
h1 {
    font-size: 20px;
}
        .h2,
h2 {
    font-size: 16px;
}
    .vzicht-icons {
        height: 22px;
    }

    .img-thumbnail {
        /* height: 36px; */
        padding: 2px;
    }
}

#profil-icones {
    width: 200px;
    height: 32px;
    display: block;
    margin: 0 auto 20px auto;
    padding: 0;
}

#profil-icones2 {
    width: 220px;
    height: 32px;
    display: block;
    margin: 0 auto 20px auto;
    padding: 0;
}

#profil-icones li {
    float: left;
    margin: 0 10px 0 0;
}

#profil-icones2 li {
    float: left;
    margin: 0 5px 0 0;
}

#profil-icones li:last-child {
    float: left;
    margin: 0;
}

#profil-icones2 li:last-child {
    float: left;
    margin: 0;
}

@media only screen and (max-width: 420px) {
    #myBackground {

        min-height: 500px;
    }

    #producter {
        min-height: 500px;
    }

    .portfolio img {
        max-width: 150px;
        max-height: 150px;
    }
}

.checked,
.fa-star-o {
    color: orange;
}

p.ex1 {
    max-width: 50%;
}

table .badge {
    margin: 0 0 5px 0;
}

.line-separator {
    height: 2px;
    background: #fff
}

.panel-title a:after {
    font-family: Fontawesome;
    content: '\f077';
    float: right;
    font-size: 10px;
    font-weight: 300;
}

.panel-title a.collapsed:after {
    font-family: Fontawesome;
    content: '\f078';
}

@media (min-width:768px) {

    #some-text,
    body:empty #some-text,
    ul.nav li:hover > ul.dropdown-menu {
        display: block
    }

    /*
.gsc-input-box,  .gsc-input-box-focus,  .gsc-input-box-hover,  .gsc-search-button,  input.gsc-input {
	box-sizing: content-box;
	line-height: normal
}
.cse input.gsc-input,  input.gsc-input {
	background-image: none !important
}
*/
    @-moz-document url-prefix() {
        #some-text {
            display: block
        }
    }

    @media (min-width:768px) {
        .grid-divider {
            position: relative;
            padding: 0
        }

        .grid-divider > [class*=col-] {
            position: static
        }

        .grid-divider > [class*=col-]:nth-child(n+2):before {
            content: "";
            border-left: 1px solid #DDD;
            position: absolute;
            top: 0;
            bottom: 0
        }
    }
}