@CHARSET "UTF-8";

/*
 * Workaround for Internet Explorer 10 in Windows 8 and Windows Phone 8
 *
 * Internet Explorer 10 doesn't differentiate device width from viewport width,
 * and thus doesn't properly apply the media queries in Bootstrap's CSS.
 * Normally you'd just add a quick snippet of CSS to fix this:
 */
@-ms-viewport     { width: device-width; }

/*
 * However, this doesn't work for devices running Windows Phone 8 versions older than Update 3 (a.k.a. GDR3),
 * To address this, you'll need to include the following CSS and JavaScript to work around the bug.
 */
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

/*
 * bootstrap css op maat van PDOS
 */

body {
   color: #231f20;
   font: 87.5%/1.5 Arial, Helvetica, sans-serif; /* font-size aan 100% = 16 // 93,75 */
   margin: 0 auto;
}
a {
   color: #231f20;
   cursor: pointer;

}
h5,
.h5 {
	font-size: 1em;
	margin-top: 0.8571em;
}
.alert h4,
.alert .h4 {
	margin-top: 0.2em;
   /*font-weight: bold;*/
}
.alert h5,
.alert .h5 {
	margin-top: 0.2em;
}
h5,
.h5 {
   #b50045}
h6,
.h6 {
   font-size: 1em;
   color: #b50045;
}
hr {
	border-color: #a7a9ac;
}
.container-lng-switch {
	z-index: 1000;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #7b7979;
}
a,
.container-content p a {
	color: #231f20;
	text-decoration: underline;
}



.container-content h6,
.container-content .h6 {
   font-weight: 500 !important;
   padding-top: 15px;
}
.container-content .related-topics,
.container-content h4.related-topics {
	border-top: 1px solid #d3d4d5;
   padding-top: 5px;
   margin-top: 50px;
}
.container-content h4.related-topics {
   color: #2d9ba5}
.container-content .gap-right {
	margin-right: 10px;
}
.container-content .gap-left {
   margin-left: 10px;
}
.container-content .paragraphs {
   margin-bottom: 50px;
}
.container-content .subtitle {
   padding-left: 22px;
   padding-top: 5px;
   margin-bottom: 50px;
}

a:hover,
.container-content p a:hover,
.container-content h4 a:hover {
   color: #b50045;
   text-decoration: underline;
}

#mobile-nav {
	margin-top: 50px;
}

.breadcrumb {
   border: 1px solid #d3d4d5;
   border-radius: 4px;
	font-size: .9em;
	background-color: #edeeee;
}
.breadcrumb > li + li:before {
   content: "› ";
   color: #231f20;
}

.alert-info {
   background-color: #fcf9db;
   background-image: none;
   border-color: #fdb63d;
   color: #231f20;
}
.alert-warning {
   background-color: #d5ebed;
   background-image: none;
   /*
   background-image: -webkit-linear-gradient(top, #eaf5f6 0%, #c0e1e4 100%);
   background-image:      -o-linear-gradient(top, #eaf5f6 0%, #c0e1e4 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#eaf5f6), to(#c0e1e4));
   background-image:         linear-gradient(to bottom, #eaf5f6 0%, #c0e1e4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf5f6', endColorstr='#eaf5f6', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   background-repeat: repeat-x;
   */
   border-color: #abd7db;
   color: #231f20;
}

.container-content .alert-closed h3 {
   font-size: 1.3em;
   color: #1b5d61;
}

.alert-info h4 {
   color: #b50045;
}
.alert-warning h4 {
   color: #b50045;
}
.alert h5 {
    padding-top: 1em;
    padding-bottom: .2em;
}

.alert .toggle-more-info {
	cursor: pointer;
}

.alert-warning .panel-default {
   border-color: #c0e1e4;
}

.alert-warning .panel-body {
   background-color: #eaf5f6;
}

.alert-info-sign-sm {
   background: transparent url('../../assets/img/icon/information.png') no-repeat top left !important;
   padding: 0 0 10px 22px;
}

.alert-warning-sign-sm {
   background: transparent url('../../assets/img/icon/warning-sm.png') no-repeat top left !important;
   padding: 0 0 10px 22px;
}

.alert-warning-sign-lg {
   background: transparent url('../../assets/img/icon/warning-lg.png') no-repeat top left !important;
   padding: 0 0 0 60px;
}

.alert.alert-warning-sign-lg {
   background: #fcf9db url('../../assets/img/icon/warning-lg.png') no-repeat 15px 15px !important;
   padding-left: 75px;
}


.alert-info .panel-default {
   border-color: #fee2b1;
}

.alert-info .panel-body {
   background-color: #fefced;
}

.bg-environment {
   background-color: #b50045;
   color: #fff;
}

h4.alert-warning-sign {
   border-color: #abd7db;
   color: #b50045;
	background: #d5ebed url('../../assets/img/icon/warning-lg.png') no-repeat top left !important;
   padding: 0 0 10px 60px;
   margin-bottom: 10px;
   display: inline-block;
   vertical-align: middle;
   min-height: 50px;
}

.alert .btn {
   margin-top: 10px;
   color: #231f20;
   /*background: #c0e1e4 url('../../assets/img/layout/ui-bg-white-green-2-1x100.png') repeat-x scroll 50% 50%;*/
   background: #c0e1e4;
   border: 1px solid #96cdd2;
}
.alert .btn:hover,
.alert .btn:active,
.alert .btn:focus {
   margin-top: 10px;
   box-shadow: none;
   color: #231f20;
   /*background: #96cdd2 url('../../assets/img/layout/ui-bg-white-green-4-1x100.png') repeat-x scroll 50% 50%;*/
   background: #96cdd2;
   border: 1px solid #96cdd2;
}
.container-btn .btn {
   margin-top: 10px;
   margin-bottom: 20px;
   color: #231f20;
   border: 1px solid #96cdd2;
   background-color: #c0e1e4;
}
.container-btn .btn:hover,
.container-btn .btn:active,
.container-btn .btn:focus {
   margin-top: 10px;
   margin-bottom: 20px;
   box-shadow: none;
   text-decoration: underline;
   color: #231f20;
   border: 1px solid #6cb9c0;
   background-color: #96cdd2;
}

.top-nav .nav {
	float: right;
}

.nav a {
	color: #231f20;
	text-decoration: none;
}
.nav > li > a {
	border: 1px solid #abd7db;
   background-color: #c0e1e4;
   /*
   background-image: -webkit-linear-gradient(top, #eaf5f6 0%, #c0e1e4 100%);
   background-image:      -o-linear-gradient(top, #eaf5f6 0%, #c0e1e4 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#eaf5f6), to(#c0e1e4));
   background-image:         linear-gradient(to bottom, #eaf5f6 0%, #c0e1e4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf5f6', endColorstr='#c0e1e4', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   background-repeat: repeat-x;
   */
}
.nav.nav-list > li > a {
   background: transparent url('../../assets/img/icon/bullet-orange.png') no-repeat scroll 5px 10px;
	border: 0;
	padding-bottom: 0;
	padding-left: 25px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
   background-color: #96cdd2;
   /*
   background-image: -webkit-linear-gradient(top, #d5ebed 0%, #96cdd2 100%);
   background-image:      -o-linear-gradient(top, #d5ebed 0%, #96cdd2 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#d5ebed), to(#96cdd2));
   background-image:         linear-gradient(to bottom, #d5ebed 0%, #96cdd2 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5ebed', endColorstr='#96cdd2', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   */
   color: #231f20;
   /*text-decoration: underline;*/
}
.nav > li > a:hover,
.nav > li > a:focus {
   background-color: #abd7db;
   /*
   background-image: -webkit-linear-gradient(top, #d5ebed 0%, #96cdd2 100%);
   background-image:      -o-linear-gradient(top, #d5ebed 0%, #96cdd2 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#d5ebed), to(#96cdd2));
   background-image:         linear-gradient(to bottom, #d5ebed 0%, #96cdd2 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5ebed', endColorstr='#96cdd2', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   */
   color: #231f20;
   /*text-decoration: underline;*/
}
.nav.nav-list > li > a {
   text-decoration: underline;
}
.nav.nav-list > li > a:hover,
.nav.nav-list > li > a:focus {
   background: transparent url('../../assets/img/icon/bullet-red.png') no-repeat scroll 5px 10px;
   color: #b50045;
   text-decoration: underline;
}
.nav.nav-list > li.active > a {
   background: transparent url('../../assets/img/icon/bullet-red.png') no-repeat scroll 5px 10px;
   color: #b50045;
   text-decoration: underline;
}

.navbar-toggle {
	float: none;
   background: #c0e1e4;
	border: 1px solid #abd7db;
   border-radius: 4px;
   color: #231f20;
   margin-top: 0;
   margin-right: 5px;
   margin-left: 5px;

}
.navbar-toggle:hover {
   background: #abd7db;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	background: #96cdd2;
	border: 1px solid #abd7db;
	text-decoration: none;
	color: #231f20;
}

.nav-tabs > li > a,
.nav-tabs.nav-justified > li > a {
	/*background: #c0e1e4 url('../../assets/img/layout/ui-bg-white-green-2-1x100.png') repeat-x scroll 50% 50%;*/
	background: #c0e1e4;
   border: 1px solid #abd7db;
   color: #231f20;
   font-weight: normal;
   margin-left: 1px;
}
.nav-tabs > li > a:hover,
.nav-tabs.nav-justified > li > a:hover {
	color: #231f20;
   background: #abd7db;
}
.img-thumbnail {
   border-color: #d3d4d5;
}

.tab-content {
   margin-bottom: 30px;
}
.nav-rss {
	margin-bottom: 20px;
}

.breadcrumb > .active {
    color: #231f20;
}

.pdos-accordion h5,
.pdos-accordion h6,
.pdos-subaccordion h6 {
	margin-bottom: 0;
	font-size: 1.1em;
}
.pdos-accordion p,
.pdos-accordion li {
   font-size: 1.1em;
   line-height: 1.5em;
}
.pdos-accordion li li {
   font-size: 1.0em;
   line-height: 1.5em;
}
.pdos-accordion .row {
	margin-left: 0;
	margin-right: 0;
}
.pdos-accordion .col {
   padding-left: 0;
   padding-right: 0;
}
.table-responsive {
	border: 0;
}

.btn-submit {
   background-image: linear-gradient(to bottom, #fff 0%, #d5ebed 100%);
   border-color: #c0e1e4;
}
.btn-submit:hover,
.btn-submit:focus,
.btn-submit:active {
   background-image: linear-gradient(to bottom, #d5ebed 0%, #d5ebed 100%);
   border-color: #abd7db;
   background-position: 0px 0px;
}
/*
@media screen and (min-width: 750px) and (max-width: 799px) {
	.col-sm-9 {
	  width: 100%;
	}
}
*/

@media screen and (min-width: 768px) {
   .nav > li > a {
       padding: 5px 10px;
   }
   #side-nav {
      display: block;
   }
   #mobile-nav,
   #side-nav .top-nav-items,
   #side-nav .sfpd-nav-contact,
   #side-nav .sfpd-nav-links,
   #side-nav .sfpd-nav-sitemap {
      display: none;
   }
   .container-content h3 {
      font-size: 1.375em; /*1.1225em; /* 22px/16 = 1.375 */;
      padding-bottom: 15px;
   }

}
@media screen and (max-width: 767px) {
   .nav-tabs.nav-justified > .active > a,
   .nav-tabs.nav-justified > .active > a:hover,
   .nav-tabs.nav-justified > .active > a:focus {
      border-color: #d3d4d5;
   }
   /*#side-nav .navbar-collapse,*/
   .top-nav .top-nav-items .sfpd-nav-contact,
   .top-nav .top-nav-items .sfpd-nav-links,
   .top-nav .top-nav-items .sfpd-nav-sitemap,
   #side-nav .contact-1765,
   #side-nav .payment-calendar,
   #side-nav .contact-form,
   #side-nav .nav-enews,
   #side-nav .mypensionbe,
   #side-nav .nav-mypensionbe,
   #side-nav .penonline,
   #side-nav .pensioncounter,
   #side-nav .mypension-missing-career,
   #side-nav .complaints,
   #side-nav .nav-rss,
   #side-nav .social-media,
   .nav-shortcuts {
      display: none !important;
   }
   #mobile-nav,
   #side-nav .sfpd-nav-contact,
   #side-nav .sfpd-nav-links,
   #side-nav .sfpd-nav-sitemap {
      display: block;
   }
   #side-nav .top-nav-items {
      margin-top: 2px;
   }
   .top-nav .mypensionbe {
      font-size: 110%;
   }
   .top-nav .mypension-label {
      padding-top: 2px;
      padding-bottom: 2px;
   }
   .top-nav .mypension-logon {
      padding-top: 2px;
      padding-bottom: 2px;
   }


   body {
      font-size: .9em;
   }

   .container-content h3 {
      font-size: 1.25em; /*1.1225em; /* 18px/16 = 1.25 */;
	   padding-bottom: 15px;

   }
}
@media screen and (max-width: 400px) {
   .top-nav .mypensionbe {
      margin: 5px;
      float: right;
   }

}

.panel-group {
    margin: 10px 0;
}
.panel-subgroup {
    margin-top: 0;
}
.panel-sfpd {
    border-color: #abd7db;
}
.panel-sfpd > .panel-heading {
   background-image: none;
}
.panel-sfpd > .panel-heading {
   background-color: #c0e1e4;
   border-color: #abd7db;
   color: #231f20;
}
.panel-sfpd > .panel-heading:hover {
   background-color: #abd7db;
}
.panel-sfpd.active > .panel-heading {
   background-color: #abd7db;
}
.panel-sfpd .panel-title {
   font-size: 1.1em;
   font-weight: normal;
}
.panel-sfpd .panel-heading {
   padding: 0;
}
.panel-sfpd .panel-body {
   padding: 10px;
}

.container-content .panel-sfpd h4, .container-content .panel-sfpd h4 a {
   color: #231f20;
}

.panel-title > a, .panel-title > small > a, .panel-title > .small > a {
   display: block;
   padding: 10px;
}

.consolidated-pension-fund .download-form h5 {
   font-weight: bold;
   color: #231f20;
}


/* -------------------------------------------------- */
/*
 * jquery-ui css op maat van PDOS
 */
.ui-widget-content a {
   color: #231f20;
}
.ui-widget-content a:hover {
   color: #b50045;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
   background-color: #d5ebed;
   background-image: none;
   border: 1px solid #c0e1e4;
   color: #231f20;
   font-weight: normal;
}

.ui-accordion h5.ui-state-default {
	text-decoration: underline;
}
.ui-accordion h5.ui-state-hover {
   color: #231f20;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 0 0 0;
}
.ui-state-active, .ui-state-focus, .ui-state-hover {
   color: #231f20;
   background-color: #abd7db;
   background-image: none;
}
.ui-accordion .ui-accordion-content {
   border-color: #c0e1e4;
}
.ui-widget-content {
   color: #231f20;
}

/* -------------------------------------------------- */
/*
 * andere css specifiek voor PDOS
 */
.v-center {
   display: inline-block;
   vertical-align: middle;
   float: none;
}

.nowrap,
.date,
.datetime,
.time {
   white-space: nowrap;
}
.small {
   font-size: .9em !important;
}
.pdos-header,
.sfpd-header {
   padding-top: 10px;
   padding-bottom: 10px;
}
.pdos-header .logo,
.sfpd-header .logo,
#index .logo {
   padding-bottom: 10px;
   font-size: 1em;
   line-height: 1.2;
}

.pdos-header .logo a,
.sfpd-header .logo a,
#index .logo a {
   text-decoration: none;
   color: #a7a9ac;
   padding-left: 4px;
}
.pdos-header .logo a.active,
.sfpd-header .logo a.active,
#index .logo a.active {
	color: #b50045;
}
.pdos-header .logo a:hover,
.sfpd-header .logo a:hover,
#index .logo a:hover {
	color: #2d9ba5;
}

#index .logo table,
#index .logo th,
#index .logo td {
   border: none;
}

.top-nav-items .mypensionbe {
   background-color: #edeeee;
   border: 1px solid #b50045;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
}
.top-nav-items .mypensionbe .mypension-label {
   background-color: #b50045;
   color: #fff;
   font-size: 70%;
   padding-left: 5px;
   padding-right: 5px;
   text-align: center;
}
.top-nav-items .mypensionbe .mypension-label a {
   color: #fff;
}
.top-nav-items .mypensionbe .mypension-logon:hover {
   background-color: #abd7db;
}
.top-nav-items .mypensionbe .mypension-logon {
   color: #b50045;
   font-size: 70%;
   padding-left: 5px;
   padding-right: 5px;
   text-align: center;
}

.container-pdos-nav,
.container-pdos-nav .navbar {
   padding-left: 5px;
   padding-right: 5px;
}
.container-pdos-nav .contact-1765,
.container-pdos-nav .payment-calendar,
.container-pdos-nav .contact-form,
.container-pdos-nav .nav-enews,
.container-pdos-nav .mypensionbe,
.container-pdos-nav .nav-mypensionbe,
.container-pdos-nav .penonline,
.container-pdos-nav .pensioncounter,
.container-pdos-nav .mypension-missing-career,
.container-pdos-nav .complaints {
   margin: 0 5px 15px 5px;
}

.container-pdos-nav .contact-1765 img,
.container-pdos-nav .nav-enews img,
.container-pdos-nav .nav-mypensionbe img {
   margin-top: 10px;
}
.container-pdos-nav .payment-calendar img,
.container-pdos-nav .contact-form img {
   margin-top: 0px;
}

.container-pdos-nav .contact-1765 a,
.container-pdos-nav .payment-calendar a,
.container-pdos-nav .contact-form a,
.container-pdos-nav .nav-enews a,
.container-pdos-nav .nav-mypensionbe a,
.container-pdos-nav .mypensionbe {
	padding-bottom: 5px;
}
.container-pdos-nav .contact-1765 a,
.container-pdos-nav .payment-calendar a,
.container-pdos-nav .contact-form a,
.container-pdos-nav .nav-enews a,
.container-pdos-nav .nav-mypensionbe a {
   font-size: 80%;
   border: 1px solid #abd7db;
   border-radius: 4px;
   background-color: #fff;
   display: block;
}
.container-pdos-nav .mypensionbe,
.container-pdos-nav .mypension-missing-career {
   background-color: #fff;
   font-size: 80%;
   border: 1px solid #abd7db;
   border-radius: 4px;
   display: block;
}
.container-pdos-nav .contact-1765 a:hover,
.container-pdos-nav .payment-calendar a:hover,
.container-pdos-nav .contact-form a:hover,
.container-pdos-nav .nav-enews a:hover,
.container-pdos-nav .nav-mypensionbe a:hover {
   background-color: #fff;
   display: block;
}

.container-pdos-nav .payment-calendar a:hover {
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #96cdd2;
   background-color: #eaf5f6;
}
.container-pdos-nav a img {
   margin-left: auto;
   margin-right: auto;
}
.container-pdos-nav .social-media img {
   margin-bottom: 5px;
}

.nav-shortcuts {
   padding-right: 5px;
}

.nav-shortcuts .contact-1765 a,
.nav-shortcuts .contact-form a,
.nav-shortcuts .mypensionbe,
.nav-shortcuts .nav-enews a,
.nav-shortcuts .nav-mypensionbe a {
   min-height: 170px;
}

.nav-shortcuts .contact-1765 a {
   padding-top: 16px;
}
.nav-shortcuts .mypensionbe,
.nav-shortcuts .nav-enews a,
.nav-shortcuts .nav-mypensionbe a {
   padding-top: 23px;
}

.nav-shortcuts .contact-1765 a:hover,
.nav-shortcuts .contact-form a:hover,
.nav-shortcuts .nav-enews a:hover,
.nav-shortcuts .nav-mypensionbe a:hover  {
   border-left-width: 2px;
   border-right-width: 2px;
   border-color: #96cdd2;
}



.container-content blockquote {
	border: 0;
	padding: 0 20px;
	font-size: 1em;
}
.container-content a.pdf {
   background: url('../../assets/img/icon/pdf.png') no-repeat scroll left center transparent;
   padding-left: 22px;
}
.container-content a.swf {
   background: url('../../assets/img/icon/swf.png') no-repeat scroll left center transparent;
   padding-left: 22px;
}
.container-content a.word {
   background: url('../../assets/img/icon/word.png') no-repeat scroll left center transparent;
   padding-left: 22px;
}
.container-content a.xls {
   background: url('../../assets/img/icon/excel.png') no-repeat scroll left center transparent;
   padding-left: 22px;
}
.container-content a.pptx {
   background: url('../../assets/img/icon/pptx.png') no-repeat scroll left center transparent;
   padding-left: 22px;
}

.container-content a.external {
   background: url('../../assets/img/icon/external.png') no-repeat scroll right center transparent;
   padding-right: 15px;
}
.container-content a.youtube {
   background: url('../../assets/img/icon/youtube-sm.png') no-repeat scroll left center transparent;
   padding-left: 58px;
}

.container-content a.rtf {
   background: url('../../assets/img/icon/rtf.png') no-repeat scroll left center transparent;
   padding-left: 22px;
}
.container-content a.rss {
   background: url('../../assets/img/icon/rss-xs.png') no-repeat scroll left center transparent;
   padding-left: 22px;
}
.calculator {
   background: url('../../assets/img/icon/calculator.png') no-repeat scroll left top transparent;
   padding-left: 22px;
}
.arrow-right {
   background: url('../../assets/img/icon/arrow-right.png') no-repeat scroll left 3px transparent;
   padding-left: 20px;
   padding-right: 20px;
   display: inline-block;
}



.container-content .download-form {
   border: 1px solid #d3d4d5;
   padding: 10px;
   margin: 5px 0;
}
.container-content .download-form:hover {
	background-color: #fff;
}
.container-content li.download {
	list-style-image: url('../../assets/img/icon/download.png');
}
.container-content p.download {
	background: transparent url('../../assets/img/icon/download.png') no-repeat scroll left center;
	padding-left: 20px;
}
.container-content .download-form h4,
.container-content .container-publication h4 {
   color: #b50045;
}
.container-footer {
	margin-top: 1500px;
   padding-top: 10px;
   font-size: .8em;
   list-style: outside none none;
   background: #f6f6f7;
}
.container-footer li {
   display: inline-block;
   padding-left: 10px;
   padding-right: 10px;
}
.penonline img {
	border: 2px solid #393536;
   border-radius: 4px;
}
#index .portal {
	border: 1px solid #d3d4d5;
   border-radius: 4px;
   margin-top: 50px;
}
#index .portal button {
	width: 50%;
}
#index .logo {
	margin: 10px;
}
#index .portal tr:hover {
   background: transparent !important;
}
html,
body#index {
   height: 100%;
}
#index .container-fluid {
   height: 100%;
}
#index .container-content .row {
	margin-left: 10px;
}
#index .container-content .portal ul {
	margin-top: 10px;
	padding-left: 25px;
}
#index .container-footer {
   margin-top: 50px;
}
#index .portal .navbar-header {
	margin-top: 5px;
}

.table-indent-10 {
   padding-left: 10px;
}
.table-indent-20 {
   padding-left: 20px;
}
.table-indent-30 {
   padding-left: 30px;
}
.table-indent-40 {
   padding-left: 40px;
}

.contexthelp {
   background: url('../../assets/img/icon/information.png') no-repeat left 5px;
   padding-left: 22px;
}
.divider {
	border-top: 1px solid #d3d4d5;
}
#news h4 {
   clear: both;
   margin-top: 20px;
   padding-top: 10px;
}

#news .panel-group h4 {
   margin-top: 0;
   padding-top: 0;
}

#news .alert h4,
#news .alert .h4 {
   margin-top: 0.2em !important;
   padding-top: 0;
}

h4 span.small {
   font-size: 70% !important;
}
.img-news {
	margin-bottom: 20px;
}

#contact .tab-content h4 {
   padding-bottom: 20px;
}

#contact-phone h4 {
   background: transparent url('../../assets/img/icon/cc-phone-30x30.png') no-repeat scroll left top;
   padding-left: 40px;
   padding-top: 5px;
}
#contact-mail h4 {
   background: transparent url('../../assets/img/icon/cc-mail-30x30.png') no-repeat scroll left top;
   padding-left: 40px;
   padding-top: 5px;
}
#contact-written h4 {
   background: transparent url('../../assets/img/icon/cc-letter-30x30.png') no-repeat scroll left top;
   padding-left: 40px;
   padding-top: 5px;
}
#contact-fax h4 {
   background: transparent url('../../assets/img/icon/cc-fax-30x30.png') no-repeat scroll left top;
   padding-left: 40px;
   padding-top: 5px;
}
#contact-complaints h4 {
   background: transparent url('../../assets/img/i18n/all/complaints-bubble-sm.png') no-repeat scroll left top;
   padding-left: 86px;
   padding-top: 5px;
}
#contact .contact-email-list .zipcode {
   text-align: center;
   font-weight: bold;
}
#contact .contact-email-list .location {
   width: 40%;
}

.googlemap {
	width: 100%;
	height: 600px;
	border: 1px solid #d3d4d5;
	border-radius: 4px;
	margin: 10px 0;
}
table.pp-hours {
   border: 0 !important;
}
table.pp-hours th {
   border-top: 0;
   border-right: 0;
   border-left: 0;
}
.pp-hours th {
   background-color: white !important;
}
.container-content table.pp-hours td {
   padding-bottom: 0;
   margin-bottom: 0;
}
.pensionpoint hr {
	margin-top: 0px;
	margin-bottom: 20px;
}
.pensionpoint h6 {
   font-weight: bolder;
   color: #231f20;
   padding-top: 5px;
   min-height: 16px;
   font-size: 110%;
}
.pensionpoint .pp-pdos,
.pensionpoint .pp-sdpsp,
.pensionpoint .pp-pdoed {
   background: transparent url('../../assets/img/favicon/favicon-20.png') no-repeat left 5px;
   padding-left: 25px !important;
   min-height: 16px;
}
.pensionpoint .pp-pdos-rvp,
.pensionpoint .pp-sfpd {
   background: transparent url('../../assets/img/favicon/favicon-20.png') no-repeat left 5px;
   padding-left: 25px !important;
   min-height: 16px;
}
.pensionpoint .pp-rsvz {
   background: transparent url('../../assets/img/i18n/all/logo-rsvzinasti-sm.png') no-repeat left 10px;
   padding-left: 30px !important;
   min-height: 16px;
}
.pensionpoint .pp-all {
   background: transparent url('../../assets/img/i18n/all/logos-pdos-rvp-rsvz-sm.png') no-repeat left 5px;
   padding-left: 60px !important;
   min-height: 16px;
}
.pensionpoint .pp-schedule {
	background: transparent url('../../assets/img/icon/clock.png') no-repeat left top;
	padding-left: 60px;
	padding-bottom: 15px;
	min-height: 80px;
}
.pp-hours .pp-appointment {
   vertical-align: top;
	min-height: 80px;
	width: 30%;
	font-weight: bold;
	border-top: 1px solid #a7a9ac;
	border-right: 1px solid #a7a9ac;
	border-left: 1px solid #a7a9ac;
}
.pp-hours .pp-no-appointment {
   vertical-align: top;
	min-height: 80px;
	width: 30%;
	font-weight: bold;
	border-top: 1px solid #a7a9ac;
	border-right: 1px solid #a7a9ac;
	border-left: 1px solid #a7a9ac;
}
.pp-hours .pp-appointment img,
.pp-hours .pp-no-appointment img {
   margin-bottom: 10px;
}
.pp-hours .pp-address {
	width:40%;
}
.pp-hours td p {
   padding: 5px 0;
}
.pp-hours .alert-info p strong {
   background: transparent url('../../assets/img/icon/warning-sm.png') no-repeat left top;
   padding-left: 30px;
   min-height: 16px;
}

.pensionpoint .pp-pointer {
	background: transparent url('../../assets/img/icon/map-pointer-sm.png') no-repeat left top;
	padding-left: 20px;
   min-height: 16px;
}
.cumul-limits-allowed {
   border: 1px solid #a7a9ac;
   width: 100%;
}
.cumul-limits-allowed th {
   border: 1px solid #a7a9ac;
   background-color: #faf2b7;
   padding: 5px;
}
.cumul-limits-allowed td {
   border: 1px solid #a7a9ac;
   padding: 5px;
}

.container-content tr:hover td {
   background-color: #fcf9db;
}
.cumul-limits-allowed td.act {
   background-color: #fbf5c9;
}
.container-publication {
	margin-bottom: 30px;
}
.container-publication li {
	list-style-image: none;
	list-style: none;
	padding-left: 0;
	margin-left:0;
}
/*
.container-publication img {
	float: left;
	padding-right: 10px;
}
*/
.container-publication .pub-dt {
	font-size: .9em;
}
.container-content .container-stat-choice ul {
	padding-left: 0;
}
.container-content .container-stat-choice li {
   list-style-image: none;
   list-style: none;
}
.container-content .container-stat-choice label {
	font-weight: normal;
}
.amount {
   text-align: right;
   white-space: nowrap;
}
.no-margin {
	margin: 0 !important;
}
.no-margin-bottom {
   margin-bottom: 0 !important;
}
.no-margin-top {
   margin-top: 0 !important;
}
.no-margin-left {
   margin-left: 0 !important;
}
.no-margin-right {
   margin-right: 0 !important;
}
.all-cells-centered td {
	text-align: center;
}
.alert-modified {
   background: transparent url('../../assets/img/icon/star.png') no-repeat right top;
   padding-right: 20px;
}
.alert-new {
	background: transparent url('../../assets/img/icon/new-yellow.png') no-repeat left top;
   padding-left: 30px;
   padding-bottom: 5px;
}

.container-content table.stat-results {
	font-size: 70%;
}
.container-content table.stat-results th {
   font-weight: bold;
}
.container-content table.stat-results tr:hover {
   background-color: #fcf9db;
}
.text-top {
	vertical-align: top;
}
.hover {
   background-color: #fcf9db;
}
ul.pay-scheme-calculation {
   max-width: 350px;
}

.pay-scheme-calculation td {
   border: none !important;
}
.pay-scheme-calculation .calc-start {
   list-style: none;
}
.pay-scheme-calculation .calc-minus {
	list-style-image: url('../../assets/img/icon/calc-minus.png');
}
.pay-scheme-calculation .calc-plus {
	list-style-image: url('../../assets/img/icon/calc-plus.png');
}
.pay-scheme-calculation .calc-equals {
	list-style-image: url('../../assets/img/icon/calc-equals.png');
	border-top: 2px solid #918f8f;
}
.pay-index .active {
   background-color: #fcf9db;
   font-weight: bold;
}

/*--------------- statistics */
.stat-results .amount-md {
	width: 100px;
}
.stat-results .amount-sm {
   width: 65px;
}
.stat-results .no-border-top {
	border-top: none;
}
.stat-results .no-border-right {
   border-right: none;
}
.stat-results .no-border-bottom {
   border-bottom: none;
}
.stat-results .no-border-left {
   border-left: none;
}
.container-content table.stat-results th {
	background-color: #fee2b1;
   font-weight: bold;
}
.stat-results .no-border-bottom {
    border-bottom: medium none;
}

.container-content table.stat-results,
.container-content table.stat-results th,
.container-content table.stat-results td {
   border-color: #fed38b;
   font-size: 12px;
}


.container-content table.stat-results th.district {
   background-color: #fff;
}
.container-content table.stat-results th.province {
	background-color: #fff0d8;
}
.container-content table.stat-results th.region {
   background-color: #fee9c4;
}
.container-content table.stat-results th.governmentgroup {
   background-color: #fee9c4;
}
.container-content table.stat-results th.government {
   background-color: #fff0d8;
}
#statistics h3 .small {
	color: #231f20;
	font-weight: normal;
}
#statistics h5 {
	color: #231f20;
}
.container-content table.stat-results tr:hover {
   background-color: #fff0d8;
}

/* ----- */
element.style {
    font-weight: normal;
}
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}



.cookielaw-container {
	z-index: 999999;
	display: none;
	top: auto;
	bottom: 20px;
	right: 10px;
	position: fixed;
	height: auto;
	max-width: 320px;
	overflow: hidden;
	padding: 5px 5px 5px 70px;
	margin-left: 10px;
   background: #fee9c4 url('../../assets/img/icon/cookie-md.png') no-repeat 5px 5px;

   /*border*/
   border: 3px solid #fdb63d;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;

   /*shadow*/
   -webkit-box-shadow: #bdbbbc 2px 2px 3px;
   -moz-box-shadow: #bdbbbc 2px 2px 3px;
   box-shadow: #bdbbbc 2px 2px 3px;
}
.cookielaw-container p {
	font-family: Arial, Helvetica, sans-serif;
   font-size: .9em;
}
.cookielaw-accept {
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
}
.cookielaw-accept a {
   background-color: #fecc77;
   margin-right: 5px;
   padding: 6px 20px;
   /*border*/
   border: 2px solid #fdb63d;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}
.cookielaw-accept a:hover {
   background-color: #fdc564;
   color: #231f20;
}

.nopadding {
   padding: 0;
}
.nopadding-top {
   padding-top: 0;
}
.nopadding-right {
   padding-right: 0;
}
.nopadding-bottom {
   padding-bottom: 0;
}
.nopadding-left {
   padding-left: 0;
}

.nomargin {
   margin: 0;
}
.nomargin-top {
   margin-top: 0;
}
.nomargin-right {
   margin-right: 0;
}
.nomargin-bottom {
   margin-bottom: 0;
}
.nomargin-left {
   margin-left: 0;
}

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

/* eapspi */
.container-content table.eapspi {
   border: none;
}
.container-content table.eapspi td {
    border: none;
    vertical-align: top;
}
.container-content table.eapspi td.datetime {
    width: 100px;
}
.container-content table.eapspi td.break {
    color: #2d9ba5;
}

.container-content table.eapspi tr:hover {
   background-color: #d5ebed;
}
.container-content table.eapspi a.pdf {
   background: transparent url('../../assets/img/icon/pdf.png') no-repeat scroll right center;
   padding-left: 0;
   padding-right: 22px;
}
.container-content table.eapspi a.pptx {
   background: url('../../assets/img/icon/pptx.png') no-repeat scroll right center transparent;
   padding-left: 0;
   padding-right: 22px;
}

.reusable {
   margin-bottom: 40px;

   padding:0;
   border:none;
   background-color: transparent;
   box-shadow:none;

}
.picto-address-sm {
   background: url('../../assets/img/icon/picto-address-sm.png') no-repeat scroll left top transparent;
   padding-left: 40px;
   min-height: 30px;
   margin-bottom: 15px;
}
.picto-mail-sm {
   background: url('../../assets/img/icon/picto-mail-sm.png') no-repeat scroll left top transparent;
   padding-left: 40px;
   min-height: 30px;
   margin-bottom: 15px;
}
.picto-tel-sm {
   background: url('../../assets/img/icon/picto-tel-sm.png') no-repeat scroll left top transparent;
   padding-left: 40px;
   min-height: 30px;
   margin-bottom: 15px;

}
.picto-web-sm {
   background: url('../../assets/img/icon/picto-web-sm.png') no-repeat scroll left top transparent;
   padding-left: 40px;
   min-height: 30px;
   margin-bottom: 15px;
}
.unavailable-xs {
   /*cursor: not-allowed;*/
   /*
   background: url('../../assets/img/icon/picto-noaccess-xs.png') no-repeat scroll left top transparent;
   padding-left: 20px;
   */
}
.review-content {
   background-color: #f2df4b;
}

@media print {
   a[href]:after {
      content: none;
   }
   .container-content-all {
      width: 100%;
   }

   .collapse {
      display: block !important;
      height: auto !important;
   }

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

   .cookielaw-container {
      display: none;
      visibility: hidden;
   }

   .container-fluid {
      padding-top: 0;
   }
}

.old-website {
   border: 1px solid #b71642;
   border-radius: 4px;
   background-color: #b71642;
   min-height: 80px;
   color: white;
}

/*------------------- for new website --------------------*/
label {
   margin-bottom: .5rem;
   font-weight: bold;
   font-size: .7rem;
   text-transform: uppercase;
}

.form-control {
   border: 2px solid #dfdfdf;
}