@import url('bootstrap.min.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 21px;
    outline: none;
}

::selection {
    background: #ccc;
    color: #fff;
    text-shadow: none;
}

/* Safari */
::-moz-selection {
    background: #ccc;
    color: #fff;
    text-shadow: none;
}

/* Firefox */
:-moz-placeholder {
    color: #bbb;
}

::-webkit-input-placeholder {
    color: #bbb;
}

:-ms-input-placeholder {
    color: #bbb;
}

a, a:link {
    color: blue;
}

h4 {
    font-size: 16px;
}

body {
    background: url(../images/bg1.png);
    font-size: 12px;
    font-family: 'RobotoRegular', 'Helvetica Neue', Helvetica, sans-serif;
}

body.loginpage {
    background: white;
}

body.showLeftMenu {
    background: url(../images/leftpanelbg.png) repeat-y 0 0, url(../images/bg1.png);
}

a, a:hover, a:link, a:active, a:focus {
    outline: none;
    color: #0866c6;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

input, select,
textarea, button, .aBtnEntrar {
    outline: none;
    font-size: 13px;
    font-family: 'RobotoRegular', 'Helvetica Neue', Helvetica, sans-serif;
}

strong {
    font-weight: normal;
}

label, input, textarea, select, button, .aBtnEntrar {
    font-size: 13px;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
    line-height: normal;
}

/*** LOGIN PAGE ***/

.loginpanel {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 400px;
}

.loginpanelinner {
    position: relative;
    top: -150px;
    left: -50%;
}

.loginpanelinner .logo {
    text-align: center;
    padding: 20px 0;
}

/*diego 04/10/2021 aņado el estilo css a la clase pull-left*/
.loginpanel .pull-right, .loginpanel .pull-left {
    /*margin-top: 11px;*/
    color: #ddd;
    font-size: 11px;
    font-family: Helvetica, sans-serif;
}

.loginpanel .pull-right a, .loginpanel .pull-left a {
    color: #ddd;
}

.inputwrapper input {
    border: 0;
    padding: 10px;
    background: #fff;
    width: 93%;
}
/* Fulla para igualar entre navegadores. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inputwrapper input {
        width: 350px;
    }
}

.inputwrapper input:active, .inputwrapper input:focus {
    background: #fff;
    border: 0;
}

.inputwrapper button {
    display: block;
    border: 1px solid #0c57a3;
    padding: 10px;
    background: #0972dd;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
}

.inputwrapper .aBtnEntrar {
    display: block;
    border: 1px solid #0c57a3;
    padding: 10px;
    background: #0972dd;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
}

.inputwrapper button:focus, .inputwrapper button:active, .inputwrapper button:hover {
    background: #1e82e8;
}

.inputwrapper .aBtnEntrar:focus, .inputwrapper .aBtnEntrar:active, .inputwrapper .aBtnEntrar:hover {
    background: #1e82e8;
}

.inputwrapper label {
    display: inline-block;
    margin-top: 10px;
    color: rgba(255,255,255,0.8);
    font-size: 11px;
    vertical-align: middle;
}

.inputwrapper label input {
    width: auto;
    margin: -3px 5px 0 0;
    vertical-align: middle;
}

.inputwrapper .remember {
    padding: 0;
    background: none;
}

.login-alert {
    display: none;
}

.login-alert .alert {
    font-size: 11px;
    text-align: center;
    padding: 5px 0;
    border: 0;
}

.logincuadro {
    background-color: rgba(8,102,198, 0.6);
    left: 50%;
    top: 46%;
    position: absolute;
    width: 500px;
    height: 350px;
    margin-left: -250px;
    margin-top: -150px;
}

#dv_cambiopasscuadro {
    height: 360px;
}

.loginfooter {
    font-size: 11px;
    color: rgba(255,255,255,0.6);
    position: absolute;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: arial, sans-serif !important;
    padding: 5px 0;
    background-color: rgba(8,102,198, 0.3);
    height: 15px;
    bottom: 0;
}

.loginfooter:hover {
    font-size: 11px;
    color: rgba(255,255,255,1);
    position: absolute;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: arial, sans-serif !important;
    padding: 5px 0;
    background-color: rgba(8,102,198, 0.3);
    height: 15px;
    bottom: 0;
}

#vCmbClinicas {
    border: 0;
    padding: 7px;
    background: #fff;
    width: 100%;
    height: 85%;
    font-size: 1.6em;
}