/* 
    COMTOR FRAMEWORK
    Created on : Jul 23, 2019
    Author     : juandiego@comtor.net
*/

.login-box .comtorbox-body {
    padding: 30px 20px;
}

#loginForm {
    width: 350px;
    font-size: 1.1rem;
    color: var(--login-form-text-color);
    background-color: var(--login-form-background-color);
}

/* Logo */
#logoLogin {
    width: auto;
    margin: 20px auto;
    max-height: 109px;
}

#loginForm h4 {
    color: var(--main-color);
    margin: 0;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
}

#loginForm .comtorbox div:nth-child(2) {
    padding: 0;
}

#loginForm .DivFormField {
    width: 100%;
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: left !important;
    clear: both;
}

#loginForm .DivFormField  .icon-container {
    background-color: var(--login-form-icon-background-color);
    display: inline-block;
    width: 2.5rem;
    border-radius: 0.5rem 0 0 0.5rem;
    border-top: 1px solid var(--login-form-icon-background-color);
}

#loginForm .DivFormField  .icon-container i {
    font-size: 1.5rem;
    margin: 0.5rem;
}

/* Span Contenedor Input */
#loginForm div.DivFormField span:nth-of-type(2) {
    width: calc(100% - 2.5rem);
    padding: 0;
    font-weight: bold;
    text-align: left !important;
    padding: 0.5rem 0;
    display: inline-block;
}

/* Campos input de Usuario y Contrasena */
#loginForm input#tp_code, 
#loginForm input#login, 
#loginForm input#password,
#loginForm select#language {
    width:  calc(100% - 2rem);
    border-radius: 0 0.5rem 0.5rem 0;
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
    color: var(--input-text-color);
    background-color: var(--login-form-input-background-color);
}

#loginForm select#language {
    width: 100%;
}

#loginForm #ok {
    margin: 20px auto;
    width: 50%;
    display: block;
}

/* Mensaje de error */
#loginForm #login_error_message {
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0 0;
    word-break: break-word;
}

#loginForm #login_error_message span {
    display: inline-block;
    text-decoration: underline;
    color: var(--login-error-text-color);
    text-align: center;
    margin: 1px;
}

/* Imagen "Powered by Comtor" */
img#poweredImg {
    display: block;
    margin: auto;
}

/* Script */
#loginForm .comtorbox > div:nth-child(2) > div:nth-child(8) {
    display: none;
}

#loginForm div.comtorbox-header {
    display: none;
}