body, td, th, input, select, textarea {
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 11px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

table {
    margin: 0 auto;
    width: 100%;
}

form table td table td {
    border: none;
}
/*Mobile - Tablet*/


.TituloBarra {
    color: White;
    font-size: 23px;
    text-align: center;
    position: absolute;
    top: 9px;
    left: 0px;
    right: 0px;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.tituloPrincipal {
    background-color: #3e2f82;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    vertical-align: middle;
    padding: 2px 0 0 10px;
}

.tituloPagina {
    background-color: #3e2f82;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
    padding: 2px 0 0 10px;
}

.subtitulo {
    color: #436989;
    font-weight: bold;
    font-size: 20px;
    align-content: center;
}

.gridNav {
    color: #436989;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.dataGrid {
    overflow-x: scroll;
    width: 100%;
    border: 2px;
    border-color: #436989;
}

.copete {
    font-weight: bold;
    padding: 0px 0 0 0px;
}

.subTitle {
    background-color: #436989;
    color: #FFFFFF;
    padding: 1px 5px 1px 5px;
    font-family: Verdana;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    white-space: nowrap;
}

.tableHeader {
    background-color: #436989;
    color: #fff;
    padding: 1px 5px 1px 5px;
    font-family: Verdana;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    white-space: nowrap;
}

.dcmenu {
    background-image: url('../Images/Login/dcmenugrade.png');
    background-repeat: repeat-x;
    background-color: #436989;
    color: blue;
    height: 40px;
    margin: 0;
    padding: 0;
}

.dcmenuFloat {
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    margin: 0;
    padding: 0;
}

#dcmenutop {
    padding: 0px;
    position: relative;
    height: 40px;
    width: 100%;
}

.login table tr td {
    padding: 0px;
    text-align: left;
    border: none;
}

input[type=text], input[type=password], textarea {
    width: auto;
}

input, select, textarea, button {
    padding: 2px;
}

input, select {
    border-color: #ccc;
    background-color: #ffffff;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

    input:focus, textarea:focus, select:focus {
        background-color: #fff;
        border-color: #aaa;
    }

input, select, textarea, button, .button {
    border: 1px solid;
}

    button, input[type=submit], input[type=reset], input[type=button], .button {
        font-weight: normal;
        background-repeat: repeat-x;
        background-position: top;
        padding-bottom: 1px;
        padding-right: 6px;
        padding-left: 6px;
        vertical-align: middle;
    }

    button, input[type=submit], input[type=reset], input[type=button], .button, .buttons .button {
        border: 1px solid #ccc;
        background-color: #fff;
        color: #0052a4;
        font-weight: bold;
        /*background-image: url(images/form-button-bg.png);*/
        background-image: url(images/fondoboton.png);
        background-position: center;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 1px 8px 3px 8px;
        padding: 1px 8px 1px 8px; /* ie hack */
        text-shadow: 1px 1px #fff;
        height: 26px;
    }

.BtnText {
    color: #0052a4;
    letter-spacing: 1pt;
}

.auto-style1 {
    width: 380px;
    height: 118px;
}

.auto-style2 {
    height: 3px;
}

.auto-style3 {
    height: 8px;
}

.auto-style4 {
    width: 340px;
    height: 105px;
}

.auto-style5 {
    height: 357px;
}


/*----------------Header-------------------------------------------------------------------------------------*/
img[src="images/bannercliente.jpg"],
img[src="Images/Logos/bannerpropio.jpg"] {
    height: 22px !important;
    background-size: contain;
    margin: 6px !important;
}

.HeaderContenedor,
.dcmenuFloat {
    background-color: #262626;
}

#dcmenutop,
.dcmenuFloat {
    height: 40px !important;
}

.HeaderBienvenida,
.HeaderUsuario,
.TituloBarra,
#welcome .utilsLink,
#welcome strong a,
#welcome div {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff !important;
}

.HeaderBienvenida,
.TituloBarra,
#welcome strong a,
#welcome div {
    font-weight: 700;
}

.TituloBarra {
    padding: 4px 0 0 0;
}

div[style="margin: auto; width: 30%;"] {
    margin: auto !important;
}

/*Tamaño de inputs*/
input[name="txtPassword"],
input[name="txtUserID"] {
    width: 180px !important;
}

/*-----------------------linea-------------------------------------------------------------------------------*/
td[style="height: 2px; background-color: #436989;"] {
    display: block;
    background-color: #737373 !important;
    height: 1px !important;
    margin-bottom: 20px !important;
}


/*---------------------.Contenedor de login--------------------------------------------------------------*/
table[style="background-color: #dbdbdb;"] {
    display: block;
    height: auto;
    background-color: #ffffff !important;
    box-shadow: 0 0 5px #90908580;
    padding: 20px;
    border-radius: 5px;
    margin: 20px auto;
}

    table[style="background-color: #dbdbdb;"] .subTitle {
        display: none;
    }

/*-------------------------Titulos---------------------------------------------------------------------------*/
.tituloNivel1,
.subtitulo {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #262626 !important;
    display: inline-block;
    padding: 5px 0 !important;
}

/*--------------------Formulario------------------------------------------------------------------------------*/
.selectDropdown,
.inputGeneral,
.inputfecha,
input[type="text"],
input[type="password"],
input[type="email"],
select {
    font-size: 12px !important;
    font-weight: 400 !important;
    background-color: white !important;
    color: #737373 !important;
    border: 1px solid #7C7C7C !important;
    text-align: left !important;
    border-radius: 3px;
    height: 22px;
    margin: 2px !important;
}

/*---------------------Botones--------------------------------------------------------------------------------------*/
.botonPrincipal,
.BtnText {
    display: inline-block;
    font-size: 12px;
    color: #ffffff !important;
    background-color: #00C3B6 !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    padding: 8px !important;
    margin: 5px !important;
    text-shadow: none !important;
    border: none !important;
    height: auto !important;
}

    .botonPrincipal:hover,
    .BtnText:hover {
        background-color: #262626 !important;
        color: #ffffff !important;
        cursor: pointer;
        text-decoration: none !important;
    }
/*Label*/
.auto-style1 td[style="padding-left: 10px;"] {
    font-size: 11px !important;
    color: #737373 !important;
    font-weight: 700;
}

#btnNuevoUsuario, .logo-mobile-sgl {
    display: none;
}

body.mobile .container-btnRecuperarContraseña{
    display: inline;
}

.container-btnNuevoUsuario {
    display: none;
}

.cabecera {
    height: inherit;
}

@media (max-width: 600px) {
    body.mobile * {
        box-sizing: border-box;
    }
    body.mobile #idTxtF11 {
        display:none;
    }
    body.mobile .espacioVacio {
        display: none;
    }
    body.mobile #footer tbody tr {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    body.mobile .footerText {
        font-size: 0.8rem;
    }
    body.mobile #idFooterVersion {
        width: 30% !important;
        text-align: center;
    }
    body.mobile #idFooterFecha {
        width: 55% !important
    }
    body.mobile html, body.mobile body {
        height: 100%;
    }

    body.mobile .container-cmdEntrar {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 25%;
    }

    body.mobile body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
    }



    body.mobile .container-btnNuevoUsuario {
        display: inline-block;
    }

    body.mobile .frmLogin {
        margin-bottom: 5%;
    }

    body.mobile #carouselExampleIndicators, body.mobile .input-login-title, body.mobile .subtitulo, body.mobile .separador-subtitulo, body.mobile .dcmenu {
        display: none !important;
    }

    body.mobile .Contenedor-Login {
        display: flex;
        justify-content: center;
        width: 90% !important;
    }

    body.mobile .logo-mobile-sgl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    body.mobile .title_logo_mobile {
        font-size: 25px;
        margin-top: 10px;
    }

    body.mobile .table-login {
        box-shadow: none !important;
        display: flex !important;
        justify-content: center;
    }

    body.mobile #txtUserID, body.mobile #txtPassword {
        width: 95% !important;
        height: 40px;
        font-size: 17px !important;
        border-radius: 10px !important;
        padding: 10px;
    }

    body.mobile .input-login-txtbox {
        padding: 0px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 2%;
    }

    body.mobile #cmdEntrar {
        width: 95%;
        border-radius: 5px !important;
        font-size: 15.4px;
        line-height: 30px;
        letter-spacing: normal;
    }

    body.mobile .Banner_Propio_Mobile {
        height: 60px !important;
    }

    body.mobile #btnRecuperarContraseña {
        display: inline !important;
        font-size: 1rem;
    }

    body.mobile .container-btnRecuperarContraseña {
        display: inline !important;
        float: left;
        margin-left: 1rem;
    }

    body.mobile #btnNuevoUsuario {
        display: block;
        font-size: 18px;
        font-weight: 550;
        cursor: pointer;
        color: #737373 !important;
        margin-top: 20px;
    }

    body.mobile table#footer {
        display: none;
    }
    body.mobile table[style="background-color: #dbdbdb;"] {
        padding: 0 !important;
    }

    body.mobile .lb-error {
        font-size: 1rem !important;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
    body.mobile * {
        box-sizing: border-box;
    }
    body.mobile table#footer {
        display: none;
    }
    body.mobile #idTxtF11 {
        display: none;
    }

    body.mobile .espacioVacio {
        display: none;
    }

    body.mobile #footer tbody tr {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    body.mobile .footerText {
        font-size: 0.8rem;
    }

    body.mobile #idFooterVersion {
        width: 30% !important;
        text-align: center;
    }

    body.mobile #idFooterFecha {
        width: 55% !important
    }
    body.mobile html, body {
        height: 100%;
    }

    body.mobile body {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body.mobile .container-btnNuevoUsuario {
        display: inline-block;
    }

    body.mobile .frmLogin {
        margin-bottom: 5%;
    }

    body.mobile .container-cmdEntrar {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 25%;
    }

    body.mobile #carouselExampleIndicators, body.mobile .input-login-title, body.mobile .subtitulo, body.mobile .separador-subtitulo, body.mobile .dcmenu {
        display: none !important;
    }

    body.mobile .Contenedor-Login {
        display: flex;
        justify-content: center;
        width: 90% !important;
    }

    body.mobile .logo-mobile-sgl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    body.mobile .title_logo_mobile {
        font-size: 32px;
        margin-top: 10px;
    }

    body.mobile .table-login {
        box-shadow: none !important;
        display: flex !important;
        justify-content: center;
    }

    body.mobile #txtUserID, body.mobile #txtPassword {
        width: 100% !important;
        height: 45px;
        font-size: 20px !important;
        border-radius: 10px !important;
        padding: 10px;
    }

    body.mobile .input-login-txtbox {
        padding: 0px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 2%;
    }

        body.mobile #cmdEntrar {
            width: 100%;
            border-radius: 5px !important;
            font-size: 15.4px;
            line-height: 30px;
            letter-spacing: normal;
        }

    body.mobile .Banner_Propio_Mobile {
        height: 75px !important;
    }

    body.mobile #btnRecuperarContraseña {
        display: inline !important;
        font-size: 1.1rem;
    }

    body.mobile .container-btnRecuperarContraseña {
        display: inline !important;
        float:left;
        margin-top: .5rem;
    }

    body.mobile #btnNuevoUsuario {
        display: block;
        font-size: 18px;
        font-weight: 550;
        cursor: pointer;
        color: #737373 !important;
        margin-top: 20px;
    }






    body.mobile .FooterContenedor,
    body.mobile.footerBox {
        background-color: #262626;
        border: none !important;
    }

    body.mobile .footerBox {
        height: auto;
    }

    body.mobile .footerVersion,
    body.mobile.footerComentario,
    body.mobile.footerFecha,
    body.mobile.footerText {
        color: white;
        font-size: 10px;
        padding: 8px;
    }

    body.mobile .lb-error {
        font-size: 1rem !important;
    }
}