body {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 8.6pt;
    color: #999;
    margin: 0;
}


#header {
    background: url(../images/slash.png) 20px center no-repeat;
    background-color: #f5f5f5;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
}

#header > div span {
    line-height: 58px;
}

#header > div:first-child {
    flex-basis: 35%;
    font-size: 15pt;
    padding: 2px 0px 0px 70px;
    text-align: left;
    box-sizing: border-box;
    /*background-color: red;*/
}

#header > div:last-child {
    flex-basis: 65%;
    font-size: 9pt;
    padding: 5px 0px 0px 5px;
    text-align: left;
    box-sizing: border-box;
    /*background-color: lightblue;*/
}




input[type=text]:not(.igdd_ValueDisplay):not(.igte_EditInContainer):not(.ig_Disabled),
input[type=password],
input[type=number],
input[type=date],
input[type=time],
textarea,
select {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 8.6pt;
    text-decoration: none;
    box-sizing: border-box;
    padding: 2.5px 4px;
    border-radius: 1px;
    background-color: #f9f9f9;
    border: 1px solid #808080;
    color: #474747 !important;
}


input[type=text]:not(.igdd_ValueDisplay):not(.igte_EditInContainer):not(.ig_Disabled):focus,
input[type=text]:not(.igdd_ValueDisplay):not(.igte_EditInContainer):not(.ig_Disabled):hover,
input[type=password]:focus,
input[type=password]:hover,
input[type=number]:focus,
input[type=number]:hover,
input[type=date]:focus,
input[type=date]:hover,
input[type=time]:focus,
input[type=time]:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
    background-color: #eeeeee;
    border: 1px solid #70a7d4;
    color: #111 !important;
}

::-webkit-input-placeholder { 
    font-style:italic;
    color: #a5a5a5 !important;
}
::-moz-placeholder { 
    font-style:italic;
    color: #a5a5a5 !important;
}
:-ms-input-placeholder { 
    font-style:italic;
    color: #a5a5a5 !important;
}
:-moz-placeholder { 
    font-style:italic;
    color: #a5a5a5 !important;
}


input[type=submit] {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: White;
    background-color: #134b8e;
    border: 0px;
    min-width: 90px;
    padding: 4px 5px;
    border-radius: 1px;
}

input[type=submit]:focus,
input[type=submit]:hover {
    background-color: #8db4d9;
}



table.email,
table.reset {
    border-spacing: 0;
    border-width: 0;
    border-collapse: collapse;
    padding: 0px;
    color: #7FC31C;
    margin: 40px auto 0px auto;
    width: 99%;
    vertical-align: top;
    background-color: #ffffff;
}

table.email th,
table.reset th{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: 500;
    background-color: #858585;
    padding: 0 0 0 10px;
    color: white;
    white-space: nowrap;
    text-align: left;
}


table.email td {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: 500;
    color: #5F779E;
    border: solid 0px #99CC00;
    margin: 0 auto;
    padding: 5px;
    width:100%;
    text-align:center;
}

table.reset td {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: 500;
    color: #5F779E;
    border: solid 0px #99CC00;
    margin: 0 auto;
   padding: 5px;
}


table.reset td:last-child {
    text-align:left !important;
}

#captcha {
    border: 1px solid lightgray;
    padding: 5px;
    text-align: center;
    width: 290px;
    margin: 0 auto;
    border-radius:2px;
    box-sizing: border-box;
}


.lblAviso {
    font-family: Arial, Helvetica, sans-serif;
    color: #FF1821;
    text-transform: none;
    /*Invalid Code entered ! It doesn't match image!*/
}



@media only screen and (max-width: 610px) {
    .mobcol0 {width: 0% !important;}
    .mobcol1 {width: 8.33% !important;}
    .mobcol2 {width: 16.66% !important;}
    .mobcol3 {width: 25% !important;}
    .mobcol4 {width: 33.33% !important;}
    .mobcol5 {width: 41.66% !important;}
    .mobcol6 {width: 50% !important;}
    .mobcol7 {width: 58.33% !important;}
    .mobcol8 {width: 66.66% !important;}
    .mobcol9 {width: 75% !important;}
    .mobcol10 {width: 83.33% !important;}
    .mobcol11 {width: 91.66% !important;}
    .mobcol12 {width: 100% !important;}

    body {
        font-size: 9.6pt;
        color: #999;
    }

    #header {
        background: url(../images/slash.png) left center no-repeat;
        background-color: #f5f5f5;
        /*height: 75px;*/
        flex-wrap: wrap;
    }

    #header > div span {
        line-height: 30px;
    }

    #header > div:first-child {
        font-size: 17pt;
    }

    #header > div:last-child {
        font-size: 10pt;
    }


    #header > div {
        flex-basis: 100% !important;
        text-align: center !important;
        padding: 0px !important;
    }

    table.email,
    table.reset {
      margin: 30px auto 0px auto;
    }

    
    input[type=text]:not(.igdd_ValueDisplay):not(.igte_EditInContainer):not(.ig_Disabled),
    input[type=password],
    input[type=number],
    input[type=time],
    textarea {
        font-family: Helvetica, Arial, Verdana;
        font-size: 9.8pt !important;
        padding: 3px 4px !important;
        border-radius: 3px !important;
        width: 100% !important;
    }

    input[type=date],
    select,
    select#apps1 {
        font-family: Helvetica, Arial, Verdana;
        font-size: 9.8pt !important;
        padding: 3px 2px !important;
        border-radius: 3px !important;
        width: 100% !important;
        /*ios*/
        min-width: 90% !important;
        /*display:block;*/
        /*-webkit-appearance: textfield;
        -moz-appearance: textfield;*/
    }

    input[type=submit] {
        font-family: Helvetica, Arial, Verdana;
        font-size: 9pt;
        padding: 6px 6px;
        border-radius: 3px;
        width: 100%;
    }



}