/**
 * Style des inputs
 * 
 * @copyright (c) 2016, Maison F et J Galloni SA
 * @author Joëlle Galloni
 */

/**
 * Général
 */
input[type=text],
input[type=date],
input[type=number],
input[type=password],
input[type=email],
textarea,
select,
.select2 {
    font-family: "Open Sans", Arial;
    font-size: inherit;
    padding: 2px;
    border: 1px solid #BABABA;
    outline: none;
    color: #3A3A3A;
}
.select2 {
    padding: 0;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus,
select:focus {
    border: 1px solid #22A7F0;
    box-shadow: 0px 0px 2px #22A7F0;
}
input.error {
    border: 1px solid #D91E18;
    box-shadow: 0px 0px 2px #D91E18;
}
input.small,
select.small,
input.datepicker {
    min-width: 0px !important;
    width: 85px !important;
}
input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
}

/**
 * Input texte
 */
input[type=text],
input[type=date],
input[type=number] {
    height: 20px;
}

/**
 * Boutons
 */
input[type=button],
input[type=submit],
button,
a.button,
.ui-widget .ui-widget {
    font-family: "Open Sans", Arial;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
    padding: 5px;
    padding-left: 8px;
    background-color: #F2F2F2;
    border: 1px solid #BABABA;
    box-shadow: 1.5px 1.5px 2px #BABABA;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    -webkit-transition: 0.2s;
    outline: none;
    display: inline-block;
    border-radius: 3px;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover,
a.button:hover,
.ui-widget .ui-widget:hover {
    border-color: #0C7BB7;
    font-weight: bold;
    border-left-width: 4px;
    padding-left: 5px;
}
/* Submit */
input[type=submit],
button.bold {
    font-weight: bold;
}
/* Boutons avec icônes (soit génériques avec :before, soit autres icônes avec i)*/
button.icon,
a.button.icon {
    position: relative;
    padding-left: 30px;
    overflow: hidden;
    vertical-align: bottom;
}
button.icon i,
button.icon:after,
a.button.icon i,
a.button.icon:after {
    color: #3A3A3A;
    position: absolute; 
    left: 8px; 
    top: 8px; 
    width: 23px;
    text-align: center;
    margin-left: -6px;
    display: inherit;
    margin-right: 3px;
}
button.icon:after,
a.button.icon:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
button.icon:hover,
a.button.icon:hover {
    border-left-width: 1px;
}
button.icon:before,
a.button.icon:before {
    content: "";
    background: #0C7BB7;
    width: 26px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -26px;
}
button.icon:hover:before,
a.button.icon:hover:before {
    left: 0;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
}
button.icon:hover i,
button.icon:hover:after,
a.button.icon:hover i,
a.button.icon:hover:after {
    color: white;
}

button.add:after,
a.button.add:after {
    content: "\f067";
}
button.edit:after,
a.button.edit:after {
    content: "\f044";
    font-weight: lighter;
}
button.save:after,
a.button.save:after {
    content: "\f0c7";
    font-weight: lighter;
}
button.restore:after,
a.button.restore:after {
    content: "\f2f1";
}
button.check:after,
a.button.check:after {
    content: "\f00c";
}
button.check-double:after,
a.button.check-double:after {
    content: "\f560";
}
button.check-square:after,
a.button.check-square:after {
    content: "\f14a";
    font-weight: lighter;
}
button.remove:after,
a.button.remove:after {
    content: "\f2ed";
    font-weight: lighter;
}
button.back:after,
a.button.back:after {
    content: "\f060";
}
button.search:after,
a.button.search:after {
    content: "\f002";
}
button.print:after,
a.button.print:after {
    content: "\f02f";
}
button.file:after,
a.button.file:after {
    content: "\f15c";
    font-weight: lighter;
}
button.chart:after,
a.button.chart:after {
    content: "\f080";
    font-weight: lighter;
}
button.clone:after,
a.button.clone:after {
    content: "\f24d";
    font-weight: lighter;
}
button.envelope:after,
a.button.envelope:after {
    content: "\f0e0";
    font-weight: lighter;
}
button.newspaper:after,
a.button.newspaper:after {
    content: "\f1ea";
    font-weight: lighter;
}
button.dollar:after,
a.button.dollar:after {
    content: "\f155";
}
button.cart:after,
a.button.cart:after {
    content: "\f07a";
}
button.camera:after,
a.button.camera:after {
    content: "\f030";
}
button.cancel:after,
a.button.cancel:after {
    content: "\f0e2";
}
button.download:after,
a.button.download:after {
    content: "\f019";
}
button.tax:after,
a.button.tax:after {
    content: "\f51e";
}
button.articles:after,
a.button.articles:after {
    content: "\f1b3";
}
button.trophy:after,
a.button.trophy:after {
    content: "\f091";
}
button.calculator:after,
a.button.calculator:after {
    content: "\f1ec";
}
button.close:after,
a.button.close:after {
    content: "\f00d";
}
button.open:after,
a.button.open:after {
    content: "\f07c";
    font-weight: lighter;
}
button.list:after,
a.button.list:after {
    content: "\f0ca";
}
button.sort:after,
a.button.sort:after {
    content: "\f0dc";
}
button.group:after,
a.button.group:after {
    content: "\f5fd";
}
button.future:after,
a.button.future:after {
    content: "\f1da";
    -moz-transform:    scaleX(-1); /* Gecko */
    -o-transform:      scaleX(-1); /* Opera */
    -webkit-transform: scaleX(-1); /* Webkit */
    transform:         scaleX(-1); /* Standard */
    filter: FlipH;                 /* IE 6/7/8 */
}

/**
 * Select
 */
select {
    padding: 1px 2px;
}