/******************************************************************************
* Buttons
******************************************************************************/
.form-group {
    position: relative;
}
/***** INPUTS WITH ICON *****/

.form-group .input-icon {
    padding-right: 2.5em;
}

.form-group .input-icon + .ss-icon {
    margin-top: -8px;
    position: absolute;
    right: 1em;
    top: 50%;
}

.form-control{
    background-color:#e6e6e6;
    border: 1px solid #e6e6e6;
    height: auto;
    margin-bottom: 30px;
    font-family: "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 16px;
    padding: 20px 17px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    position: relative;
    width: 100%;
    color: #414141;
    -moz-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    -webkit-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    -o-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}
.form-control:hover{
    background-color:#cecece;
    border-color:#cecece;
}
.form-control:active,
.form-control:focus{
    background-color:#fff;
    border-color: #e6e6e6;
    font-weight: 700;
}

.form-control::-webkit-input-placeholder {
    color: #414141;
    opacity: 1;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #414141;
    opacity: 1;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #414141;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #414141;
    opacity: 1;
}

/* Submit */



/* Error */
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #ff4646;
}
.has-error .form-control {
    border-color: #ff4646;
}
.has-error .form-control:focus {
    border-color: #843534;
=}
.has-error .input-group-addon {
    background-color: #f2dede;
    border-color: #ff4646;
    color: #ff4646;
}
.has-error .form-control-feedback {
    color: #ff4646;
}
.has-error .ss-icon{
    color:#ff4646;
    font-size: 18px;
    margin-top: 2px !important;
}

/* Groups -> Checkbox, Radio, Select */

select[multiple]:focus, .fi-focus {
    box-shadow: none;
}

.checkbox-inline {
    margin-right: 20px;
}
.fi-checkbox{
    width: 23px;
    height: 23px;
    border-radius: 0;
    background-color: #cecece;
    border: none;
    display: inline-block;
    float: none;
}

.fi-checkbox .fi-check {
    background-color: transparent;
}

.fi-checkbox .fi-check:after {
    color:#fff;
    font-size: 12px;
    margin: -5px 0 0 0;
    content: "\2713";
    display: block;
    font-family: "SSStandard";
    position: relative;
}

.fi-checkbox.checked{
    background-color: #0b6092;
}

.fi-checkbox input.fi-styled,
.field-wrap .fi-checkbox input.fi-styled {
    margin-left: 0;
}

.fi-radio {
    background-color: #cecece;
    border : none;
    border-radius: 9px;
    height: 18px;
    width: 18px;
    margin-left: 2px;
    margin-right: 17px;
}

.fi-radio .fi-check {
    background-color: #0b6092;
    border-radius: 9px;
    height: 18px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 18px;
}

.fi-select {
    border: 1px solid #e6e6e6;
    /* height = 50 pixels like btn-lg */
    font-size: 16px;
    padding: 9px 55px 9px 20px;
    background-color:#e6e6e6;
    border-radius: 0;
    -moz-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    -webkit-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    -o-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}
.fi-select:hover{
    background-color: #cecece;
    border-color:#cecece;
}
.fi-select.fi-focus{
    background-color:#fff;
    border-color: #e6e6e6;
}

.fi-select span {
    padding: 0;
}

.fi-select .fi-select-arrow-wrap {
    background-color: transparent;
    border: 0;
    height: 100%;
    right: 0;
    top: 0;
    width: auto;
}

.fi-select .fi-select-arrow {
    border: 0;
    color: #414141;
    font-size: 18px;
    left: auto;
    margin-top: -9px;
    right: 20px;
    top: 50%;
    width: auto;
}