/* 
    
The purpose of this stylesheet is to add custom styling to the SSRPM wizard. If you want to activate an selector you have te end the comment above by typing */ 

/* 
    
    /* Sections:

    1. Typography
    2. Logo
    3. Color
    4. Background

*/


/* 1. Typography
---------------------------------------
*/

.form-control-bold{
    font-weight:bold;
}

/* 2. Logo
---------------------------------------
*/

/* Add your logo. Make sure the height of the logo you load is 35px */
.logo {
    background-image:url(Agristo/agristo_logo_white_on_brown.png);
	width: 450px;
	height: 100px;
	background-repeat: no-repeat;
}

/* Change the thumbnail logo in the wizard title bar. Make sure the image width and height are 100px */
.wizard-title {
	/* wizard window title*/ 
    background-image:url(Agristo/ampty_35px.png);
}

/*
    3. Color
---------------------------------------
Agristo
	yellow:	#efc241
	ligh:	#ece5c6
	brown:	#463a2e
	blauw:  #000058

*/

/* This wil change the text color in the formheader */
.formheader {
    color: #463a2e;
}

/* Change the color of the progress bar */
.progress-bar {
    background-color: #efc241;
}

/* change the border color of the progressbar steps */
.progressbar-step {
    border-color: #463a2e;
}

/* change the filling color of the progressbar steps */
.progressbar-step-filled {
    background-color: #463a2e;
}

/* change the filling color of the curent progressbar steps */
.progressbar-step-current{
    background-color: #463a2e;
}

/* change the text color of the icon text on the start page */
.icon {
    color: #efc241;
}
.icon:before {
    color: #463a2e;
}

.option-icons {
    color: #efc241;
}
.form-icon:before{
    color: #463a2e;
	}

/* change the background color of the pop out wizard */
.body-wizard {
    background-color:#ffffff;
}

/* change the border color and text color of the back and forward buttons */
.btn-submit {
    border-color: #463a2e;
    /*text*/color: #463a2e;
    background-color: #ffffff;
    }

/* change the hover color of the back and forward buttons */
.btn-submit:hover {
    background-color:#efc241;
	border:solid #463a2e 3px;
	color:#463a2e;
}

/* change active color of the back and forward buttons */
.btn-submit:active {
	/*border: medium solid RGB(70, 58, 46);*/
    background-color: #463a2e;
    border-color: #efc241;
    background: linear-gradient(to bottom,#675544 0,#463a2e 100%);
}

/* change the color of the label text */
label {
    color:#463a2e;
}

/* change the color of the links on the home page when not using the wizard overlay*/
.ssrpm-label {
    color:#463a2e;
}

.ssrpmbody {
	/*shadow voor de echte wizard*/
	box-shadow: 2px 2px 4px 1px #ffffff;
	/*box-shadow: rgb(70, 58, 46) 2px 2px 4px 1px;*/
	/*box-shadow: rgb(239, 194, 65) 2px 2px 4px 1px;*/
}

.wizard-style {
    box-shadow: -7px 21px 60px 10px #463a2e;
    -webkit-box-shadow: -7px 21px 60px 10px #463a2e;
}

/*nog geen impact*/
input[type=submit]:focus {
    outline-style: dotted;
    outline-width: thin;
    background-color: #463a2e;
    color: #f4f4f4;
    border-color: #463a2e;
}

/*werkt niet; wellicht door inline css overschreven*/
.overlay-container {
    width: 177px;
    height: 145px;
    -index: 100;
	inset: -80px auto auto 7px;
	/*z-index: 100; position: relative; width: 450px; inset: -79px auto auto 7px; height: 0px;*/
}

.language-choice-label {	
    /*color:#463a2e;*/
}

/* 4. Background
---------------------------------------
*/

body {
	background-color: #463a2e;
}

/* This is the default background image. If you want to show custom images then override the default background images within the Images folder with an high-res image of your choosing */
.body-image {
    background: url(Agristo/Achtergrond.jpg) no-repeat center fixed;
    background-size: cover;
}


@media only screen and (max-width : 520px) {
.logo-body {
        width: 100%;
        /* padding: 0px 2px 0px 7px; */
        /* position: absolute; */
        margin: 0;
        margin-top: 20px;
        margin-top: 0;
		height: 120px;
        /*/height:15vh;*/
        z-index: 10;
        padding:20px;
        background-color:#463a2e;
    }
	
	.btn-submit {
    border-radius: 0;
        padding: 6px 12px;
        display: block;
        width: 100%;
        height: 48px;
        background-color: #463a2e;
        color: white;
        border: none;
        behavior: url(../Content/IE8/PIE.htc);
        background: linear-gradient(to bottom,#463a2e 0,#463a2e 100%);
    }

}