/*
    Styles for the login page and other standalone pages (pages outside the
    control of Portal)
*/

.float-container {
    overflow: hidden;
    width: 100%;
}

#content {
    overflow: hidden;
    width: 100%;
}

#login-header {
    height: 89px;
}

#login-header img {
    margin-top: 20px;
    margin-left: 25px;
}

#header {
    padding-bottom: 20px;
}

#login {
    background: #185E87 url(../../pages/images/LoginContainer_bg.png) repeat top left;
    padding: 7px 9px 7px;
    float: right;
    width: 320px;
    margin-right: 52px;
    margin-top: 60px;
}

#loginnobackground {
    padding: 7px 9px 7px;
    float: right;
    width: 420px;
    margin-right: 52px;
    margin-top: 60px;
}
#qrcontainer {
    width: 320px;
    padding: 7px 9px 7px;
    float: right;
    margin-right: 52px;
    margin-top: 60px;
}
#qrimg {
    border: 0;
    width: 100%;
    height: auto;
}


#title {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.input-row, .button-row {
    overflow: hidden;
    width: 100%;
    padding-bottom: 4px;
}

#message .message-row {
    padding: 4px 8px;
}

#message {
    width: 630px;
    margin: 0px auto;
}

#loginData {
    padding: 8px;
    margin: 0px;
}

.content {
    padding: 8px;
}

.input-row label {
    width: 11em;
    float: left;
    font-weight: bold;
}

.input-row .ctrl {
    width: 10em;
    float: left;
}

.button-row .ctrl{
    float: right;
}

input, select, button {
    margin: 1px;
}

.textinput {
    border: 1px solid #B9B9B4;
    padding: 1px 2px 1px 3px;
}

#username, #password {
    width: 12em;
}


.login-footer .info p {
    margin: 1px 0px;
}

.login-footer-authpad .info p {
    margin: 1px 0px;
}

.login-footer-textpad .info p {
    margin: 1px 0px;
}

.login-footer-keypad .info p {
    margin: 1px 0px;
}

.login-footer-pinpad .info p {
    margin: 1px 0px;
}

.login-footer-register .info p {
    margin: 1px 0px;
}

.login-footer-challenge .info p {
    margin: 1px 0px;
}

.login-footer-generic .info p {
    margin: 1px 0px;
}

.login-footer-version .info p {
    margin: 1px 0px;
}

.login-footer {
	color:#B2CBDB;
	font-family:Tahoma,Verdana,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	margin-top:185px;
	white-space: nowrap;
}

.login-footer-generic {
        color:#B2CBDB;
        font-family:Tahoma,Verdana,Helvetica,sans-serif;
        font-size:10px;
        font-weight:normal;
        margin-top:235px;
        white-space: nowrap;
}

.login-footer-version {
        position: absolute;
        top: 584px; /* length of background image */
        color: #B2CBDB;
        font-family: Tahoma,Verdana,Helvetica,sans-serif;
        font-size: 10px;
        font-weight: normal;
        white-space: nowrap;
}

.login-footer-authpad {
        color:#B2CBDB;
        font-family:Tahoma,Verdana,Helvetica,sans-serif;
        font-size:10px;
        font-weight:normal;
        margin-top:265px;
        white-space: nowrap;
}

.login-footer-pinpad {
        color:#B2CBDB;
        font-family:Tahoma,Verdana,Helvetica,sans-serif;
        font-size:10px;
        font-weight:normal;
        margin-top:20px;
        white-space: nowrap;
}

.login-footer-textpad {
        color:#B2CBDB;
        font-family:Tahoma,Verdana,Helvetica,sans-serif;
        font-size:10px;
        font-weight:normal;
        margin-top:20px;
        white-space: nowrap;
}

.login-footer-keypad {
        color:#B2CBDB;
        font-family:Tahoma,Verdana,Helvetica,sans-serif;
        font-size:10px;
        font-weight:normal;
        margin-top:90px;
        white-space: nowrap;
}

.login-footer-register {
        color:#B2CBDB;
        font-family:Tahoma,Verdana,Helvetica,sans-serif;
        font-size:10px;
        font-weight:normal;
        margin-top:40px;
        white-space: nowrap;
}

.login-footer-challenge {
        color:#B2CBDB;
        font-family:Tahoma,Verdana,Helvetica,sans-serif;
        font-size:10px;
        font-weight:normal;
        margin-top:110px;
        white-space: nowrap;
}

.formButton {
    padding: 0px 4px 1px;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDD8 #AFAFAF #797975;
    color: #000000;
    font-size: 11px;
    white-space: nowrap;
    overflow: visible; /* keeps IE from making buttons too wide */
}

.formButton-disabled {
    padding: 0px 4px 1px;
    border: 1px solid #B9B9B4;
    background: #E5E5E0  none;
    color: #737373;
    font-size: 11px;
    white-space: nowrap;
    overflow: visible; /* keeps IE from making buttons too wide */
}


.loginFailed {
    color: #AD0E25;
}
/* ===== DGPI login theme v2 — un singur card, full-width, RO ===== */
html, body, #top {
  margin:0 !important; min-height:100vh !important;
  background:radial-gradient(1200px 700px at 50% -15%, #16337a 0%, #0b1f4e 42%, #071233 100%) !important;
  font-family:"Segoe UI",Roboto,Arial,Helvetica,sans-serif !important;
}
body::before { content:""; position:fixed; top:0; left:0; right:0; height:6px; z-index:9999;
  background:linear-gradient(90deg,#002B7F 0 33.33%,#FCD116 33.33% 66.66%,#CE1126 66.66%) !important; }
/* logo deasupra cardului */
#login-header { text-align:center !important; padding-top:6vh !important; background:transparent !important; border:0 !important; }
#login-header img, img[src*="login_logo"] { max-width:220px !important; height:auto !important; margin:0 auto !important; display:inline-block !important; }
#login-header::after { content:"Direcția Generală de Protecție Internă"; display:block;
  color:#dfe7f5 !important; font-size:12px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; margin:12px 0 0; }
/* #content = wrapper transparent (FARA card) */
#content { background:transparent !important; box-shadow:none !important; border:0 !important;
  max-width:470px !important; margin:16px auto 0 !important; padding:0 !important; }
/* #login = SINGURUL card alb */
#login { background:#fff !important; border-radius:14px !important; border-top:4px solid #c9a13b !important;
  box-shadow:0 24px 60px rgba(0,0,0,.5) !important; padding:28px 36px 30px !important; margin:0 !important; }
#title { color:#0b1f4e !important; font-size:19px !important; font-weight:700 !important; text-align:center !important; margin:2px 0 4px !important; border:0 !important; }
.message-row p { color:#66748c !important; font-size:13px !important; text-align:center !important; margin:0 0 20px !important; }
.message-row .loginFailed { background:#fdecee !important; color:#b00020 !important; border:1px solid #f5c2c7 !important; border-radius:8px !important; padding:10px 12px !important; font-size:13px !important; text-align:left !important; }
/* linearizeaza tabelul -> label deasupra, input full-width */
.input-row, .input-row table, .input-row tbody, .input-row tr, .input-row td { display:block !important; width:100% !important; }
.input-row td p { margin:0 0 6px !important; }
.input-row label { color:#3a465c !important; font-weight:600 !important; font-size:13px !important; }
.input-row .ctrl { display:block !important; }
.textinput { width:100% !important; box-sizing:border-box !important; padding:12px 13px !important; border:1px solid #c7ced9 !important; border-radius:8px !important; font-size:14px !important; margin:0 0 16px !important; background:#fff !important; }
.textinput:focus { outline:none !important; border-color:#c9a13b !important; box-shadow:0 0 0 3px rgba(201,161,59,.2) !important; }
.button-row { text-align:center !important; }
.formButton, .formButton-disabled { width:100% !important; background:#0b1f4e !important; color:#fff !important; border:0 !important; border-radius:8px !important; padding:13px !important; font-size:15px !important; font-weight:700 !important; letter-spacing:.5px !important; cursor:pointer !important; margin-top:4px !important; }
.formButton:hover { background:#16337a !important; }
/* ascunde clutter: selector limba, harta, spacere, hr */
#Languages, #languages1, #displayLangSelectionId, hr, img[src*="spacer"], img[src*="world_"] { display:none !important; }
.defaultHidden { display:none !important; }
/* footer */
.login-footer-version, .info { color:#93a1ba !important; font-size:11px !important; text-align:center !important; margin-top:16px !important; }
#copyright, #trademark { color:#93a1ba !important; }
a { color:#0b1f4e !important; }