/* Viafirma Inbox - Custom CSS */
:root {
  --main-color: #982b29;
  --dark-color: #460101;
  --clear-color: #e0c6c5;
  --custom-logo: url("https://viafirma.com/download/inbox/sindicom/custom-logo.png");
  --custom-logo-white: url("https://viafirma.com/download/inbox/sindicom/custom-logo-white.png");
  --sprite: url("https://www.viafirma.com/download/inbox/sindicom/spritesheet.png");
}

#wrapper>.group:first-child,#nav ul li a.redactar,.rich-fileupload-button,.rich-fileupload-button-light,.rich-fileupload-button-press,.container.admin .botonera input,.container.admin .botonera a,.login .group .group .actionLogin,input.button,input.boton,body.login.public #body .externalSign .signbutton.default,#inbox-signature-designer .preview-region .preview .document .signature .text,body.interior #contenido a#viafirmawpfclientButton,#detallePeticion .mainActions.dropdown span.dropdown-trigger,.login.public #body .externalSign .signbutton.default.web,.webSignaturePage .userHint a,#body .webSignaturePage .popup-region .popup-header,.popup-region .popup .buttons button.primary,.verifirma input.boton,.verifirma a.download-all,.login.webSign #body .webSignaturePage form.finish-btn-container, table.listado tfoot td a.anyadir, ul.paginacion li a.actual {
  background-color: #982b29 !important; /* --main-color */
  background-color: var(--main-color) !important;
}

#nav ul li a.redactar:hover,.rich-fileupload-button:hover,.rich-fileupload-button-light:hover,.rich-fileupload-button-press:hover,.container.admin .botonera input:hover,.container.admin .botonera a:hover .login .group .group .actionLogin:hover,input.button:hover,input.boton:hover,.login .group .group input.button:hover,.login .group .group input.boton:hover,body.login.public #body .externalSign .signbutton.default:hover,body.interior #contenido a#viafirmawpfclientButton:hover,#detallePeticion .mainActions.dropdown span.dropdown-trigger:hover,.login.public #body .externalSign .signbutton.default.web:hover,input.button:focus, input.boton:focus, input.button:hover, input.boton:hover,.webSignaturePage .userHint a:hover,.webSignaturePage .userHint a:active,.webSignaturePage .userHint a:focus,.popup-region .popup .buttons button.primary:hover,.popup-region .popup .buttons button.primary:focus,.verifirma input.boton:hover,.verifirma input.boton:focus,.verifirma a.download-all:hover,.verifirma a.download-all:focus, table.listado tfoot td a.anyadir:hover {
  background-color: #460101 !important; /* --dark-color */
  background-color: var(--dark-color) !important;
  color: white !important;
  transition: .3s;
}

.info,ul.tabs li a:focus,ul.tabs li a:hover,form.big .attach-file:hover,form.big .attach-document:hover,form.big .attach-corporate-repo:hover,form.big .attach-personal-repo:hover,a.reset:hover,form.big input.boton.add-metadata:hover,body.login p.certificate a:hover,body.login p.certificate a:hover,body.login .bandeja.espere:hover,.mailbox table tbody .hover td a,.mailbox table tbody .hover td,#detallePeticion .download-all:hover,#detallePeticion .attach-annex:hover,.back:hover, .container.admin .botonera a.back:hover, table.listado tfoot td a.import:hover, table.listado tfoot td a.exportxls:hover {
  background-color: #e0c6c5 !important; /* --clear-color */
  background-color: var(--clear-color) !important;
  transition: .3s;
}

a,.attached li .file,form.big .attach-file,form.big .attach-document,form.big .attach-corporate-repo,form.big .attach-personal-repo,a.reset,form.big input.boton.add-metadata,form.big .attach-file:hover,form.big .attach-document:hover,form.big .attach-corporate-repo:hover,form.big .attach-personal-repo:hover,a.reset:hover,form.big input.boton.add-metadata:hover,ul.tabs li a:focus,ul.tabs li a:hover,.info,body.login.public .dropdown-trigger.languages,.webSign input[type="submit"],.webSignaturePage input[type="submit"],#inbox-signature-designer .preview-region .preview .document .signature .edit,#inbox-signature-designer .preview-region .preview .document .signature .remove,.mailbox .dropdown-trigger,.mailbox .button-one,body.login.public .dropdown-trigger.otherSignTypes,a.signbutton,input.signbutton.otpsms,input.signbutton.cosign,input.signbutton.viafirma,.mailbox input.button.btnReject,.login .group .group input.button.reject,.login .group .group input.button.reject:hover,.mailbox .numPorPagina a.actual,#detallePeticion .download-all,#detallePeticion .attach-annex,body.interior #contenido a,form.big input.button.reject,#inbox-signature-designer .preview-region .preview .document .signature .edit,#inbox-signature-designer .preview-region .preview .document .signature .remove,body.login.public #body .externalSign .reject,.webSignaturePage #inbox-signature-designer .preview-region .preview .document .signature .clickHere, table.listado tfoot td a.import, table.listado tfoot td a.exportxls {
  color: #982b29; /* --main-color */
  color: var(--main-color);
  transition: .3s;
}

a:hover,.attached li .file:hover,body.login.public .dropdown-trigger.languages:hover,body.login.public .dropdown-trigger.otherSignTypes:hover,a.signbutton:hover,input.signbutton.otpsms:hover,input.signbutton.cosign:hover,input.signbutton.viafirma:hover,body.login.public #body #selectedActions input.signbutton:hover,.mailbox input.button.btnReject:hover,input.button.reject:hover,form.big input.boton.add-metadata:hover,body.login.public #body .externalSign .reject:hover,#body .main #inbox #detalleRefresh .dropdown-menu a:hover,#body .main #inbox #detallePeticion #detalleRefresh .dropdown-menu .button:hover,.mailbox .dropdown-menu > a:hover {
  color: #460101 !important; /* --dark-color */
  color: var(--dark-color) !important;
  transition: .3s;
}

.info,.rich-fileupload-button,.rich-fileupload-button-light,.rich-fileupload-button-press,.container.admin .botonera input,.container.admin .botonera a,form.big .attach-file,form.big .attach-document,form.big .attach-corporate-repo,form.big .attach-personal-repo,a.reset,form.big input.boton.add-metadata,input.text:focus,input.cajaTexto:focus,textarea:focus,#inbox-signature-designer .sidebar-region .signers .signer,body.login p.certificate a:hover,body.login p.certificate a:hover,body.login .bandeja.espere:hover,#detallePeticion .download-all,#detallePeticion .attach-annex,input.format-d-m-y:focus,input.format-d-m-y:active,#inbox-signature-designer .sidebar-region .signers .signer,.back:hover, table.listado tfoot td a.anyadir, table.listado tfoot td a.anyadir:hover, table.listado tfoot td a.import, table.listado tfoot td a.exportxls {
  border-color: #982b29; /* --main-color */
  border-color: var(--main-color);
  transition: .3s;
}

.login #wrapper>.group:first-child,body.verifirma #wrapper > .group:first-child,body.login.public #body .externalSign .reject, .container.admin .botonera a.back {
  background-color: transparent !important;
}

.mailbox .dropdown-trigger, body.login.public .dropdown-trigger, .mailbox .button-one, .mailbox .dropdown-trigger:after, #detallePeticion .mainActions.dropdown span.dropdown-trigger:after, .mailbox input.button.btnReject, a.signbutton.viafirma, .delegationTable .acciones .dropdown-menu a.signbutton.viafirma, a.signbutton.fortress, .delegationTable .acciones .dropdown-menu a.signbutton.fortress, a.signbutton.otpsms, a.signbutton.web, a.signbutton.web:hover, body.login.public #body #selectedActions input.signbutton.cosign, body.login.public #body #selectedActions input.signbutton.otpsms, .login .group .group input.button.cosign:hover, .login .group .group input.button.otpsms:hover, input.signbutton.cosign, input.signbutton.cosign:hover, input.signbutton.otpsms, input.signbutton.otpsms:hover, .login .group .group input.button.viafirma:hover, body.login.public #body #selectedActions input.signbutton.viafirma, input.signbutton.viafirma, input.signbutton.viafirma:hover, .delegationTable .acciones .dropdown-menu a.signbutton.otpsms, .mailbox input.button.btnReject:hover, #detallePeticion .mainActions form.big input.button.reject, .login .group .group input.button.reject, .login .group .group input.button.reject:hover, a.signbutton.digitalized {
  background-image: url(https://www.viafirma.com/download/inbox/sindicom/spritesheet.png) !important;
  background-image: var(--sprite);
}

#wrapper .group.header-group #header .logo img {
  display: none;
}

#wrapper .group.header-group #header .logo {
  background-image: url(https://www.viafirma.com/download/inbox/sindicom/custom-logo-white.png);
  background-image: var(--custom-logo-white);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 148px;
}

/* AUX */
.login #header h1 a img {
  max-width: 280px;
}

body.login #header {
  margin-bottom: 4.75em;
}

#welcome a.user:focus,#welcome a.user:hover,#welcome .logout:hover,#welcome .logout:focus {
  color: white !important;
  opacity: .75;
}

#detallePeticion a.download-all,#detallePeticion .attach-annex,#detallePeticion a.download-all:hover,#detallePeticion a.attach-annex:hover {
  background-image: none;
  padding: .33em .8em;
}

body.login.public #body .externalSign .reject {
  border: 1px solid #ccc;
}

body.login.public #body .externalSign .reject:hover {
  background: #f0f0f0;
}

.login.webSign #header h1 a img {
  margin-top: 2.5em;
}

.webSignaturePage .userHint a {
  color: white;
}

/* Viafirma Platform */

* {
    box-sizing: border-box;
}
a {
    text-decoration: none; 
}
html {
    height: 100%;
}
body.interior {
    background: #efefef;
    display: table;
    font-family: sans-serif;
    height: 100%;
    width: 100%;
}
body.interior #global {
    display: table-cell;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

body.interior #global #cabecera {
  background: url("https://viafirma.com/download/inbox/sindicom/custom-logo.png") no-repeat center center;
  background-image: var(--custom-logo);
  background-size: 220px;
  height: 100px;
  text-indent: -9999px;
}

body.interior #cabecera {
    text-align: center
}

body.interior #cabecera h1 {
    margin-bottom: 0;
}
body.interior #cabecera h1 a {
    color: #2d3e4d; 
    text-transform: capitalize;
}
body.interior #cabecera p {
    margin-top: .25em;
    opacity: .5;
}
body.interior #contenido {
    background: white;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    color: #485764;
    font-size: 15px;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 1em 2em;
    width: 560px; 
}
body.interior #contenido li {
    list-style: none;
}

body.interior #contenido ul {
    padding-left: 0;
}
body.interior #contenido ul li a {
    text-decoration: underline;
}
body.interior #contenido .volver {
    margin-top: 2em;
}
body.interior #contenido .volver a {
    border: 1px solid #485764;
    border-radius: 3px;
    color: #485764;
    display: inline-block;
    padding: .5em 1em;
    text-decoration: none;
    transition: .3s;
}
body.interior #contenido .volver a:hover {
    background: #485764;
    color: white !important;;
    transition: .3s;
}
.separador {
    display: none;
}

body.interior #contenido a#viafirmawpfclientButton {
  background-image: url(https://www.viafirma.com/download/inbox/ic_windows.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px;
  border-radius: 3px;
  color: white;
  display: inline-block;
  padding: .66em 1em .66em 2.66em;
  text-decoration: none;
  transition: .3s;
}

body.interior #contenido a#viafirmawpfclientButton:hover {
  transition: .3s;
}

body.interior #pie,
body.interior .ayuda h2 {
    display: none !important;
}

body.interior .ayuda.texto {
    display: block;
}

@media(max-width: 440px) {
    body.interior {
        background: white;
    }
    body.interior #cabecera h1 a {
        font-size: 22px;
    }
    body.interior #global {
        display: block;
    }
    body.interior #contenido {
        border: none;
        padding: 0em 1em;
        width: 100%;
    }
}