﻿/* Stili per gli input fps */

/* Stili assegnati agli input che fanno uso della funzionalità fps-input (simil-InDe) */
input.fps-input-css,
textarea.fps-input-css {
    background-color: #ffffff; 
    opacity: 1;
	font-size: 1em;
    border-top-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
}

/* Stili assegnati agli input testuali dedicati a contenuti di tipo numerico */
input.fps-input-css.fps-input-integer, input.fps-input-css.fps-input-decimal, input.fps-input-css.fps-input-float, input.fps-input-css.fps-input-currency{
    text-align:right;
}

/* Stile applicato al bottone di scelta della data collegato agli input di tipo temporale */
.fps-input-dategroup .input-group-addon {
    padding: 4px 20px;
    background-image: none;
    background-color: #FFFFFF;
    border: thin solid #33B2D7;
    border-left: 1px solid #33B2D7 !important;
    color: #33B2D7;
    text-shadow: none;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 53px;
    cursor: pointer;
}

/* Stile applicato ad hover, active e focus del bottone di scelta della data collegato agli input di tipo temporale */
.fps-input-dategroup .input-group-addon:hover, .fps-input-dategroup .input-group-addon:active, .fps-input-dategroup .input-group-addon:focus{
	background-position:0 -15px;
    background-color: #b4e0ed;
    border-color: #b4e0ed;
    color: #1c6277;
    box-shadow: 0 0 4px 2px rgba(51, 178, 215, 0.6);
    -webkit-box-shadow: 0 0 4px 2px rgba(51, 178, 215, 0.6);
}

/* Stile applicato agli input che presentano un errore di validazione per il loro contenuto (ad esempio campo vuoto ad input obbligatorio) */
.has-error.form-control {
    border-color: #a94442!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* Stile applicato alla label collegata ad un input che presenta errore di validazione */
label.has-error, .has-error label {
    color: #a94442!important;
}