/*--------------------------------------------------------------------
          	  	 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: #222222;
    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: #222222;
	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 #009286;
    clear: both;
    color: #222222;
    float: left;
    font-size: 0.65em;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}


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

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

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


form.k-login {
    background: none;
    border-bottom: 1px dotted #333333;
    border-top: 1px dotted #333333;
    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: #222222;
    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: #009286;
}

.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: 20px 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: #FFD200;
	background: -webkit-linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent;/*For IE10*/
	background: linear-gradient(#FFD200, #F1B328) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFD200', endColorstr='#F1B328');/*For IE7-8-9*/
	height: 22px;
    border: 1px solid #DCA325;
    border-radius: 3px;
    color: #222222;
    font-size: 1.2em;
    font-stretch: condensed;
    font-weight: normal;
    min-width: 56px;
    outline: 0 none;
    padding: 0 20px;
    text-decoration: none;
    float: none;
}
	form.k-login input[type="submit"]:focus, form.k-login input[type="submit"]:hover {
    	background-image: url(../../img/img_abn/yellowbutton_hover.svg);
		background-size: 100% 100%;
		background-repeat: repeat-x;
		background-position: 0 0;
		background-color: #F1B328; /* old browsers */
		background: -webkit-linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent;/*For IE10*/
		background: linear-gradient(#F1B328, #FFD200) repeat scroll 0 0 transparent;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F1B328', endColorstr='#FFD200');/*For IE7-8-9*/
		-webkit-filter: none\9;
		        filter: none\9;
		border: 1px solid #BBBBBB;
		outline: 0;
		box-shadow: 0 0 0 1px #fff, 0 0 7px 1px rgba(0, 0, 0, 0.2);
	}

p.k-mandatory {
    background: none;
    clear: both;
    color: #333333;
    font-size: 0.7em;
    font-weight: bold;
    margin-bottom: 1em;
    padding-right: 5px;
    text-align: center;
    display: none;
}
input.k-required {
	background: none repeat scroll 0 0 transparent;
	color: #222222;
    float: left;
    padding: 0 0 2px;
    width: 100%;
    border-radius: 0;
}

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

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

div.login dl {
    color: #222222;
    float: left;
    margin: 3px 0;
    text-align: center;
    width: 100%;
    border: none;
}
div.login dl dt {
    clear: none;
    color: #333333;
    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 {
    color: #009286;
    font-size: 0.75em;
    font-weight: normal;
    position: relative;
    text-decoration: underline;
    top: 10px;
    padding: 0;
}
a.forgotBtn:hover, a.forgotBtn:focus, a.forgotBtn:active  {
    color: #D4A40B;
    font-size: 0.75em;
    font-weight: normal;
    position: relative;
    text-decoration: underline;
    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;
}

/*  Onboarding Page  */

.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 ------------ */

form p.adminLogin {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
}
form.k-login label.labelAdminLogin {
    display: inline-block;
}

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

/*  show Browser Information  */

#browserInfo {
    background-color: #fff;
    border: 2px dashed #ff6600;
    bottom: 20px;
    color: #333333;
    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: #333333;
    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_abn/exclamation-circle.svg);
        height: 30px;
        width: 30px;
        padding-right: 10px;
        float: left;
      }

}