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

html {
	/*font-variant: small-caps;*/
}

.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(images/logo_custom.png);
	background-repeat: no-repeat;
	height: 75px;
	margin-top: 0px;
    margin-left: 0px;
	background-position: center 0px;
}

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

/*
    3. Color
---------------------------------------
*/

/* This wil change the text color in the formheader */
.formheader {
    color: !important
}

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

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

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

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

/* change the text color of the icon text on the start page */
.icon {
    color:;
}

i.enroll-icon:hover:before,
i.reset-icon:hover:before,
i.change-icon:hover:before,
i.unlock-icon:hover:before,
i.onboarding-icon:hover:before,
i.forgotusername-icon:hover:before,
i.user-icon:hover:before
{
    color: #333333;
}


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

/* change the border color and text color of the back and forward buttons */
.btn-submit {
	color:#333333;
    border-color:#cccccc;
	background-color:#ffffff;
	font-weight:normal;   
	font-size: 14px;
	height:34px;
    width: 120px;
	text-shadow:0 1px 0 #fff;
}

/* change the hover color of the back and forward buttons */
.btn-submit:hover {
	color:#333333;
    border-color:#8c8c8c;
	background-color:#e0e0e0;
	text-shadow:0 1px 0 #fff;
}


.btn-submit:active {
    border-color: #636363;
	background-color:#c12e2a;
}
    

/* change the color of the label text */
label {
    color:#333333;
	font-weight: bold;
}

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

.formheader-text {
	color:#333333;
	font-size:10pt;
	text-align: justify;
}

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

/* 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:#ffffff;
    background-size: cover;
}