/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.bt-large-Clock {
	background-image: url("icons/Clock.png");
}

.bt-large-User {
    background-image: url("icons/User.png");
}

.bt-large-DocumentGraph {
    background-image: url("icons/DocumentGraph.png");
}

.bt-large-Calc {
    background-image: url("icons/Calc.png");
}

.bt-large-Folder {
    background-image: url("icons/Folder.png");
}

.bt-large-Euro {
    background-image: url("icons/Euro.png");
}

.bt-large-Search {
    background-image: url("icons/Search.png");
}

.bt-large-Phone {
    background-image: url("icons/Phone.png");
}

.bt-large-Home {
    background-image: url("icons/Home.png");
}

.edp-link {
    color: #15428B;
    font-family: tahoma,arial,helvetica,sans-serif;
    font-size: 12px;
    text-decoration: underline;
}

.row_statoGray {
    background-color: #C0C0C0;
}

.row_lightblue {
    background-color: #9fc1f5;
}

.residuo {
  font-weight: bold;
  color: red;
}

div.frameT {
    display: table;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    position: relative;
}

div.frameTC {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-color: #EBEBEB;
}

div.content {
    margin: 0 auto;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #66002e;
    height: 630px;
    width: 400px;
}

div.logo-icash {
    background-image: url("images/icash.png");
    height: 98px;
    left: 50%;
    margin-left: -150px;
    position: relative;
    width: 300px;
    top: 80px;
    background-size: 300px 98px;
    background-repeat: no-repeat;
}
div.logo-recredia {
    background-image: url("images/Recredia_web_Logo_white.png");
    height: 100px;
    left: 265px;
    margin-left: 0px;
    position: relative;
    width: 100px;
    top: 30px;
    background-size: 100px 100px;
    background-repeat: no-repeat;
}

.blue_button {
    border: solid 1px #66002e;
    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, #66002e, #66002e);
    background-image: -o-linear-gradient(top, #66002e, #66002e);
    background-image: -ms-linear-gradient(top, #66002e, #66002e);
    background-image: -webkit-linear-gradient(top, #66002e, #66002e);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #66002e), color-stop(1, #66002e));
    filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#66002e, EndColorStr=#66002e)";
    background-image: linear-gradient(top, #66002e, #66002e);
    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: 28px;
    position: relative;
    left: 50%;
}

.blue_button:hover {
    background-image: -moz-linear-gradient(top, #e7d2dc, #e7d2dc);
    background-image: -o-linear-gradient(top, #e7d2dc, #e7d2dc);
    background-image: -webkit-linear-gradient(top, #e7d2dc, #e7d2dc);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7d2dc), color-stop(1, #e7d2dc));
    filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#e7d2dc, EndColorStr=#e7d2dc)";
    background-image: linear-gradient(top, #e7d2dc, #e7d2dc)
}

.inset_input {
    border: 1px solid #66002e;
    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
}
.label_login {
    margin-left: -150px;
    position: relative;
    left: 50%;
    width: 300px;
}