*
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 12px;
}
/*
{
    font-family: Verdana;
    font-size: 12px;
    line-height: 12px;
}
*/

body
{
    background-color: #ffffff;
    margin: 0em;
    padding: 0em;
}

#logo {
    background-image: url(/Web/Shared/images/gs-logo-lg.png);
    background-repeat: no-repeat;
    background-position: left top; 
    width: 650px;  
    height: 84px;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 150px;
}
#login-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
fieldset {
    border: 1px solid #999b9e;
    padding-left: 10px;
}
legend {
    color: #FEFEFE;
    background: #00A8D4;
    border: 1px solid #000000;
    padding: 2px 6px
}
.wrapper {
    width: 600px; 
    margin-left: auto; 
    margin-right: auto;
    padding-bottom: 3px;
    /*background: #eee; */
}
.loginWrapper {
	text-align: center;
	padding-bottom: 3px;
	margin-top: 170px;
}
.scClientWrapper {
    text-align: center;
    padding-bottom: 3px;
}
a {
    font-size: 9px;
}
input {
    margin-top: 7px;
}
input[type="checkbox"] {
    margin-top: 12px;
}
input[type="submit"] {
    height: 25px;
    width: 90px;
    margin-top: 12px;
    margin-bottom: 12px;
}
div.tablularForm p {
    margin-left: 31%;
    color: #965C36;
}
div.loginTablularForm p {
    /*margin-left: 31%;*/
    color: #965C36;
}
div.tablularForm label {
    float: left;
    width: 30%;
    text-align: right;
    padding-top: 3px;
    margin-top: 10px;
}
div.tablularForm input {
    margin-left: 5px;
}
div.tablularForm input[type="checkbox"] {
    margin-left: 31%;
}
div.tablularForm input[type="submit"] {
    margin-left: 31%;
    padding-bottom: 1px; /* for firefox - text alignment in buttons is an issue */
}
div.tablularForm .loginLink {
    margin-left: 31%;
}
div.tablularForm label.error {
    float: none;
    width: auto;
    text-align: left;
    padding-left: 5px;
    color: #965C36;
}
input.error {
    color: #965C36;
}
*:focus {
    outline-color: #E3C5B1;
}

#loginFieldset {
    width: 370px;
    border: 2px solid #00A8D4;
    margin: auto;
    text-align: left;
    vertical-align:middle;
}
#loginCheckboxTd
{
    text-align:left; 
    padding-left: 68px;
}
#loginLegend {
    margin-left: 14px;
    text-align: left;
    background-color: White;
    color: black;
    border: 0px solid black;
}
.loginTable {
    margin:20px;
    border-spacing: 0;
    border-collapse: collapse; /* for IE 5-7 */
}
#loginSubmitTd 
{
    text-align:center;
}
.forgotCreds {
    color: #00a8d4;
    text-decoration: none;
}
/* Style for scClient Div area. */
#scClientDiv
{
    margin-top:27px;
}
/* Style for scClient transfer text area. */
#scClientTransferTextTd
{
    font-size:11px; 
    text-align:center;
    vertical-align:middle;
    padding-right: 20px;
    padding-top: 15px;
}
/* Style for help image. */
#scClientHelpImage
{
    width: 14px; 
    height: 14px;
}
/* Style for scClient download button. */
#scClientButtonTd
{
    text-align:center;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
}
/* Style for scClient legend area. */
#scClientLegend {
    margin-left: 14px;
    text-align: left;
    background-color: White; 
    color: black;
    border: 0px solid black;
}
/* Style for scClient fieldset area. */
#scClientFieldset {
    width: 370px;
    border: 2px solid #0877bd;
    margin: auto;
    text-align: left;
    vertical-align:middle;
}
/* Style for scClient table. */
.scClientTable {
    padding:10px;
    border-spacing: 0;
    border-collapse: collapse; /* for IE 5-7 */
    width:100%;
}
/* Style for scClient submit/download button. */
#scClientSubmit {
    margin-top:20px;
    margin-bottom:0px;
    width: 145px;
}
.inputText {
    padding-right: 18px;
}
/* Style for login table's first column. */
.col1 {
    padding-top:9px;
    text-align: right;
    padding-right: 2px;
    width: 30%;
}
/* Style for login table's second column. */
.col2 {
    text-align: right;
    width: 70%;
    padding-right: 18px;
}
/* Style for scClient download table's first column. */
.scCol1 {
    width: 88%;
    text-align: right;
}
/* Style for scClient download table's second column. */
.scCol2 {
    width: 12%;
    text-align: left;
    margin-right: 5px;
}
.tbInput {
    width: 220px;
}
/* Style for login table's column which spans both rows (single column full row). */
.colSpanRow {
    text-align: right;
}
/* Style, extra class stuff for use java version checkbox. */
.colSpanRowCheckBox {
    padding-top:5px;
    text-align: right;
    padding-right: 18px;
}
/* Special style for login submit button. */
#loginSubmit {
    margin-top:20px;
    margin-bottom:0px;
}
/* Style for the login error message for bad login credentials area. */
.loginErrorMsg {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0px !important;
    padding-bottom: 10px;
    padding-top: 7px !important;
    background-color: #B74F5A;
    color: #FFFFFF !important;
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 2px;
}
/* Style for the java applet question mark and the tooltip */
.questionMark {
    width:20px;
    height:20px;
    border-radius:50%;
    color:White;
    line-height:20px;
    text-align:center;
    background:#0d76bc;
    display:inline-block;
}
.tooltip {
    border-bottom: 1px dotted #000000;
    color: White;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
}
.tooltip span {
    margin-left: -999em;
    position: absolute;
}
.tooltip:hover span {
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute;
    left: -15em;
    top: 2em;
    z-index: 99;
    margin-left: 0;
    width: 250px;
}
.tooltip:hover img {
    border: 0;
    margin: -10px 0 0 -55px;
    float: left;
    position: absolute;
}
.tooltip:hover em {
    font-family: Candara, Tahoma, Geneva, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 0.2em 0 0.6em 0;
}
.classic {
    padding: 0.8em 1em;
    color:white;
    background: #0d76bc;
}
* html a:hover {
    background: transparent;
}
.samlErrorWrapper {
    width: 370px;
    border: 2px solid #00A8D4;
    margin: auto;
    text-align: center;
    vertical-align:middle;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    background-color: #B74F5A;
    color: #FFFFFF !important;
    margin-top: 5px;
    margin-bottom: 5px;
}


/* IBERDROLA customizations & overwritings */
.IBE_loginWrapper {text-align: center; position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); padding: 10px;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="-4.5 -9.5 30 23"> <defs> <style> .cls1 { fill: %235bd38c; } .cls2 { fill: %230da9ff; } .cls3 { fill: %23ff9c1a; } </style> </defs> <path class="cls1" d="m17.60253,5.89377c-.29969-1.61533-.78008-3.26896-1.5-5.39414,0,6.16135-9.1249,6.78774-9.1249,12.6945,0,3.02976,2.45413,4.36346,2.45413,4.36346,0,0-.61227,2.22827-.23258,4.94278l1.17046-.19422c-.57194-1.99095-.22119-4.15891-.18449-4.37173,1.49619.59999,3.04222.4221,4.15002-.18524-3.63304-3.86853-2.35046-8.34626,3.26736-11.85541Z" /> <path class="cls2" d="m24.0711,5.89378c-.29969-1.61533-.78008-3.26898-1.5-5.39415,0,6.16135-9.1249,6.78774-9.1249,12.6945,0,1.04956.34335,2.46012,1.4739,3.59066,1.82519,1.82518,4.32289,1.82003,5.88364.96439-3.63303-3.86854-2.35046-8.34676,3.26736-11.85541Z" /> <path class="cls3" d="m19.91594,13.19414c0,1.04956.34335,2.46011,1.47389,3.59065,1.8252,1.8252,4.30405,1.82201,5.88365.9644,1.93379-1.04992,6.28337-4.19639,1.76736-17.24956,0,6.16135-9.1249,6.78773-9.1249,12.69451Z" /></svg>');
    background-repeat: no-repeat;
    background-position: bottom -2vh right -1vh;
    -webkit-background-size: 120% 120%;
    -moz-background-size: 120% 120%;
    -o-background-size: 120% 120%;
    background-size: 120% 120%;
    background-color: #00A443; 
    border-radius: 15px;
}
#IBE_loginLegend { display: none; }
#IBE_loginFieldset {width: 370px;margin: auto;text-align: left; vertical-align:middle;border: 0px;padding-top: 20px;}

#IBE_loginFieldset label {font-size: 19px; font-weight: bold; line-height: 100%; color: #00402A !important; margin-top: .5em 0; text-align: center;}
#IBE_loginFieldset input {padding: 7px; border-radius: 10px; color: #707070; background-color: #FFF5EC; outline: 0; box-shadow: none; border: 1px solid #fff5ec !important; font-size: 1rem; font-weight: 400; font-style: normal;}
#IBE_loginFieldset input:hover {outline: 0; box-shadow: none; border: 1px solid #00A443 !important; border-radius: 10px;} 
#IBE_loginFieldset input[type="submit"] {font-size: 19px; background-color: #FF9C1A;text-transform:capitalize;color:#FFFFFF;height:40px;width:40%;}
#IBE_loginFieldset input[type="submit"]:hover {border: 2px solid #FFF5EC !important;} 

#loginSubmit {margin: 0px;}