/*
 * FrEDProject - GWT Framework
 * Copyright(c) 2010, EDP Progetti S.r.l. - Bolzano
 * info@edp-progetti.it
 * 
 * http://fredproject.edp-progetti.it/license
 */

.x-form-field-required {
  background-image: url(../images/default/form/text-bg-required.gif);
}
.x-form-field-readonly {
  background-image: url(../images/default/form/text-bg-readonly.gif);
}
.x-form-field-wrap .x-form-lov-trigger {
  background-image: url(../images/default/form/lov-trigger.gif);
}
.x-form-field-wrap .x-form-info-trigger {
  background-image: url(../images/default/form/info-trigger.gif);
}
.x-form-field-wrap .x-form-edit-trigger {
  background-image: url(../images/default/form/edit-trigger.gif);
}
.x-form-field-wrap .x-form-color-trigger {
    background:transparent url(../images/default/form/color-trigger.gif) no-repeat 0 0;
    cursor:pointer; 
}
.x-form-field-align-left {
  text-align: left;
}
.x-form-field-align-center {
  text-align: center;
}
.x-form-field-align-right {
  text-align: right;
}
.x-form-field-align-justify {
  text-align: justify;
}

.link      { TEXT-DECORATION: underline; COLOR: navy; CURSOR: pointer; }

.alert-toolbar-message {
  color: red; 
  padding-left: 30px;
}

/* Questo serve per overridare la definizione di gxt-all.css (mettiamo 15 invece di 19), per i campi combo nelle grid */
.x-grid3-cell-inner .x-small-editor .x-form-field-wrap .x-form-trigger {
  height: 15px;
}

/* Login page, login form */
div.login-frameT {
    display: table;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    position: relative;
}

div.login-frameTC {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-color: #EBEBEB;
}
div.login-content {
    margin: 0 auto;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #478FCC;
    height: 525px; 
    width: 380px;
}
div.login-form {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
}
div.login-link-recupera-pwd {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    text-decoration: underline;
    text-align: right;
    cursor: pointer;
}
div.logo-app {
    background-image: url("images/logo_app.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 140px;
    left: 90px;
    top: 0px;
    bottom: 20px;
}
div.logo-edp {
    background-image: url("images/logo_edp.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 96px;
    left: 0px;
    top: 35px;
}
div.logo-azienda {
    background-image: url("images/logo_azienda.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 63px;
    left: 130px;
    top: -55px;
    bottom: 0px;
}
.inset_input {
    border: 1px solid #478FCC;;
    height: 40px;
    padding: 5px 10px 5px 5px;
    font-size: 16px;
    /*border-radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 2px 2px 2px 2px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%);
    background-image: linear-gradient(top, rgba(0, 0, 0, 0.02) 0%, rgba(255, 255, 255, 0.02) 50%);
    width: 300px;
    /*box-shadow*/
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-left: -150px;
    position: relative;
    left: 50%;
}
.inset_input:focus {
    border: 1px solid #999 !important;
    /*box-shadow*/
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important
}
.inset_input_field {
    height: 40px;
    width: 300px;
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
    border: 1px solid #478FCC;;
    padding: 5px 10px 5px 5px;
}
.label_login {
    margin-left: -150px;
    position: relative;
    left: 50%;
    width: 300px;
    margin-top: 10px;
    font-size: 14px;
}
.blue_button {
    border: solid 1px #308fbd;
    height: 40px;
    font-size: 20px;
    /*border-radius*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 2px 2px 2px 2px;
    color: #fff;
    background-image: -moz-linear-gradient(top, #308fbd, #308fbd);
    background-image: -o-linear-gradient(top, #308fbd, #308fbd);
    background-image: -ms-linear-gradient(top, #308fbd, #308fbd);
    background-image: -webkit-linear-gradient(top, #308fbd, #308fbd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #308fbd), color-stop(1, #308fbd));
    filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#308fbd, EndColorStr=#308fbd)";
    background-image: linear-gradient(top, #308fbd, #308fbd);
    width: 300px;
    background-color: #2b96f1;
    /*box-shadow*/
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    margin-left: -150px;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    left: 50%;
}
.blue_button:hover {
    background-image: -moz-linear-gradient(top, #c0d4e8, #c0d4e8);
    background-image: -o-linear-gradient(top, #c0d4e8, #c0d4e8);
    background-image: -webkit-linear-gradient(top, #c0d4e8, #c0d4e8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c0d4e8), color-stop(1, #c0d4e8));
    filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#c0d4e8, EndColorStr=#c0d4e8)";
    background-image: linear-gradient(top, #c0d4e8, #c0d4e8)
}