/* common */
    input:-webkit-autofill      { -webkit-box-shadow: 0 0 0px 1000px #fff inset; -webkit-text-fill-color: #242424 !important; }	
    /* progress */
    .progress                   { overflow: hidden; height: 14px; border-radius: 3px; padding: 2px; margin-bottom: 20px; }
    .progress-inner             { width: 0%; border-radius: 3px; height: 14px; }
    .percent-label              { float: right; font-family: roboto; max-width: 100%; color: #242424; padding-left: 8px; width: 20px; text-align: right; }
    /* steps */
    .form-step                  { font-family: roboto; font-size: 22px; color: #ccc; display: block; letter-spacing: 1px; padding-right: 15px; }
    .form-step-title            { font-family: roboto; font-size: 26px; display: block; margin: 10px 0 30px 0; -webkit-font-smoothing: antialiased; }
    /* select list */
    .select-list                { margin: 0; }
    .select-list li             { position: relative; padding: 20px 15px; border-radius: 5px; font-family: roboto; font-size: 16px; font-weight: 400; margin-bottom: 15px; }
    .select-list li:hover       { cursor: pointer; }
    .select-list li.select      { cursor: default; }
    .select-list li i           { position: absolute; right: 20px; top: 22px; display: none; }
    .select-list li.select i    { display: inherit; }
    /* form cols */
    .form-left-col              { overflow: hidden; width: 350px; padding-right: 25px; margin-right: 24px; float: left; border-right: #e8e8e8 1px solid; }
    .form-left-col h1           { font-family: robotoBold; font-size: 28px; line-height: 120%; color: #242424; }
    .form-left-col h2           { font-family: roboto; font-size: 22px; font-weight: normal; color: #505050; line-height: 120%; }
    .form-left-col p            { font-family: roboto; font-size: 15px; color: #505050; line-height: 150%; }
    .form-right-col             { overflow: hidden; width: 800px; float: left; }
    /* form elements */
    .field-row                  { display: block; position: relative; }
    .field-row input,
        .field-row select,
        	.field-row textarea	{ position: relative; outline: none; padding: 18px 15px; border-radius: 5px; font-family: roboto; font-size: 16px; font-weight: 400; border: #e8ebed 2px solid; margin-bottom: 15px; }    
    .field-row input.error,
        .field-row select.error
        	.field-row textarea.error { border: #f4511e 2px solid; }
    .field-row span.error-hint  { background-color: #f4511e; display: none; color: #fff; font-size: 12px; font-family: roboto; padding: 3px 6px; position: absolute; border-radius: 0 0 3px 3px; top: 0; right: 10px; }
    .field-row label            { font-family: roboto; font-size: 16px; display: inline-block; }
    /* form aciklama & alt bilgi */
    p.form-desc                 { font-family: georgia; font-size: 16px; text-align: center; color: #242424; padding: 25px 0; }
    p.form-info                 { font-family: georgia; font-size: 12px; color: #999; text-align: center; padding: 0 60px; line-height: 24px; }
    /* form butonlari */
    .button-set                 { overflow: hidden; padding: 0 0 35px 0; text-align: right; }
    .button-set button          { outline: none; cursor: pointer; border-radius: 2px; font-size: 14px; padding: 8px 25px; }
    .button-set 
        button:hover            { cursor: pointer; }
    .button-set 
        button:active           {  }
        
	/* purple */
	
    #breadcrumb                 { background-color: #b67eb1; color: #fff; }
    .progress                   { border: #b67eb1 1px solid; }
    .progress-inner             { background-color: #b67eb1; }

    .select-list li             { border: #e8ebed 2px solid; }
    .select-list li:hover       { border: #d7bfd5 2px solid; }
    .select-list li.select      { border: #a56fa0 2px solid; color: #a56fa0; }
    .select-list li.select i    { color: #b67eb1; }

    .field-row input:focus,
        .field-row select:focus,
        	.field-row textarea:focus { border: #d7bfd5 2px solid; } /* form elementine focuslaninca border rengi */

    .button-set button.purple   { background-color: #b67eb1; color: #fff; border: #b67eb1 1px solid; border-bottom: #a472a0 3px solid; }
    .button-set 
        button.purple:hover     { background-color: #a472a0; }
    .button-set 
        button.purple:active    { background-color: #242424; border: #242424 1px solid; border-bottom: #242424 3px solid; }

    .step-group                 { overflow: hidden; margin-bottom: 30px; background-image: url(../../img/back/purple-dot.html); background-position: left center; background-repeat: repeat-x; text-align: center; }
    span.step                   { display: inline-block; font-family: openSansSemiBold; width: 26px; height: 26px; background-color: #fff; border: #b67eb1 1px solid; color: #b67eb1; border-radius: 50%; line-height: 26px; }
    span.active                 { background-color: #b67eb1; border: #b67eb1 1px solid; color: #fff; }

    form .material label         { color: #a56fa0; float: left; font-family: roboto; font-size: 18px; line-height: 62px; padding-left: 15px; box-sizing: border-box; }
    form .material .form-element { overflow: hidden; }
    .form-element
        input[type="text"],
            .form-element
                select          { width: 100%; box-sizing: border-box; border: #fff 2px solid; border-bottom: #e8e8e8 2px solid; padding-left: 0; } 

    .form-element
        input[type="text"]:focus,
            .form-element
                select:focus,
                	.form-element
                		textarea:focus    { border: #fff 2px solid; border-bottom: #a56fa0 2px solid; }

    .form-element
        input[type="text"].error,
            .form-element
                select.error,
                	.form-element
                		textarea.error    { border: #fff 2px solid; border-bottom: #cc0001 2px solid; }