/* IMPORT CSS */ 
@import url('skin.css');
@import url('decision_pdn.css'); 

/* Perspectief layout changes DPS */

@import url('../../Perspectief/style/styling_default.css'); /* stylesheet van Factor80 */
@import url('../../Perspectief/style/style_actuit.css'); /* de door ActuIT gedane toevoegingen ten opzichte van stylesheet van Factor80 */
@import url('Perspectief_PDN.css'); 

/******* Algemeen *******/
body{
	color:#333;
}
a{
	color:#ff6600;
}
a:hover{
	color:#FF6600;
}
.Logo{
  background: url(../images/logo_PPDN.png);
    left: 19px;
    width: 163px;
    height: 69px;
    top: -3px;
    scale: 2;
}
.Header{
	background-color:#005697;
}
.Header::before{
	background-color:#FFF;    width: 215px;
}
.Header:after{
	background-color:#91c1e1;
}
.icon{
	color:#F9FBFF;
}
.menuitem_naam{
	color:#F9FBFF;
	left: 230px;
}
.icon:hover{
	color:#ff6600;
}
.navMenuIconSelected{
	color:#ff6600;
}
.Page{
	background:#91c1e1;
	background-color: #91c1e1;
}
.Footer{background-color: #00468d;}
.Footer_Version{color:white;}
.Footer_Scheiding{color:white;}
.TopSide{
	background:#91c1e1;
}
.HomePage{
	background-color:#fff;
}
.TitleBar{
	background-color: #91c1e1;
}
.TitleBar .BackButton:hover {
    color: #ff6600;
}
.Tile{
	background-color:#839BAB;
	color:#333;
}
.Tile_BackgroundGradient{
	/*background-image: linear-gradient(to bottom right, #C5C5C5, #ACACAC);*/
	background-color: #ededed;
}
.Tile-Content-Title{
	color: #333;
}
.Tile-Content{
	background-color: rgba(255, 255, 255, 0.63);
	border-color: #ffffff;
}
.Center_cirkel {
    background-color: #004175;
	color: #fff;
}
.Tile2Image {
	background-image: url('../images/Tile2Image_PDN.jpg');
}
.Tile3Image {
	background-image: url('../images/Tile3Image_PDN.jpg');
}

.Tile1Image {
	background-image: url('../images/Tile1Image_PDN.jpg');
}

.Color3{background-color: #00335b;}
.Color4{background-color: #005697;}

/******* Eind Algemeen *******/

body{color:#333;}
H1{color: #00468d;}
H2{color: #005697;}

/******* Pensioenplanner *******/
.ContentRightDiv{background-color: #fff;}
.Content_MijnGegevens .Right{background-color: #fff;}

/**** Linkerkant van de pagina (keuzes) ****/
.keuzekader{background-color: #fff;}
.keuzesheader{background-color:#005697;}
.keuzesheader H2{color:#fff;}
.keuzewizardKader {background-color: #ff6600;}
.header_tekst_keuzeGemaakt{color:#ff6600;}
.Keuze_content{background-color:#d5e5e8;}
.Reset_keuzes {background-color: #00468d;color: #F9FBFF;}
.Reset_keuzes:hover {background-color: #0072CA;}

.button{background-color: #00468d;color:#FFF;}
.button:hover {background-color: #0072CA;color:#FFF;}
.button_disabled:hover{background-color: #00468d;}
.buttonTekst{color:#ff6600;}
.buttonTekst:hover {color:#ff6600;}
.button_headerRight .button{color: #ff6600;}
.error{color: #e43f00;}
.textbox{border-color:#efefef;}

/* Checkbox opmaak */
.Keuze_checkbox label::before {background-color: #FFF;border-color:#0072CA;}
.Keuze_checkbox input:checked + label::before {background-color: #0072CA;}
.Keuze_checkbox label::after {border-color:#FFF;}
.Keuze_checkbox label {color: #005697;}

/* Webslider opmaak */
.ui-slider-horizontal{background: #005697 !important;border-color:#005697 !important;}
.ui-slider-handle{background: #0072CA !important;}
.plus, .minus{background-image: url(../images/ArrowRightBlue.png) !important;}
.ui-slider-pip-last, .ui-slider-pip-first {color:#333 !important;}
.ui-slider-pip-last .ui-slider-label, .ui-slider-pip-first .ui-slider-label{color: #333 !important;}
.dropdown_fullWidth{border-color:#efefef;}

/* Radiobutton opmaak */
.Radiobutton label:before {border-color: #0072CA;}
.Radiobutton label:after {
	background: #0072CA;
	background: -webkit-linear-gradient(top, #0072CA 0, #0072CA 100%);
    background: linear-gradient(to bottom, #0072CA 0, #0072CA 100%);
}
.Radiobutton input[checked=checked] + label:after {background: #0072CA;}

/**** Rechterkant van de pagina (grafiek en tabel) ****/
.tableRow{background-color:#D5E5E8;border-bottom-color:#fff;}
.dropdownNoBorder{color:#005697;}
.tableHeaderPensioen{background-color: #005697;color: #F9FBFF;}
.tableHeader{background-color:transparent;}
.information-icon:after{background: #005697;color:#fff;}
.ToonBrutoNetto{color: #ff6600;}
.ToonBrutoNetto:hover{color: #ff6600;}
.graphColorSalaris{background-color:#00335B;}
.graphColorOP{background-color:#0072CA;}
.graphColorOP_PPS{background-color:#839BAB;}
.graphColorTOP_PPS{background-color:#AA30D7;}
.graphColorOP_NPR{background-color:#656C71;}
.graphColorAOW{background-color:#FF6600;}
.graphColorPensioenElders{background-color:#6ba8c7;}

/******* Mijn gegevens *******/
th{background-color: #005697;color: white;}
td, th {border-color:#005697;}
.TableMijnGegevens tr:nth-child(even) {background-color: #d5e5e8;}

select {background-image: url('../images/selectPDN.png');}

.LoginContentLeft, .ContentModalLeft{background-color:#005697;}
.ContentModalRight H2{border-bottom-color: #005697;}

/***** Inbox *****/
.AantalOngelezenDocumenten{background-color: #ff6600;color:#fff !important;}
.document_header{background-color:#005697;color:#fff;}
.documentenInbox .document_regel:nth-child(odd){background-color:#d5e5e8;}
.Button_unsorted {background-image: url(../images/metro-unsorted.png);}
.Button_Asc {background-image: url(../images/metro-white-asc.png);}
.Button_Desc {background-image: url(../images/metro-white-desc.png);}

/* CSS keuzehulp */
.KeuzehulpKeuzesContent{border-color: #005697;}
.Keuzehulp_keuze {background-color: #d5e5e8;border-color: #005697;color: #005697;}
.Keuze_uitgevoerd {background-color: #005697;}


/* Duidelijkere kleur bordersb */
.textboxModal, .textbox-account, .dropdown-account, .dropdown-dossier{border-color:#a3a3a3;}

/******* Responsive *******/
@media (max-width: 940px){
	.navMenu{
		border-top-color:#aaa;
		background:#fff;
	}
	.navMenu .menuitem{
		border-bottom-color:#ccc;
		color:#00468d;
	}
	.icons-mobileMenu:hover{
		color:#fff;
	}
}
@media (max-width: 680px) and (min-height: 400px) and (min-width: 100px){
	.Logo{
		left:15px;
		top:6px;
		width:112px;
		height:52px;
	}
}

/* Decisiontool */
.question {color: #00468d;}

/* Hidden timeout element */
#id9177 {
    display: none;
}