/*-------------------------------------------------------------------- 
          	  	 Login - Theme Individual Solution
	          	
          By Gabriele Ruettgers, Worldline, 2014
          
				Version 1.0 01/2014
-------------------------------------------------------------------- */

/* INHERIT FROM: KAWWA "k-structure.css and k-theme0.css" */

/* CSS index:
	THEME'S DEFAULT VALUES
	RE STRUCTURATION
	TABLE SPECIFICS
		DYNAMIC TABLES
	FORM SPECIFICS
		SUB-FIELDSETS
		CHECKBOXES 
		RADIOS 
		MANDATORY INFO
		REQUIRED FIELD
		INPUT HELP
		FIELD COMMENT
		ERROR FIELD
		ERROR MESSAGES
		FORM BUTTONS
		DATEPICKER 
		FORM WIZARD
	NAVIGATION 
		MAIN NAV/FIRST LEVEL
		VERTICAL MENU
		SKIP MENU LINK
		BREADCRUMBS 
		TREE-VIEW
		TREE-VIEW GRID
	SITE UTILITIES
		SITEMAP 
		TOOLS LINKS
		LANGUAGE CHOICE
		LOGIN 
		LOGIN DATA
		SEARCH 
		ACTION BUTTONS BAR
		ACTION BUTTONS
		PAGINATION 
		MODAL 
		ORIENTATION AID
	BLOCKS 
		TABS
		IMAGE CAROUSEL
		COLLAPSIBLE PANELS
		ACCORDION
	EDITORIAL
		ARTICLE
		ARTICLE ENTRY
		INTRODUCTION
		HIGHLIGHT BLOCK
		ILLUSTRATION
		NOTES
		INFO BLOCK
		READ MORE LINK
		LIST OF LINKS
	E-COMMERCE
		HPRODUCT
		PRODUCT REVIEW
		CATALOG
		PRODUCT SHEET
		BASKET
	PRINT STYLES
	MEDIA QUERIES
*/


/* --------------------------------------------------------------------------- */
/* -------------------------- THEME'S DEFAULT VALUES ------------------------- */
/* --------------------------------------------------------------------------- */
html {
    background: none !important;
}

body {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #000099;
    font: 100%/1.3 Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
#container {
    background: none;
    float: none;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0;
    text-align: center;
}
#container.loginPage {display: block;}
#loginWrongURL {
	display: none;
}
header {
    float: none;
    height: auto;
    padding: 0;
    width: 100%;
    z-index: 0;
    margin-top: 25px;
}

header[role="banner"] {
	border: medium none;
    float: none;
    height: auto;
    padding: 0;
    width: 100%;
    z-index: 0;
    margin-top: 25px;
}

#wrapper {
    background: transparent none repeat scroll 0 0;
    color: #000;
    clear: both;
    float: left;
    left: 0;
    margin-bottom: 45px;
    padding: 0;
    position: relative;
    width: 100%;
}

#wrapper #main:first-child {
    max-width: 1000px;
    min-width: 1000px;
    text-align: center;
    width: 100%;
}
footer {
	background: #fff none repeat scroll 0 0;
	text-align: left;
	height: 23px;
	bottom: 0;
    position: fixed;
    width: 100%;
	left: 0;
	line-height: 23px;
	max-height: 23px;
    min-height: 23px;
    padding: 0;
}
footer[role=contentinfo], #footer {
	background: #fff none repeat scroll 0 0;
    bottom: 0;
    height: 23px;
    left: 0;
    line-height: 23px;
    max-height: 23px;
    min-height: 23px;
    padding: 0;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 999;
}

p.k-copyright {
	color: #000099;
	clear: both;
	font-size: 0.65em;
	font-size: 0.80em\9;
	float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

footer[role=contentinfo] p.k-copyright, #footer p.k-copyright {
	border-top: 1px solid #ff6600;
    clear: both;
    color: #000099;
    float: left;
    font-size: 0.65em;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}


/* --------------------- !EXCEPTIONS & SPECIFICS ----------------------------- */
a { color: #000099; background: transparent; text-decoration: underline; font-weight: normal;}
a:link { color: #000099; background: transparent; text-decoration: underline; font-weight: normal;}
a:visited { color: #000099; background: transparent; text-decoration: underline; font-weight: normal;}
a:hover { color: #000099; background: transparent; text-decoration: underline; font-weight: normal;}
a:focus { color: #000099; background: transparent; text-decoration: underline; font-weight: normal;}
a:active { color: #000099; background: transparent; text-decoration: underline; font-weight: normal;}

.intro {
  color: #000099;
  font-size: 0.85em;
  width: 50%;
  text-align: center;
  margin: 0 auto 10px auto;
}

h1 {
    background: url(../../img/logos/logos_rabo/rabobanklogonieuw.gif) no-repeat scroll center center transparent;
    width: 100%;
}
h2 {
    background: none;
    color: #000099;
    font-size: 1.2em;
    font-weight: normal;
    height: 1.3em;
    margin-bottom: 20px;
    padding: 0;
    border: medium none;
}
.infoMailMsg h3 {
    border: 1px dashed #000099;
    color: #000099;
    padding: 20px;
}
p {margin: 0 0 10px 0;}

form.k-login {
    background: none;
    border-bottom: 1px dotted #000099;
    border-top: 1px dotted #000099;
    float: left;
    margin: 0 auto;
    max-width: 1000px;
    min-width: 1000px;
    padding: 25px 0;
    text-align: center;
    width: 100%;
}
fieldset {
    background: none;
    border: medium none;
    color: #000000;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 380px;
}

legend {
    display: none;
}

p.helpIcon {
	position: relative;
}

img.tooltip {
	margin-top: 3px;
    position: absolute;
    right: -18px;
}

form.k-login label {
    margin-bottom: 5px;
    padding: 0;
    text-align: center;
    color: #000099;
}

.lost-password {
    clear: both;
    display: block;
    font-size: 80%;
    width: 100%;
}

label {
    float: left;
    font-family: Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    text-align: center;
    text-transform: none;
    width: 100%;
}

input {
    float: none;
    padding: 2px;
    text-align: center;
}
.k-buttons-bar.center {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.k-buttons-bar.center input[type="hidden"] {
    display: none;
}
.login input[type="hidden"] {
    display: none;
}

form.k-login input[type="submit"] {
    background: url(../../img/img_rabo/navbar-Background.jpg) repeat scroll 0 0 transparent;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    box-sizing: border-box;
    color: #ff6600;
    float: none;
    height: 1.8em;
    line-height: 1.5em;
    padding: 0 3px;
    text-transform: none;
    vertical-align: middle;
}
form.k-login input[type="submit"]:focus, form.k-login input[type="submit"]:hover {
	text-decoration: underline;
}
p.k-mandatory {
    background: none;
    clear: both;
    color: #000099;
    font-size: 0.7em;
    font-weight: bold;
    margin-bottom: 1em;
    padding-right: 5px;
    text-align: center;
    display: none; /* MSPRB-297 */
}
input.k-required {
	background: none repeat scroll 0 0 transparent;
	color: #000000;
    float: left;
    padding: 0 0 2px;
    width: 100%;
    border-radius: 0; 
}

input[type="text"].k-required {
	background: none repeat scroll 0 0 transparent;
	color: #000000;
    float: left;
    padding: 0 0 2px;
    width: 100%;
    border-radius: 0; 
}

div.login {
    background: none;
    border: medium none;
    color: #004e82;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 300px;
}

div.login dl {
    color: #004e82;
    float: left;
    margin: 3px 0;
    text-align: center;
    width: 100%;
    border: none;
}
div.login dl dt {
    clear: none;
    color: #000099;
    display: block;
    float: none;
    font-size: 0.75em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 0;
    text-align: center;
    text-transform: none;
    vertical-align: top;
    width: 100%;
}
div.login dl dd {
    font-size: 0.75em;
    margin: 0;
    min-height: 2em;
    padding: 0;
    width: 100%;
}
a.forgotBtn, a.forgotBtn:link {
    font-size: 0.75em;
    font-weight: bold;
    position: relative;
    text-decoration: underline;
    top: 10px;
    padding: 0;
}
a.forgotBtn:hover, a.forgotBtn:focus, a.forgotBtn:active  {
    font-size: 0.75em;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    top: 10px;
    padding: 0;
}
a.registerBtn, a.registerBtn:link {
	display: inline-block;
    font-size: 0.75em;
    font-weight: normal;
    margin-bottom: 20px;
    position: relative;
    text-decoration: underline;
}
a.registerBtn:hover, a.registerBtn:focus, a.registerBtn:active {
	display: inline-block;
    font-size: 0.75em;
    font-weight: normal;
    margin-bottom: 20px;
    position: relative;
    text-decoration: underline;
}


.onboardLoginContainer {
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.onboardLogin {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 40%;
    position: relative;
}

form.k-login .onboardLogin p {
    clear: both;
    margin: 8px auto;
    padding: 0;
    text-align: center;
}

form.k-login .onboardLogin label {
    margin: 5px 0;
    padding: 0 0 0 2px;
    text-align: center;
    width: 100%;
}

.onboardLogin input.k-required[type="text"] {
    float: left;
    padding: 0 0 2px 2px;
    width: 100%;
}
.onboardLogin input[type="text"] {
    border-radius: 0;
    float: left;
    margin: 0 0 5px;
    padding: 0 0 2px;
    text-align: left;
    width: 100%;
}

.onboardCaptchefield {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 15px;
    width: 31%;
}

.g-recaptcha {
    margin: 15px 0;
}

form.k-login .onboardCaptchefield input[type="submit"] {
    margin: 20px 0;
    padding: 0 3px;
}

.onboardUrlList ul {
    font-size: 1em;
}

.onboardUrlList li {
    display: block;
}

/* -------------- ADMIN-LOGIN ------------ */

.adminLogin {
    display: none;
}

/* -------------- END ------------ */

/*  show Browser Information  */

#browserInfo {
    background-color: #fff;
    border: 2px dashed #ff6600;
    bottom: 20px;
    color: #000099;
    height: 50px;
    margin: 30px auto;
    max-width: 1000px;
    min-width: 400px;
    padding: 20px 0;
    position: relative;
    text-align: center;
    width: 30%;
}

#browserInfo h3 {
    border: medium none;
    color: #000099;
    float: left;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.selectLanguage {
    float: left;
    margin: 20px 0 5px;
    width: 100%;
}
.selectLanguage select {
    width: auto;
}
.jGrowl-message li {
    display: list-item;
    font-size: 0.75rem;
    list-style-type: disc;
    margin-left: 10px;
}

ul.brandList {
    display: none;
}

/*-------------------------------Old Browser Support Message  */
.unsupported-browser {
    display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* -- IE10+ CSS here --*/
    .unsupported-browser {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        top: 10px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
    }
    .container-Unsupported-browser {
        padding: 8px;
        border: 1px solid #efefef;
        margin: 0;
        background-color: #ffffff;
        border-left: 6px solid #efa256;
        float: left;
        border-radius: 5px;
        -webkit-box-shadow: 3px 3px 7px -3px rgba(85,85,85,0.73);
        box-shadow: 3px 3px 7px -3px rgba(85,85,85,0.73);
      }
    
      .container-Unsupported-browser p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0;
        font-size: 1rem;
      }
      .container-Unsupported-browser p::before {
        content: url(../../img/img_rabo/exclamation-circle.svg);
        height: 30px;
        width: 30px;
        padding-right: 10px;
        float: left;
      }

}