:root {
    --main-color: #145b94;
    --clear-color: #f0f0f0;
    --dark-color: #104068;
    --text-color: #2d3e4d;
    --body-text-color: #485764;
    --action-color: #3594E0;
    --red-color: #F24F35;
    --error-color: #888;
    --font-family: Ubuntu, sans-serif;
}


/* LOGIN */

body.login .col-35 {
    width: 100%;
}

body.login .append-05 {
    margin: 0;
}

body.login .col-20.margin-top-2-0 {
    margin: 0;
}

body.login form p {
    margin: .25em 0em;
}

body.login #body,
body.login #externalSignCustomSignatureLinkContainer {
    background: white;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    margin: 0 auto;
    max-width: 100%;
    padding: 2em;
    width: 340px;
    display: block;
}

body.login div.load {
    background-image: url(../images/layout/loading.gif);
}
div.load {
    background: url(../images/layout/load.gif) no-repeat 50% 50%;
    width: 100%;
}

.login .group:first-child {
    width: 100%;
}

body.login #header {
    background: none;
    background-size: 0;
    float: left;
    position: relative;
    margin: 0 auto 1em auto;
    width: 100%;
    height: auto;
}
body.login #aside {
    display: none;
}
.login fieldset {
    background: none;
    border: 0;
}
body.login div#wrapper div.group form {
    margin-bottom: 1.75em !important;
}
#custom-logo {
    float: none;
    margin: 0 auto;
}

.pdf #body {
    width: 911px;
}

.login fieldset {
    padding: 0;
}
#wrapper>.group:first-child {
    background: #145b94; /*main-color*/
    display: table;
    width: 100%;
}

body.login #wrapper {
    display: table-cell;
    vertical-align: middle;
}

.login #wrapper>.group:first-child {
    background: transparent;
}

body.login fieldset {
    background: transparent;
    margin: 0;
}
p.loginButton a {
    border-radius: 3px;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: .75em;
    transition: .3s;
    border: 1px solid #aaa;
    color: #485764; /*body-text-color*/
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    border-radius: 3px;
    padding: .5em 1em .5em 50px;
    background-size: 35px !important;
    background-position: 10px 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
}


body.login p.loginButton a:hover,
body.login .bandeja.espere:hover {
    background: rgba(0,0,0,.1) !important;
    transition: .3s;
}

p.loginButton {
    margin: 0;
    text-decoration: none;
}
form#fortressForm label {
    color: #000000;
    text-shadow: none;
}

p.inbox a {
    background-image: url(../images/iconos/ico-login-inbox.png);
}

form p {
    margin-left: 0;
    margin-right: 0;
    margin: 1em 0;
}

.login form label {
    color: #2d3e4d; /*textColor*/
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-shadow: none;
}

form .requerido {
    color: #F24F35; /*red-color*/
    font-style: normal;
    font-weight: lighter;
}

form input.button {
    background: #145b94; /*main-color*/
    margin-left: 0em;
    padding: .33em .75em;
    text-shadow: none;
}

form input.text {
    font-size: 1.25em;
    height: 36px;
    padding-top: .2em;
    -webkit-appearance: none;
}

form input.button:focus,
form input.button:hover {
    border-color: #004065;
}

.checkbox {
    font-size: 0.9em;
}
* {
    box-sizing: border-box;
}
#wrapper {
    max-width: 100%;
    padding-bottom: 0;
    width: 100%;
}

#body .main #inbox #contenidoMensaje #detallePeticion,
#nuevaPeticion,
#body .main .container,
.messagesList,
#listadoRefrescable .contenidoMensaje .message.group,
.tablaBorradores,
#busquedaAvanzada,
.newExternalUserContainer {
    background: #fff;
    border: 1px solid #eaeaea;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 3px;
    float: left;
    margin-top: 0em;
    /*! padding: 1.25em 1.75em 1.25em 1.75em; */
    width: 100%;
}

#listadoRefrescable .contenidoMensaje .message.group {
    padding: 1.25em 1.75em 1.25em 1.75em;
}

#body .main .container,
.tablaBorradores,
#busquedaAvanzada {
    margin-top: 1.33em;
    padding: 2em;
}

#body .main .container.admin fieldset.copyCustodySearch {
    background: whitesmoke;
    border: 0;
    margin-top: 0;
    padding: 1em 2em;
}

#body .main #formDelegation fieldset {
    background: transparent;
    padding: 0;
}

#body .main .container.admin fieldset legend {
    display: none;
}
#body .main fieldset.copyCustodySearch input.boton {
    margin-top: 1em;
}

#body .main fieldset.copyCustodySearch input.boton:last-child {
    background: none !important;
    color: #145b94;
    padding-left: .5em;
}
#body .main #inbox #contenidoMensaje #detallePeticion {
    padding: 1.75em 2.25em;
    margin: 1.33em 0em;
}

#body .main #inbox #detalleRefresh {
    float: left;
    width: 100%;
}

.expand-body {
    display: none;
}

/* PUBLIC LINK */
body.login.public #body  {
    width: 600px;
}

body.login.public .message {
    padding: 0;
}

body.login.public #body h3 {
    color: #2d3e4d;
}

body.login.public .message-body {
    margin-bottom: 1em;
}
body.login.public p {
    color: #485764;
    margin-bottom: 0em;
}

body.login.public .viewDocument {
    border: 1px solid #145b94;
    border-radius: 3px;
    display: inline-block;
    margin-top: .5em;
    padding: .33em 1em;
}

body.login.public .otherSignTypes {
    float: left;
    margin-top: 1.25em;
}

body.login.public #body .signbutton {
    border-radius: 3px; 
    float: left;
    padding: .8em 1em .8em 3em !important;
    display: block;
}

body.login.public #body #selectedActions .signbutton {
    float: none;
}

body.login.public #body #selectedActions input.signbutton:hover {
    background-color: #F0F0F0 !important;
    color: #4989c4 !important;
}

body.login.public #body input.signbutton:hover {
    background-color: #F0F0F0 !important;
    color: #4989c4 !important;
}

body.login.public #body .signbutton.fortress:hover,
body.login.public #body .signbutton.fortress {
    background-position: 0px -35px !important;
}

body.login.public #body #selectedActions input.signbutton.viafirma,
body.login.public #body #selectedActions input.signbutton.viafirma:hover,
input.signbutton.viafirma,
input.signbutton.viafirma:hover {
    background-position: 0px -80px !important;
}

.selectedActionContainer input.signbutton.viafirma,
.selectedActionContainer input.signbutton.viafirma:hover {
    background-position: -4px -84px !important;
}   

body.login.public #body a.signbutton.viafirma {
    background-position: 0px -76px !important;
}

body.login.public #body a.signbutton.otpsms {
    background-position: 0px -118px;
}

body.login.public #body a.signbutton.otpMail {
    background-position: 0px -118px;
}

body.login.public #body a.signbutton.web {
    background-position: 0px -156px;
}

body.login.public #body .signbutton.autofirma {
    background-position: 0px -35px;
}

body.login.public #body .selectSignature {
    float: left;
    margin-top: 1em;
}

/* Web Signature Design */
body.login.webSign #body {
    background: transparent;
    border: 0;
    padding: 0;
    width: 50% !important;
    min-width: 1024px;
}

body.login.webSign #header {
    margin: 0 0 1em 0;
}

@media(max-width: 1024px) {
    body.login.webSign #body {
        min-width: auto;
        width: 100% !important;
        margin-top: 6em;
    }
}


body.login.webSign .popup-header h2 {
    color: #FFFFFF;
}
/* =CARGANDO ROJO
---------------------------------------------------------------------------------- */

div#cargandoRojo {
    background: #F58F1D url(../images/layout/load-mini.gif) no-repeat 10px 49%;
    border: none;
    border-bottom-left-radius: 3px;
    color: #fff;
    display: none;
    font-size: 1em;
    font-weight: normal;
    height: 20px;
    left: 48%;
    letter-spacing: .5px;
    line-height: 0px;
    padding: 1em 0em 1em 1em;
    position: fixed;
    top: 0.5px;
    text-align: center;
    width: 132px;
    z-index: 999;
}
div.messageCopied {
    color: white;
    position: absolute;   
    text-align: center;
    width: 100%;
    z-index: 100;
}
div.messageCopied p {
    background: #F58F1D;
    border-radius: 3px;
    display: inline-block;
    padding: .5em 1em;
}
div.messageCopied a {
    color: white;
    margin-left: 1em;
    text-decoration: underline;
    transition: .3s;
}
div.messageCopied a:hover {
    cursor: pointer;
    transition: .3s;
    opacity: .75;
}

body.login.public div.messageCopied p {
	color: #FFF !important;
}
/* =VERIFIRMA
---------------------------------------------------------------------------------- */
body.verifirma {
    background: #efefef;
    display: table;
    height: 100%;
    width: 100%;
}
body.verifirma #body {
    vertical-align: middle;
    margin: 0 auto;
    width: 440px;
}
body.verifirma #wrapper {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
body.verifirma .message h3, 
body.verifirma .message .meta.group .date, 
body.verifirma .download-all, 
body.verifirma .attached li a, 
body.verifirma .attached li span.link, 
body.verifirma form.big label {
    color: #485764; /*body-text-color*/
}
body.verifirma #wrapper > .group:first-child {
    background: transparent;
}
body.verifirma #header {
    background: none !important;
    width: 100%;
}
body.verifirma fieldset {
    background-color: #fff;
    border:1px solid #eaeaea;
    border-radius: 3px;
    margin-bottom: 0;
}
body.verifirma fieldset p,
body.verifirma fieldset ul,
body.verifirma fieldset .group {
    color: #485764;
}
body.verifirma .documents .col-45,
body.verifirma .attached .col-45{
    width: 100%;
}
body.verifirma .annexes.empty h6 + p {
    opacity: .66;
    text-align: left;
}
body.verifirma .annexes.empty h6::after {
    content: "";
}
body.verifirma fieldset a.eula {
    color: #145b94 !important;
    text-decoration: underline;
}
body.verifirma .cajaTexto {
    border: 0;
}
body.verifirma .big.install-license ul {
    margin-left: 0;
}
body.verifirma .big.install-license li {
    font-weight: bold;
    margin-top: .5em;
}
body.verifirma .big.install-license li i {
    display: block;
    font-style: normal;
    font-weight: normal;
}
body.verifirma .message {
    padding-right: 0;
    padding-left: 0;
}

body.verifirma form.big label {
    color: #2d3e4d; /*textColor*/
    text-shadow: none;
}

body.verifirma div.load {
    background-image: url(../images/layout/load-fondo-blanco.gif);
    height: 40px !important;
}
body.verifirma ul.from {
    background: none;
    width: 100%;
}
.rich-mpnl-content {
  height: auto !important;
}
.verifirma .rich-messagesError,
.verifirma .rich-messagesWarn,
.verifirma .rich-messagesInfo,
.verifirma .sinResultados,
.verifirma .http-error,
.verifirma div.messages-login .rich-messages dt {
    border-left: 4px solid;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0em;
    text-align: center;
    width: 100%;
}
.verifirma input.boton {
    background: #145b94 !important; /*main-color*/
    color: white;
}
.verifirma #header h1 a img {
    max-width: 220px;
}

.verifirma h6,
.verifirma .annexes {
    color: #2d3e4d;
    font-style: normal;
    font-variant: none;
    font-weight: normal;
}
.verifirma .annexes h6 {
    margin-bottom: 0;
}
#htmlViewer {
    padding: 2em;
    width: 830px;
}


/* =PDF-Viewer
---------------------------------------------------------------------------------- */

#pdfViewer {
    /* overflow: auto; */
    padding: 1em;
    width: 850px;
}

#pdfViewer form.tools {
    margin: 0;
    width: 601px;
}

#pdfViewer img {
    background: #fff;
    border: 1px solid #eee;
    display: block;
    margin: 0;
    padding: 0;
}

#pdfViewer form {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 0.5em 0;
    margin-bottom: 1.5em;
}

#pdfViewer form .pager {
    float: left;
    width: 45%;
}

#pdfViewer form .tools {
    float: right;
    width: 35%;
}

#pdfViewer span,
#pdfViewer a,
#pdfViewer input,
#pdfViewer select {
    display: block;
    float: left;
    line-height: 20px;
    padding: 0;
    vertical-align: middle;
}

#pdfViewer input,
#pdfViewer select {
    margin: 0 0.5em;
    padding: 0.25em;
}

#pdfViewer input {
    padding: 0.25em;
}

#pdfViewer a {
    background: red;
    height: 22px;
    margin: 0 1em;
    text-indent: -999em;
    width: 22px;
}

#pdfViewer a.prev {
    background: url(../images/iconos/prev.png) no-repeat 0 0;
}

#pdfViewer a.next {
    background: url(../images/iconos/next.png) no-repeat 0 0;
}

#pdfViewer a.rotateLeft {
    background: url(../images/iconos/rotate-left.png) no-repeat 0 0;
}

#pdfViewer a.rotateRight {
    background: url(../images/iconos/rotate-right.png) no-repeat 0 0;
    margin: 0;
}


/* =GLOBALES
---------------------------------------------------------------------------------- */
html {
    height: 100%;
}
body,
body.login{
    background: #efefef !important;
    color: #2d3e4d; /*textColor*/
    font-family: Ubuntu; /*font-family*/
    font-size: 15px !important;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
}
body.login {
    display: table;
    padding: 0em;
    height: 100%;
    width: 100%;
}
body.interior #cabecera {
    background-size: 220px;
    background-position: center;
    width: 100%;
}
body.interior #contenido {
    background: white;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    color: #485764; /*body-text-color*/
    line-height: 1.5em;
    padding: 1em 2em;
    width: 480px;
}
body.interior #contenido li {
    list-style: none;
}
body.interior #contenido a {
    color: #3594E0; /*action-color*/
}
body.interior #contenido .volver {
    margin-top: 2em;
}
body.interior #contenido .volver a,
body.verifirma input.boton.back {
    background: transparent !important;
    border: 1px solid #485764 !important; /*body--text-color*/
    border-radius: 3px !important;
    color: #485764 !important; /*body--text-color*/
    display: block;
    padding: .5em 1em !important;
}
.help input,
.help select,
.help textarea {
    clear: left;
    display: block;
}

.help label {
    float: left;
}

.icon-help {
    background: url(../images/iconos/ico-question.png) no-repeat 0 0;
    display: block;
    float: left;
    height: 15px;
    margin: 6px 0 0 5px;
    position: relative;
    text-indent: -999em;
    width: 15px;
}

.bubble-wrapper {
    display: block;
    left: 0;
    position: absolute;
    top: -10px;
}

.bubble-wrapper .bubble {
    background: #fff;
    border: 1px solid #d0d0d0;
    color: #485764; /*body-text-color*/
    display: block;
    font-size: 1em;
    font-weight: normal;
    padding: 1em;
    position: absolute;
    left: 25px;
    text-indent: 0;
    top: 0;
    width: 320px;
    z-index: 9909;
    border-radius: 3px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, .33);
    transition: .3s;
    
}

.bubble-wrapper .bubble .corner {
    background: url(../images/layout/bubble-corner-left.png) no-repeat 0 0;
    display: block;
    height: 20px;
    position: absolute;
    left: -11px;
    top: 6px;
    width: 20px;
}
input.text, 
input.cajaTexto, 
textarea {
    transition: .3s;
}
input.text:hover, 
input.cajaTexto:hover, 
textarea:hover {
    border-color: none;
}
input.text:focus, 
input.cajaTexto:focus, 
textarea:focus {
    border-color: #145b94; /*main-color*/
    box-shadow: none;
    outline: 0;
    transition: .3s;
}
.profile_help input {
    width: 18px;
    float: left;
    clear: none;
}

.profile_help select {
    float: left;
    clear: none;
}

.profile_help span.boletin {
    float: left;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-top: 5px;
    vertical-align: bottom;
}

blockquote {
    margin-left: 1em;
    margin-top: 1em;
    font-style: italic;
}

div.datePicker table th {
    background-color: transparent;
}


/* v:popup */

.rich-mpnl-panel table {
    border: 0;
}

.rich-mpnl-content {
    box-shadow: 0px 0px 36px #444;
    border-radius: 3px;
    border: 0px;
    min-width: 320px;
    overflow: auto;
    padding: 1em;
}

.rich-mpnl-shadow {
    display: none;
}

.rich-mpnl-mask-div {
    background: rgba(0, 0, 0, .2);
}

.rich-mpnl-panel table th,
.rich-mpnl-panel table td {
    border: 0;
    font-size: 1em;
    padding: 0em 0.25em;
}
.rich-mpnl-body {
    font-family: Ubuntu, sans-serif;; /*font-family*/
}
.rich-mpnl-body p {
    margin-top: 1em;
}
.rich-mpnl-panel .rich-mpnl-controls .cerrar, .closePopup {
    background: url(../images/iconos/ico-delete-7x7.png) no-repeat;
    display: block;
    filter: grayscale(1) brightness(50%);
    height: 24px;
    margin-right: 0em;
    margin-top: 0.5em;
    text-indent: -999em;
    transition: .3s;
    width: 24px;
}

.closePopup {
	position: absolute;
	top: 0;
	right: 0;
}

.rich-mpnl-panel .rich-mpnl-controls .cerrar:hover {
    background-position: inherit;
    opacity: .8;
    transition: .3s;
}

.rich-mpnl-panel .rich-mpnl-header-cell {
    padding: 0;
}

.rich-mpnl-panel .rich-mpnl-header {
    background: transparent;
    border: none;
    color: #2d3e4d; /*textColor*/
    font-size: 1.25em;
    font-weight: bold;
    padding: 0.25em;
    text-shadow: none;
}

#modal_popupcosignContentTable tr.first {
    display: none;
}

#modal_popupcosignContentDiv{
    background: #fafafa;
}

#modal_popupcosignContentTable form {
    background: white;
    border: 1px solid #eaeaea;
    margin: 0 auto;
    max-width: 320px;
    padding: 1em 2em 2.25em 2em;
}

#modal_popupcosignContentTable div {
    color: #485764;
    font-weight: bold;
}

#modal_popupcosignContentTable label {
    color: #485764;
    font-size: 14px;
}
#modal_popupcosignContentTable input.text {
    color: #485764;
    font-size: 15px;
}
/* rich:fileUpload */

.rich-fileupload-list-decor table {
    background: #E7EDF3;
}

.rich-fileupload-list-decor table td {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #E7EDF3;
}

.rich-fileupload-list-decor .rich-fileupload-table-td,
.rich-fileupload-list-decor .rich-fileupload-list-overflow table {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ccc;
}

.rich-fileupload-button,
.rich-fileupload-button-light,
.rich-fileupload-button-press {
    background: #145b94; /*main-color*/
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    padding: 0.25em 0.5em;
    width: auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
}

.rich-fileupload-ico-add {
    background-image: url(../images/iconos/ic_add_white.png) no-repeat;
}

.rich-fileupload-button-press,
.rich-fileupload-button-light {
    background: #4985b8;
}

.rich-fileupload-button-border {
    margin: 0;
    border: 0;
}
.rich-fileupload-button-content {
    color: #fff;
}
.rich-fileupload-font {
    font-family: Ubuntu, sans-serif;; /*font-family*/
    font-size: 1em;
}
.rich-fileupload-del a {
    color: #888; /*error-color*/
}
/* HR */

hr.horizontal-rule {
    background: #fff url(../images/layout/body-horizontal-separator.png) repeat-x 0 100%;
    border: 0;
    height: 2px;
    margin: 1.5em 0.5em;
}


/* Enlaces */

a {
    color: #266294;
    text-decoration: none;
}

a:focus,
a:hover {
    text-decoration: underline;
}


/* Formularios */

form {
    margin-top: 0;
}

.login .group .group .actionLogin,
input.button,
input.boton {
    background: #145b94 !important; /*main-color*/
    border: none;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    font-size: 15px;
    margin: .5em 0em 0em 0em;
    overflow: visible;
    padding: 0.66em 1.75em;
    width: auto;
    transition: background-color 0.1s linear;
    -webkit-appearance:unset;
}


.botonera a.back {
    border: 1px solid #485764;
    border-radius: 3px;
    color: #485764;
    padding: .5em 1em;
    margin-left: 1em;
    float: left;
}
.botonera a.back:hover {
    color: white;
}
#nuevaPeticion .botonera .boton,
#nuevaPeticion .botonera .back.espere {
    float: left;
    margin-top: .25em;
}
#nuevaPeticion .botonera a.back:hover {
    color: white;
}
input.boton.addFilter {
    background: transparent !important;
    color: #145b94;
    display: block;
    font-weight: normal;
    padding: 1em;
    position: relative;
    top: 2.5em;
}
#busquedaAvanzada_formularioBusqueda input.addFilter {
    background: #145b94 !important;
    color: white;
    padding: .65em 1em;
    top: 1.5em;
    left: 1em;
}
#busquedaAvanzada_formularioBusqueda input.addFilter:hover {
    background: #104068 !important;
    text-decoration: none;
}
input.boton.addFilter:hover {
    background: none !important;
    color: #104068;
    text-decoration: underline;
}
.login .group input.boton {
    margin-top: 0;
}
.login .group .pass-text + .group input.boton:hover {
    margin-top: 0;
}
.login .group .group input.button:hover,
.login .group .group input.boton:hover {
    background: #104068 !important; /*dark-color*/
    color: white;
    margin-top: .5em;
    transition: .3s;
}

input.button:focus,
input.boton:focus,
input.button:hover,
input.boton:hover {
    background: #104068 !important; /*dark-color*/
    color: #fff;
    transition: .3s;
}

input.approval:hover {
    background: #104068 !important;
}

input.button-disabled,
input.button-disabled:focus,
input.button-disabled:hover {
    background-color: #e0e1e2 !important;
    color: #969696 !important;
    cursor: normal !important;
    border-color: #a9aaaa !important;
    text-shadow: none !important;
    transition: .3s !important;
}

input.text,
input.cajaTexto,
textarea, select {
    border-radius: 0;
    padding: .66em .5em;
    transition: border-color 0.1s linear;
}
input.text, 
input.cajaTexto,
select {
    max-height: 42px;
    padding: .33em .5em .33em .5em;
}
input.text:focus,
input.cajaTexto:focus,
textarea:focus {
    border-color: #145b94; /*main-color*/
}

input.format-d-m-y {
    width: 7.5em;
}

input.boolean {
    border: 0;
    width: auto;
}

.no-label label {
    display: none;
}

.no-fieldset 
{
    border: 0;
    margin: 0;
    padding: 0;
}

.no-fieldset fieldset legend {
    display: none;
}

fieldset legend {
    color: #2d3e4d; /*textColor*/
}

/* Forms Redaccion */

form.nuevaPeticion {}


form.nuevaPeticion div.tipoRedaccion {
    float: right;
    font-weight: bold;
    width: 25%;
    text-align: right;
}

form.nuevaPeticion div.tipoRedaccion a {
	margin-top: 7px;
}

.composeOptions {
	display: inline-block;
    width: 100%;
}

form.nuevaPeticion div.dropdown-compose {
    float: left;
    width: 65%;
}

#senderCombo_wrapper {
	width: 100%;
	float: left;
}

form.nuevaPeticion p.tipoRedaccion {
    float: right;
    font-weight: bold;
    margin-top: -.66em;
}

form.nuevaPeticion .tipoRedaccion a {
    display: inline-block;
    padding-right: 0px;
    text-decoration: none;
}

/* Forms Big */

form.big .horizontal-rule {
    background: url(../images/layout/body-horizontal-separator.png) repeat-x 0 100%;
    margin: 0;
    padding-bottom: 1.5em;
}

form.big .horizontal-rule-top {
    background: none;
    margin: 1em 0.5em 0.5em 0em;
    padding-top: .5em;
}

form.big div.margen {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

form.big label,
form.big h5 {
    color: #2d3e4d; /*textColor*/
    font-size: 1em;
    font-variant: normal;
    font-weight: bold;
    font-style: normal;
    line-height: 2em;
    margin-bottom: 0;
}

form.big input.text,
form.big input.cajaTexto,
form.big textarea {
    color: #2d3e4d; /*textColor*/
    font-size: 1em;
    opacity: .87;
    padding: 0.55em 0.33em;
    width: 100%;
}

form.big input.button,
form.big input.boton {
    font-size: 14px;
    margin-right: 1em;
    padding: 0.66em 2em;
    margin-top: 0.5em;
    transition: .3s;
}
.verifirma input.boton:hover {
    background: #104068 !important;
    color: white;
}
form.big input.boton.add-metadata {
    background: transparent !important;
    border: 1px solid #145b94;
    color: #145b94;
    width: auto;
}
form.big input.boton.add-metadata:hover,
form.big .attach-document:hover,
form.big .attach-corporate-repo:hover,
form.big .attach-personal-repo:hover {
    background: #145b94 !important;
    border-radius: 3px;
    color: white;
}
form.big input.button.reject {
    background: url(../images/iconos/ic_trash_gray.png) no-repeat 5px center !important;
    color: #485764; /*body--text-color*/
    float: right;
}

form.big .attach-document,
form.big .attach-corporate-repo,
form.big .attach-personal-repo,
a.reset {
    border: 1px solid #145b94; /*main-color*/
    border-radius: 3px;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0;
    padding: .5em 1em;
    text-decoration: none;
}
a.reset {
    border: 1px solid #145b94 !important; /*main-color*/
}
a.reset:hover {
    background: #145b94;
    color: white;
}
form.big .attach-corporate-repo,
form.big .attach-personal-repo {
    padding-left: 28px;
}

#nuevaPeticion .selectTemplate {
	border: 1px solid #145b94;
	border-radius: 3px;
	color: #145b94;
	display: inline-block;
	padding: .5em 1em .5em .66em;
}

form.big .attach-document.loading,
form.big .attach-file.loading,
form.formOtpSms .verifySms.button-loading {
  padding-right: 30px !important;
  position: relative;
    transition: .5s;
}


form.big .attach-document.loading:after,
form.big .attach-file.loading:after {
    background: url(../images/ajax/loading-pequeno.gif) no-repeat 50% 50%;
    content: "";
    position: absolute;
    top: 10px;
    right: 5px;
    height: 16px;
    width: 16px;
}

form.formOtpSms .verifySms.button-loading {
    background-image: url(../images/iconos/spinner-blue.gif) !important;
    background-repeat: no-repeat !important;
    background-position: 80px center !important;
}

form.big .attach-document {
    background: url(../images/iconos/document-attach-20x16.png) no-repeat 4px 50%;
    background-image: none;
}

form.big .attach-corporate-repo {
    background: url(../images/iconos/repository-corporative.png) no-repeat 0 50%;
}

form.big .attach-personal-repo {
    background: url(../images/iconos/repository-personal.png) no-repeat 0 50%;
}

fieldset.buscador {
    background: whitesmoke;
    border-radius: 3px;
    border: none;
    margin: 0;
    max-width: 768px;
    min-width: 320px;
    padding: 1.5em 1em;
    width: 100%;
}
fieldset.buscador input.cajaTexto[type="text"] {
    background: white !important;
    margin-top: .0em;
    padding: .5em;
}
fieldset.buscador input:last-of-type {
    background: none !important;
    color: #145b94; /*main-color*/
    padding-left: .5em;
}
fieldset.buscador input {
    margin: 0em 1em 0em 0em;
    padding: .5em 1em;
}
#formDelegation fieldset {
    border: none;
}
#formDelegation fieldset legend {
    display: none;
}
#items {
    margin-top: 1.25em;
}
#items .listado tfoot div,
.listado.TR_FILTER tfoot div {
    margin-top: 2em;
}
/* Tablas */

table.listado {
    border: 0;
}

table.listado thead th {
    background: transparent;
    border: 0;
    color: #666;
    padding: 0;
}

table.listado td {
    border: 0;
    padding: 0;
}

table.listado tfoot td {
    background: transparent;
    border: 0;
    padding: 0;
}

table.listado {
    border: none;
    margin: .5em 0em 0.5em 0em;
}
table.listado td.last {
    padding: 0;
}
table.listado td.last .wrapper a {
    margin-left: 0;
}
table.listado tfoot td {
    background: transparent;
    border: none;
    padding: 0em;
}
table.listado.TR_ENTITY th {
    padding: .5em 0em .5em 0em;
}
table.listado.TR_ENTITY td {
    padding: 0em 0em .5em 0em;
}
table.listado.TR_SIGN_POLICY tfoot td {
    padding: .5em;
}
table.listado tfoot td a,
table.listado tfoot td input {
    border: 0;
    color: #266294;
    float: none;
    font-size: 1em;
    font-weight: bold;
    margin: 0 1em 0 0;
    padding: 0;
}

table.listado tfoot td a.delete,
table.listado tfoot td .eliminarSeleccionados {
    background: none;
    border:1px solid #888; /*error-color*/
    color: #888; /*error-color*/
    float: right;
    font-weight: normal;
    padding: .5em 1em;
}

table.listado tfoot td a.add,
table.listado tfoot td a.anyadir,
table.listado tfoot td a.assign {
    background: #145b94 !important; /*main-color*/
    border-radius: 3px;
    border: 1px solid #145b94;
    color: white;
    float: left;
    font-size: 15px;
    font-weight: normal;
    margin: .5em .75em 0em 0em;
    padding: .5em 1em;
    transition: .3s;
}
table.listado tfoot td a.import:hover,
table.listado tfoot td a.exportxls:hover,
table.listado .xls.listado.TR_AUDIT:hover {
    background-color: #145b94;
    color: #fff; /*darkColor*/
    text-decoration: none;
}
table.listado tfoot td a.anyadir:hover,
table.listado tfoot td a.assign:hover {
    background: #104068 !important; /*darkColor*/
    color: white;
    text-decoration: none;
    transition: .3s;
}
table.listado.TR_FILTER {
	margin-top: 1.5em;
}

table.listado.TR_FILTER td {
	padding: .5em 0;
}
p.volver a {
    border: 1px solid #485764;
    border-radius: 3px;
    color: #485764;
    padding: .5em 1em;
    transition: .3s;
}
p.volver a:hover {
    text-decoration: none;
    transition: .3s;
}
.back {
    border: 1px solid #485764;
    border-radius: 3px;
    float: left;
    color: #485764;
    margin-top: 1em;
    padding: .5em 1em;
    transition: .3s;
}
.back:hover {
    background: #485764;
    color: white;
    text-decoration: none;
    text-transform: none;
    transition: .3s;
}
table.listado tfoot td a:focus, table.listado tfoot td a:hover {
    background-color: #104068; /*darkColor*/
    text-decoration: none;
    transition: .3s;
}
table.listado tfoot td a.add, 
table.listado tfoot td a.anyadir, 
table.listado tfoot td a.exportxls,
table.listado tfoot td a.import,
table.listado .xls.listado.TR_AUDIT {
    background: none;
    background-position: 6px center;
    border: 1px solid #145b94;
    border-radius: 3px;
    font-weight: normal;
    padding: .5em 1em .5em 1em;
    transition: .3s;
}     
table.listado tfoot td a.import,
table.listado tfoot td a.exportxls,
table.listado .xls.listado.TR_AUDIT {
    float: right;
    margin-right: 0;
}
table.listado tfoot td a.import {
    margin-right: .75em;
}
table.listado tfoot td a.anyadir {
    float: left;
}
table.listado td {
    background: transparent;
    border: 0;
    color: #2d3e4d; /*textColor*/
    padding: 0.5em 0em;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
}
table.listado td.first {
    padding: 0;
}
table.serverSignTable.listado td.first {
    padding: .5em 0 .25em 0;
}
table.listado td.acciones a {
    opacity: .7;
    transition: .3s;
}
table.listado td.acciones a:hover {
    opacity: 1;
    transition: .3s;
}
table.listado td span {
    font-size: 14px;
    color: #485764; /*body-text-color*/
}
table.listado .par td {
    background: #fff;
}

table.listado tbody tr.hover td,
table.listado tbody tr:hover td {
    background: transparent;
    color: #2d3e4d; /*textColor*/
}

table.listado thead th {
    background: #145b94; /*main-color*/
    border: 0;
    border-bottom: 1px solid #266294;
    border-top: 1px solid #266294;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    padding: 0.5em 1em;
}

table.listado thead th.first,
table.listado thead th,
table.listado thead th.last{
    background: transparent !important;
    color: #2d3e4d; /*textColor*/
    border: none;
    padding: 0;
}

.tableContent thead tr th a,
.tableContent thead tr th a:link,
.tableContent thead tr th a:visited,
.tableContent thead tr th a:active,
.tableContent thead tr th span,
table.listado thead tr th a:link,
table.listado thead tr th a:visited,
table.listado thead tr th a:active,
table.listado thead tr th span {
    color: #2d3e4d; /*textColor*/
    font-weight: bold;
    padding-left: 0;
    text-decoration: none;
    text-shadow: none;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: .4;
    transition: .3s;
    display: initial;
}

.tableContainer table thead th a.current,
table.listado thead tr th a.current,
table.listado thead tr th a.current:link,
.tableContent thead tr th a.current,
.tableContent thead tr th a.current:link {
    opacity: 1;
}

table.listado thead tr th a:link {
    padding: 0;
}

table.listado thead tr th a:focus,
table.listado thead tr th a:hover {
    text-decoration: underline;
}

.adminTable table td.last a {
    display: block;
    float: left;
    margin-left: 0.4em;
    border: 0;
    background: url(../images/iconos/editar.gif) no-repeat 0 0;
    height: 20px;
    margin-bottom: -0.5em;
    text-indent: -9999px;
    width: 20px;
    outline: none;
}


/* Iconos */
.adminTable table td.last a,
table.listado td .wrapper a {
    overflow: hidden;
}

.tableContainer a.ver,
table.listado td .wrapper a.ver,
.adminTable table td a.ver {
    background-image: url(../images/iconos/ver.png);
    background-position: center 2px;
}
table.listado td .wrapper a.view {
    background-image: url(../images/iconos/ico-zoom-16x16.png);
    width: 20px;
}

.tableContainer a.editar,
table.listado td .wrapper a.edit,
table.listado td .wrapper a.editar,
.adminTable table td a.editar,
.adminTable table td a.edit {
    background: url(../images/iconos/ic_pencil.png) no-repeat center -6px;
    /*! background-size: 24px; */
    margin-left: 0;
    width: 24px;
    height: 24px;
}

table.listado td .wrapper a.editar-usuarios {
	background-image: url(../images/iconos/ico-user-16x16.png);
	width: 20px;
}

.tableContainer a.tick,
table.listado td .wrapper a.tick,
table.listado td .wrapper a.tick,
.adminTable table td a.tick,
.adminTable table td a.tick {
    background-image: url(../images/iconos/tick-16x16.png);
    width: 20px;
}

.tableContainer a.firmar,
table.listado td .wrapper a.firmar {
    background-image: url(../images/iconos/ico-firmar-16x16.png);
    width: 20px;
}

table.listado td .wrapper input.firmar {
    overflow: hidden;
    background-repeat: no-repeat;
    background-color: white;
    border: none;
    background-image: url(../images/iconos/ico-firmar-16x16.png);
    width: 20px;
    text-indent: -9999px;
    cursor: pointer;
}

.tableContainer a.descargar,
table.listado td .wrapper a.descargar {
    background-image: url(../images/iconos/ico-descargar-16x16.png);
    width: 20px;
}

.tableContainer a.delete,
.tableContainer a.eliminar,
table.listado td .wrapper a.delete,
table.listado td .wrapper a.eliminar,
.adminTable table td a.delete,
.adminTable table td a.eliminar  {
    background-image: url(../images/iconos/ico-delete-7x7.png);
    background-position: center 3px;
    background-size: 14px;
    height: 24px;
    width: 24px;
}

.tableContainer a.delete:hover,
.tableContainer a.eliminar:hover,
table.listado td .wrapper a.delete:hover,
table.listado td .wrapper a.eliminar:hover {
    background-position: 50% 3px;
}

/* Paginador */

.paginacionRegistros {
    display: none;
}

ul.paginacion {
    font-size: 1em;
    margin: 1em 0 0 0;
    overflow: hidden;
    padding: 0.25em;
    text-align: center;
}

ul.paginacion li {
    display: inline;
    list-style-type: none;
    margin: 0 0.5em;
    padding: 0;
    text-transform: lowercase;
}

ul.paginacion li a {
    background: transparent;
    border: 1px solid #d0d0d0;
    font-weight: normal;
    padding: 0.25em 0.5em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition-property: background-color, border-color, color;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: linear;
}

ul.paginacion li a:focus,
ul.paginacion li a:hover,
ul.paginacion li.primero a:focus,
ul.paginacion li.primero a:hover,
ul.paginacion li.anterior a:focus,
ul.paginacion li.anterior a:hover,
ul.paginacion li.siguiente a:focus,
ul.paginacion li.siguiente a:hover,
ul.paginacion li.ultimo a:focus,
ul.paginacion li.ultimo a:hover {
    background: #e9e9e9;
    color: #145b94; /*main-color*/
    border-color: transparent;
    text-decoration: none;
    transition: .3s;
}

ul.paginacion li.primero a,
ul.paginacion li.anterior a,
ul.paginacion li.siguiente a,
ul.paginacion li.ultimo a,
ul.paginacion .actual {
    background: none;
    font-size: 1em;
    font-weight: normal;
    padding: 0.25em 0.5em;
}

ul.paginacion li a.actual {
    background: #145b94; /*main-color*/
    border: 0;
    border-radius: 3px;
    color: #fff;
    font-weight: normal;
    padding: 0.25em 0.5em;
}

/* columnToggle */

.column-bar {
    background: url(../images/layout/column-toggle-bg.png) no-repeat -18px 50%;
    font-size: 1px;
}

.column-bar:hover {
    background-position: -27px 50%;
}

.column-toggle-active {
    background-position: 0 50%;
}

.column-toggle-active:hover {
    background-position: -9px 50%;
}


/* Messages */

div.messages-login .rich-messages dt {
    width: 73%;
}

.rich-messages {
    border: 0;
    overflow: hidden;
    margin: 1em 0em 0em 0em;
}
.rich-messages dt {
    float: left;
    display: block;
    margin: 0 auto;
    width: 100%;
}
.rich-messages-label {
    font-weight: normal;
}
.rich-messagesError,
.rich-messagesWarn,
.rich-messagesInfo,
.sinResultados,
.http-error {
    background: url(../images/iconos/warning-48x48.png) no-repeat 10px 50%;
    border: 1px solid #E2E465;
    border-radius: 0px;
    font-weight: bold;
    padding: 2em;
    margin: 0 auto;
    text-shadow: none;
    width: 100%;
}
.rich-messagesError {
    background-image: none;
    background-color: #FFF1F0;
    border: none;
    border-color: #F7B6AF;
    border-left: 3px solid;
    color: #951B0D;
    font-size: 14px;
    margin-bottom: 1em;
    padding: 1em;
}
.login .rich-messagesError {
    background-image: none;
    border: none;
    border-radius: 0;
    border-left: 3px solid;
    left: 0;
    padding: 1em 0em;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}

.login.public .rich-messagesError {
	margin-bottom: 1em;
}

.login .rich-messagesError ul {
    margin: 0;
}
.login .rich-messagesError li {
    list-style: none;
}
.rich-messagesInfo {
    background: #EFF8E3 url("../images/iconos/info-16x16.png") no-repeat .5em 1.45em;
    background-image: none;
    border-color: #4CB72533;
    border-left: 3px solid #4CB725;
    border-radius: 0px;
    color: #4CB725;
    float: left;
    margin: 1em 0em 0em 0em;
    padding: 1em;
    text-align: left;
}

.rich-messagesWarn ul,                    
.rich-messagesInfo ul {
    margin: 0;
}

.rich-messagesWarn,
.sinResultados,
.http-error {
    background: #FFF1D0 url("../images/iconos/info-16x16.png") no-repeat .5em 1.45em;
    background-image: none;
    border-color: #4f6b314;
    border-left: 3px solid #f6b314;
    border-radius: 0px;
    color: #fa9d01;
    font-weight: normal;
    margin: 1em 0em;
    padding: 1em;
}

.sinResultados + .tabla th {
    display: none;
}
.rich-modalpanel .sinResultados + .tabla {
    display: none;
}
#modal_popupRechazoContentTable fieldset {
    border: 0;
    margin-top: 0;
    padding: 0;
}
#modal_popupRechazoContentTable fieldset legend {
    display: none;
}
.infoMensaje {
    background: #EFF8E3 url(../images/iconos/tick-16x16.png) no-repeat 6px 1.2em;
    border: 1px solid #8FCD3E;
    color: #1D2E05;
    margin-top: 1.5em;
    padding: 0.2em 0.25em 0.2em 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.infoMensaje p,
.infoMensaje blockquote {
    margin: 1em 0;
}

.avisoMensaje {
    background: #FFF1D0 url(../images/iconos/warning-16x16.png) no-repeat 6px 1.2em;
    border-left: 4px solid #fa9d01;
    border-radius: 0;
    color: #fa9d01;
    margin-top: .75em;
    padding: 0.2em 0.25em 0.2em 30px;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
    left: 0;
    
}

body.verifirma .avisoMensaje p,
.avisoMensaje p,
.avisoMensaje blockquote {
    color: #fa9d01;
    margin: 1em 0;
}
.addressees + .avisoMensaje {
    float: left;
    margin-top: 0;
    margin-bottom: 1em;
    width: 100%
}
.info {
    background: #EAF5FF url("../images/iconos/info-16x16.png") no-repeat .5em 1.45em;
    border: 1px solid #c4ddf2;
    border-left: 3px solid #145b94; /*main-color*/
    border-radius: 0px;
    color: #145b94; /*main-color*/
    font-weight: normal;
    margin-top: 1.5em;
    max-width: 768px;
    padding: 1em 0.25em 1em 33px;
}

.info p {
    margin: 0;
}

.http-error {
    position: absolute;
    left: 0;
    margin: 0;
    text-align: center;
    top: 0;
    min-width: 100%;
    padding: 1em 2em;
    width: 100%;
}
.http-error p,
.http-error ul {
    margin: 0;
}
.http-error a {
    color: #816628;
    text-decoration: underline;
}

.errorIE {
    background: #FFF1D0 url(../images/iconos/error-ie-85x85.gif) no-repeat 50% 10px;
    padding: 100px 1.5em 2em 1.5em;
}

#contenidoMensaje {
    background: transparent;
}
.messagesList {
    float: left;
    padding: 0.75em 1.66em;
    width: 100%;
}
.nuevaPeticion,
#body .main .container.admin {
    padding: 2em;
}
.container.admin .botonera {
    margin: 1.25em 0em 0em 0em;
}
.container.admin .botonera input,
.container.admin .botonera a {
    border: 1px solid #145b94;
    float: left;
    padding: .66em 1.5em;
}
.container.admin .botonera a.back {
    border: 1px solid #485764;
    padding: .4em 1.25em;
    margin-top: .5em;
}
.container.admin .botonera a.xls:hover {
    background: #145b94;
    border-radius: 3px;
    color: white;
    text-decoration: none;
    transition: .3s;
}
.container.admin .botonera a.eliminarAuditoria {
    border: 1px solid #485764;
    float: right;
}
.container.admin .botonera a.eliminarAuditoria:hover {
    background: #485764;
    color: white;
}
.container.admin .botonera a.back:hover {
    color: white;
}
.container.admin .botonera .boton-preview {
    background: white !important;
    border: 1px solid #145b94;
    color: #145b94;
    margin-left: 1em;
}
.container.admin .botonera .boton-preview:hover {
    background: #145b94 !important;
    color: white;
}
.container.admin .mensajes.sinResultados {
    float: left;
}
.container.admin form#formStamp .disabled {
    opacity: .5;
}
body div#wrapper div.group form#nuevaPeticion {
    margin-top: 1.5em !important;
}

/* Resoluciones grandes */
@media screen and (min-width: 1400px) {
    #contenidoMensaje {
        float: left;
        max-width: 1400px;
        width: 100%;
    }
    
    .mailbox,
    #body .main #inboxOptions form {
        float: left;
        margin-top: 0em;
        max-width: 1400px;
        /*! width: 100%; */
    }
}
.dropdown.dropdown-main-menu .moreOptions {
    color: #2d3e4d; /*textColor*/
    font-size: 13px;
    float: right;
    margin-top: -1.25em;
    position: relative;
    display: block;
}
.dropdown.dropdown-main-menu .moreOptions:hover,
.dropdown.dropdown-main-menu .moreOptions:focus {
    cursor: pointer;
    outline: 0;
    text-decoration: none;
}
.dropdown.dropdown-main-menu .dropdown-menu form p {
    margin: 0;
}
.dropdown.dropdown-main-menu .dropdown-menu form p > * {
    background: transparent !important;
    border: 0;
    color: #2d3e4d; /*textColor*/
    display: block;
    float: none;
    font-weight: normal;
    margin: 0;
    padding: .66em 1.33em;
    text-align: left;
    text-decoration: none;
    transition: .3s;
    width: 100%;
}
.dropdown.dropdown-main-menu .dropdown-menu form p > *:hover {
    background: #f0f0f0 !important;
    cursor: pointer;
    opacity: .9;
    transition: .3s;
}
#contenidoMensaje .requestInfo {
    float: left;
    width: 100%;
}
#contenidoMensaje .sendInfo {
    float: left;
    width: 100%;
    font-size: 13px;
}
#contenidoMensaje #detallePeticion {
    float: left;
    width: 100%;
}
#contenidoMensaje #detallePeticion h3 {
    font-size: 24px;
    line-height: 1.2;
    margin: 0;
    opacity: 1;
    width: 80%;
    font-weight: bold;
    float: left;
    word-break: break-all;
}
#listadoRefrescable .contenidoMensaje {
    border-bottom: 1px solid #d0d0d0;
    border-radius: 3px;
}
.message {
    padding: 1em 0em;
}
.message .sender,
.message .addressees{
    float: left;
    
}
.message-body,
.message .documentOptions {
    width: 100%;
    float: left;
}
.message .sender {
    margin: 0;
    opacity: .66;
    padding: 0;
}
.message .sendDate {
    color: #2d3e4d; /*textColor*/
    float: left;
    margin: 0 0em 0em 1em;
    opacity: .66;
}
.verifirma .sendDate {
    font-size: 12px;
    margin-left: 0;
}

.message .expirationDate {
    background: #FFE5E5;
    color: #DE0C0C;
    display: inline-block;
    float: left;
    margin: 0 0 0 1em;
    padding: 0 .33em;
}

.message .documentOptions .downloadAllContainer,
.message .documentOptions .addAnnexContainer {
    float: left;
    width: 50%;
}
.message .meta {
    color: #485764; /*body-text-color*/
    font-size: 0.95em;
    margin: 0em;
    text-align: right; 
    width: 100%;
}
.addMetadataContainer {
  background: whitesmoke;
  border-radius: 3px;
  padding: 1em 2em;
  width: 50%;
}
.addMetadataContainer .boton {
  width: auto;
}
.message .date {
    color: #485764; /*body-text-color*/
    /*! float: right; */
    font-size: 1em;
    font-weight: normal;
}

.message .tipoAcceso,
.message .userPass,
.message .fechaCad {
    margin-left: 1em;
    padding-left: 13px;
}

.message .tipoAcceso {
    background: #eaeaea;
    border-radius: 14px;
    color: #485764; /*body-text-color*/
    float: right;
    font-size: 12px;
    padding: .25em .75em;
    margin-left: 0;
}

.message .userPass {
    background: url(../images/iconos/ico-message-user.png) no-repeat 0 50%;
}

.message .fechaCad {
    background: url(../images/iconos/ico-message-data.png) no-repeat 0 50%;
}
.message .addressees {
    width: 100%;
}
.message .addressees h6 {
    border: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin: 1em 0em 0em 0em;
}
.message .from {
    background: none;
    margin: 0em;
    float: left;
    font-size: 14px;
    padding: .5em 0em;
    width: 100%;
}

.message .from li {
    background: none;
}

.message .from li.group {
    border-left: 6px solid #BED4E6;
    padding-left: 0.5em;
}

.message .from li.group-or {
    border-left: 6px solid #abdaac;
}

.message .from li.grupo- {
	border-left: none;
}

.message .from li div {
    padding: 0.5em 90px 0.5em 95px;
    position: relative;
}

.message .from li.indent div,
.message .from li.indent-1 div,
.message .from li.indent-2 div,
.message .from li.indent-3 div,
.message .from li.indent-4 div,
.message .from li.indent-5 div,
.message .from li.indent-6 div,
.message .from li.indent-7 div,
.message .from li.indent-8 div {
    background: url(../images/layout/tree-line.png) no-repeat 0 0.5em;
    padding-left: 105px;
}

.message .from li.indent .status,
.message .from li.indent-1 .status,
.message .from li.indent-2 .status,
.message .from li.indent-3 .status,
.message .from li.indent-4 .status,
.message .from li.indent-5 .status,
.message .from li.indent-6 .status,
.message .from li.indent-7 .status,
.message .from li.indent-8 .status {
    left: 10px;
}

.message .from li.indent {}

.message .from li.indent-1 {
    margin-left: 5px;
}

.message .from li.indent-2 {
    margin-left: 15px;
}

.message .from li.indent-3 {
    margin-left: 25px;
}

.message .from li.indent-4 {
    margin-left: 35px;
}

.message .from li.indent-5 {
    margin-left: 45px;
}

.message .from li.indent-6 {
    margin-left: 55px;
}

.message .from li.indent-7 {
    margin-left: 65px;
}

.message .from li.indent-8 {
    margin-left: 75px;
}

.message .from li.indent-9 {
    margin-left: 85px;
}

.message .from li.indent-10 {
    margin-left: 95px;
}

.message .from li.indent-11 {
    margin-left: 105px;
}

.message .from li.indent-12 {
    margin-left: 115px;
}

.message .from li.indent-13 {
    margin-left: 125px;
}

.message .from li.indent-14 {
    margin-left: 135px;
}

.message .from li.indent-15 {
    margin-left: 145px;
}

.message .from li .user {
    color: #485764;
    font-weight: normal;
    margin-right: 0em;
}

.message .from li .date {
    color: #485764; /*body-text-color*/
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    right: 0;
    position: absolute;
    top: 0.5em;
}

.message .from li .status {
    background: url(../images/iconos/ico-message-14x14.png) no-repeat scroll 0 50%;
    font-size: 13px;
    position: absolute;
    left: 0;
    padding-left: 20px;
    top: 6px;
}

.message .from li .NUEVO {
    background-image: url(../images/iconos/ico-nuevo.png);
    color: #000;
}

.message .from li .LEIDO {
    background-image: url(../images/iconos/ico-leido.png);
    color: #999;
}

.message .from li .ENESPERA {
    background-image: url(../images/iconos/ico-enespera.png);
    color: #266294;
}

.message .from li .FIRMADO {
    background-image: url(../images/iconos/ico-firmado.png);
    color: #f59600;
}

.message .from li .VISTOBUENO {
    background-image: url(../images/iconos/ico-vistobueno.png);
    color: #368f40;
}

.message .from li .DEVUELTO {
    background-image: url(../images/iconos/ico-devuelto.png);
    color: #d42215;
}
.message-body p {
    color: #485764; /*body-text-color*/
    margin: .5em 0em 1em 0em;
    float: left;
    overflow: hidden;
    word-break: break-all;
}
.message .permalink {}

.message .permalink a {
    background: url(../images/iconos/ico-chain.png) no-repeat 0 50%;
    font-weight: bold;
    padding-left: 25px;
    text-decoration: underline;
}

.message .comments-tool {
    clear: both;
    margin: 0.5em 0 0 0;
    padding: 0;
}

.message .comments-tool li {
    float: left;
    list-style-type: none;
    margin-right: 1em;
}

.message .comments-tool li a {
    display: block;
    padding-left: 20px;
    text-decoration: none;
}

.message .comments-tool li a#numComentarios {
    padding-left: 0px;
    margin-left: -10px;
}

.message a.download-all,
.message a.attach-annex {
    border: 0;
    border-radius: 3px;
    color: #145b94;
    float: left;
    margin-top: .75em;
    padding: .5em 1em .5em 0px;
    text-decoration: underline;
    transition: .3s;
}

.verifirma a.download-all {
    background-color: #145b94;
    background-image: none;
    color: white;
    margin-top: 2em;
    padding: .66em 1em;
    text-decoration: none;
}

.verifirma a.download-all:hover {
    background-color: #104068;
    opacity: 1 !important;
}

#detallePeticion .download-all,
#detallePeticion .attach-annex {
  border: 1px solid #145b94;
  padding-left: 2em;
  text-decoration: none;
  transition: .3s;
}

#detallePeticion .download-all:hover,
#detallePeticion .attach-annex:hover {
  background: #145b94;
  color: white;
  transition: .3s;
  text-decoration: none;
}

#detallePeticion a.download-all {
    background: white url(../images/iconos/download-all.png) no-repeat 8px center;
}
.message a.attach-annex {
    background: white url(../images/iconos/ic_attach.png) no-repeat 8px center;
}

.message a.download-all:hover,
.message a.attach-annex:hover {
    opacity: .5;
    transition: .3s;
}
#detallePeticion a.download-all:hover {
    background-image: url(../images/iconos/download-all-hover.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    opacity: 1;
}
#detallePeticion a.attach-annex:hover {
    background-image: url(../images/iconos/ic_attach_hover.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    transition: .3s;
    opacity: 1;
}
.message .comments-tool li a.attach-annex {
    background: url(../images/iconos/attach-annex.png) no-repeat 0 50%;
}

.message .comments-tool li a.attach-annex.loading {
  padding-right: 30px;
  position: relative;
}
.message .comments-tool li a.attach-annex.loading:after {
  background: url(../images/ajax/loading-pequeno.gif) no-repeat 50% 50%;
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  height: 16px;
  width: 16px;
}


/* Adjuntos (attached) */

.attached {
    
}
.attached li {
    list-style-type: none;
    font-size: 1em;
    margin-bottom: 0em;
    padding-right: 14px;
    position: relative;
}
.attached li span.link {
    color: #555;
    display: block;
    font-size: 0.9em;
    margin-right: 1em;
    padding-left: 25px;
    word-wrap: break-word;
    text-transform: underline;
}
.attached li .file {
    background: url(../images/iconos/ico-clip-16x16.png) no-repeat 1px 0.15em;
    color: #145b94;
    display: inline-block;
    float: left;
    font-weight: normal;
    max-width: 85%;
    text-decoration: underline;
}

.verifirma .attached li .file {
    margin-right: 0;
}

.attached li .document {
    /*background: url(../images/iconos/document-attach-20x16.png) no-repeat 0 0.15em;*/
    background: none;
    color: #145b94;
    float: left;
    font-weight: normal;
    padding-left: 0;
    padding: .25em 0em;
}
.attached li a.delete,
.attached li a.view {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 1px;
}
.attached li a.view {
    right: 5px;
    top: 3px;
}
/* Mailbox */
.mailbox {
    float: left;
    width: 100%;
}
.mailbox > form.group {
    float: right; 
    margin-top: 0em !important; 
    width: 25%;
}



.mailbox .tools {
    float: left;
    margin: -0.5em 0 0 0;
    padding: 0 0 1em 0.5em;
    width: 45%;
}

.mailbox .paginacion {
    font-weight: normal;
    margin: 1em 0em;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
}

div#mailbox ul.paginacion li {
    color: #485764;
    font-size: 14px;
    margin: 0 0.2em;
    text-transform: capitalize;
}
div#mailbox ul.paginacion li.anterior + li {
    margin: 0em 1em;
}
.mailbox ul.paginacion li.primero a,
ul.paginacion li.anterior a,
ul.paginacion li.siguiente a,
ul.paginacion li.ultimo a {
    font-weight: normal;
}

.tableContainer table,
.mailbox table {
    border: 0;
    margin-bottom: 0;
}

.mailbox table th input.boolean,
.mailbox table td input.boolean {
    margin: 1em 0em 0em 0em;
    position:initial;
    margin-left: -5px;
}
.mailbox table th input.boolean {
    margin-left: -1px;
    left: 0;
    top: 0;
}
.mailbox table thead th {
    background: none;
    border: 0;
    color: #2d3e4d; /*textColor*/
    font-size: 15px;
    padding: 0em .15em .5em 0em;
}

.mailbox table thead th:first-child {
    max-width: 10px;
}

.mailbox table thead th a,
.mailbox table thead th span {
	text-decoration: none;
}

.tablaBorradores table thead th a,
.tablaBorradores table thead th span,
.mailbox table thead th a,
.mailbox table thead th span,
#formUser table thead th a,
#formUser table thead th span,
.tableContainer table thead th a,
.tableContainer table thead th span {
    color: #2d3e4d; /*textColor*/
    text-shadow: none;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: .4;
	transition: .3s;
	display: initial;
}

.mailbox table thead th a:hover {
	opacity: 1;
	transition: .3s;
	text-decoration: none;
}


.mailbox table thead th a.current,
#formUser table thead th a.ascendente,
#formUser table thead th a.descendente {
	opacity: 1;
} 

.mailbox table thead th.last {
    padding-right: 2.5em;
    text-align: left;
}




.mailbox table tbody td a.delete img {
    display: none;
}

.tablaBorradores table tbody td a.delete img {
    display: block;
}

.mailbox table tbody td a.delete {
    background: url(../images/iconos/ico-delete-7x7.png) no-repeat center;
    padding: 1em 0em;
    position: relative;
    top: 8px;
}

.notificationsContainer table tbody td a.trash {
    background: url(../images/iconos/ic_trash.png) no-repeat center;
}

.tablaBorradores table tbody td a.delete {
    background: none;
    padding: 0em;
    position: relative;
    top: 0px;
}

.mailbox table tbody td a.delete:hover {
    cursor: pointer;
    opacity: .75;
}
.mailbox input[title="Eliminar seleccionados"] {
    background:  #F24F35 !important;
}

.tablaBorradores input[title="Eliminar seleccionados"] {
    background:  #145b94 !important;
}
.mailbox table tbody td a:focus,
.mailbox table tbody td a:hover {
    color: #444;
    text-decoration: none;
}

.mailbox table tbody td .holder {
    background: url(../images/layout/mailbox-holder-bg.png) no-repeat 0 0;
    cursor: move;
    display: block;
    float: left;
    height: 10px;
    width: 7px;
}

.mailbox table tbody td.first {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.mailbox table tbody td.last {}

.mailbox table tbody td.fecha {
    font-size: 12px;
    text-align: left;
    padding-right: 2em;
}

.mailbox table tbody .odd td {
    background-color: transparent;
}

.mailbox table tbody .unread td,
.mailbox table tbody .unread td a {
    color: #2d3e4d;
    font-weight: bold;
}

.mailbox table tbody .hover td a,
.mailbox table tbody .hover td {
    background-color: #eef4f9;
    color: #2d3e4d; /*textColor*/
    text-decoration: none;
}

.mailbox table tbody .seleccionado td a,
.mailbox table tbody .seleccionado td {
    background-color: #eef4f9;
    color: #2d3e4d; /*textColor*/
    text-decoration: none;
}

.mailbox table tbody .current td,
.mailbox table tbody .current td a {
    background-color: #eef4f9;
    color: #266294;
}

.mailbox table tbody .current td.last {
    border-radius: 0;
    -webkit-border-radius: 0;
}

#listaDocumentosFirma h6,
#listaDocumentosAnexos h6,
#signedDocuments h6,
#wrapperComentarios h6,
#wrapperAdditionalInfo h6,
.metadataContainer h6 {
    color: #2d3e4d; /*textColor*/
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
    margin-bottom: .5em;
}

.metadataContainer li,
#wrapperAdditionalInfo li {
    font-size: 90%;
}

#listaDocumentosAnexos h6,
#wrapperComentarios h6 {
    margin-bottom: 0;
}
/* Tabs */

ul.tabs {
    border: 0;
    margin: 0;
    padding: 0;
}

ul.tabs li {
    background: transparent;
    float: left;
    list-style-type: none;
    margin: 0 0.5em 0 0;
}

ul.tabs li.current {
    background: #f6f6f6;
    bottom: -1px;
    position: relative;
}

ul.tabs li a {
    border: 0;
    color: #878787;
    display: block;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0.75em 0.5em 0.5em 0.5em;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
}

ul.tabs li a:focus,
ul.tabs li a:hover {
    background: #f2f8fe;
    border-color: #c7d7e6;
    color: #5e9bd4;
}

ul.tabs li.current a {
    background: transparent;
    border-color: #ccc;
    color: #266294;
}


/* Menu */

.menu {}

.menu ul {
    margin-top: .75em;
    margin-left: 0;
}

.menu ul li {
    background-image: url(../images/iconos/ico-bullet-1-6x6.png);
    list-style-type: none;
    margin-bottom: 0.5em;
}

.menu ul li a {
    opacity: .87;
    text-shadow: none;
}
.menu ul li.current {
    background: #e0e0e0;
    border-radius: 3px;
}
.menu ul li.current a {
    color: #2d3e4d; /*textColor*/
    font-weight: bold;
    opacity: 1;
}

/* Box */

.box {
    background: transparent;
    border: none;
    margin-bottom: 1em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.box .box-title {
    background: transparent;
    border: none;
    color: #2d3e4d; /*textColor*/
    font-size: 15px;
    font-weight: bold;
    padding: 0.33em 0em 0em 0em;
    position: relative;
    text-shadow: none;
}

.box .box-title .box-minimize {
    background: url(../images/iconos/ic_down_arrow.png) no-repeat right -10px;
    display: block;
    height: 15px;
    position: absolute;
    right: 1em;
    text-indent: 100%;
    top: 1px;
    width: 24px;
    transform: scaleY(-1);
    filter: FlipV;
    transition: all .4s ease;
    overflow: hidden;
}

.box .box-title .box-minimize:hover,
.box .box-title .box-minimize:focus {
    background-position: right -10px; 
    display: block; 
    position: absolute;
    width: 100%;
}

.box .box-title .link-closed {
    background-image: url(../images/iconos/ic_down_arrow.png);
    background-position: right -5px;
    display: block;
    padding: .75em 0em;
    position: absolute;
    transform: scaleY(1);
    transition: all .4s ease;
    width: 100%;
}
.box .box-title .link-closed:hover,
.box .box-title .link-closed:focus {
    background-position: right -5px;
}
.box.box-error .box-title .box-minimize,
.box.box-error .box-title .link-closed {
    background: url(../images/iconos/ic_down_arrow_white.png) no-repeat;
    text-indent: 120%;
    overflow: hidden;
}
.box.box-error .box-title .box-minimize {
    background-position: right -12px;
}
.box.box-error .box-title .link-closed {
    background-position: right -4px;
}
.box-error .box-content {
    padding: .5em 0em .25em 0em;
}
.box-error .box-content ul {
    margin: 0;
}
.box .box-content {
    margin: 0 1em;
    word-wrap: break-word;
}


/* Admin box */

.systemStatus .box .box-title {
    background-color: transparent;
    border-color: transparent;
    padding: .4em 0em;
}
.systemStatus .box-content {
    margin-left: 0;
}
.systemStatus .box li {
    background-image: none;
    padding: 0;
}
.systemStatus .box li i {
    display: block;
    font-style: normal;
    opacity: .75;
}
/* Error Box */

.systemStatus .box-error,
.box-error {
    background-color: #FFF1F0;
    border-color: #951B0D;
}

.systemStatus .box-error .box-title,
.box-error .box-title {
    background-color: #B43122;
    border-color: #B43122;
    color: #FFFFFF;
}

.box-error a {
    color: #951B0D;
}

.menu-error ul li {
    background-image: url(../images/iconos/ico-bullet-2-6x6.png);
}


/* Tasks */

.box-tasks .box-content {
    margin-left: 0;
}
.tasks h3, 
.tasks ul {
    background: white;
    border: 1px solid #eaeaea;
}

.tasks h3 {
    background: #d8d8d8;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 0;
    color: #2d3e4d; /*textColor*/
    font-size: 12px;
    font-weight: bold;
    margin: .4em 0em 0em 0em;
    padding: .5em 0em .5em .5em;
    text-shadow: none;
}
.tasks h3:first-child {
    margin-top: 1em;
}

.tasks form {
    margin: 0 0 0.5em 0;
}

.tasks form p {
    margin: 0 0 0.25em 0;
}

.tasks form label {
    display: none;
}

.tasks form textarea {
    height: 3em;
    margin-top: .75em;
    width: 100%;
}

.tasks ul {
    border-top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin: 0;
}

.tasks ul li {
    list-style-type: none;
}

.tasks ul li {
    background: url(../images/iconos/ico-bullet-1-6x6.png) no-repeat 8px 14.33px;
    background-size: 4px;
    color: #485764;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    opacity: .87;
    padding: .25em 0.5em .25em 1.25em;
}

.tasks ul li .admin-tasks {
    display: none;
}

.tasks ul li .admin-tasks a {
    background: url(../images/iconos/ico-delete-7x7.png) no-repeat center 6px;
    background-size: 11px;
    position: relative;
    float: right;
    width: 24px;
    height: 24px;
}
.tasks ul li .admin-tasks a img {
    display: none;
}
.tasks .tools {
    margin: 0.75em 0;
}

.tasks .tools a {
    background-repeat: no-repeat;
    background-position: 0 50%;
    color: #2d3e4d; /*textColor*/
    display: block;
    padding: 0.25em 0 0.25em 20px;
}

.tasks .tools input.format-d-m-y {
    float: left;
    width: 90%;
}

.tasks .tools a.date-picker-control {
    display: block;
    float: left;
    margin-top: 0.66em;
    padding: 0;
}
.tasks .tools .add, .tasks .tools .admin {
    padding-left: 28px;
}
.tasks .tools .add {
    background-image: url(../images/iconos/ic_add_task.png);
}

.tasks .tools .admin {
    background-image: url(../images/iconos/ic_admin_task.png);
}

/* DATEPICKER */
div.datePicker {
    font-family: Ubuntu, sans-serif !important;
    opacity: 1 !important;
}
div.datePicker table thead th.date-picker-title span {
    color: #2d3e4d; /*textColor*/
    font-weight: bold;
    text-transform: capitalize;
}
div.datePicker table thead th.date-picker-title {
    padding: .25em 0em .5em 0em;
}
div.datePicker th span {
    color: #2d3e4d !important; /*text-color*/
    font-family: Ubuntu, sans-serif;
    font-weight: bold !important;
    letter-spacing: 2px;
}
div.datePicker table {
    background: white;
    border-color: #eaeaea;
    box-shadow: 0px 0px 36px #a0a0a0;
    padding: 1em;
    right: 2.25em;
    top: -1em;
}
div.datePicker table th.date-picker-day-header,
div.datePicker th span.fd-day-header {
    color: #2d3e4d; /*textColor*/
    padding: .5em 0em;
    text-transform: capitalize;
}
div.datePicker th span.fd-day-header {
    height: auto;
}
div.datePicker table td {
    background: transparent;
    border: 0;
    color: #2d3e4d; /*textColor*/
    font-weight: normal;
    font-size: 15px;
    height: 2.25em !important;
    opacity: .87;
}
div.datePicker table tbody td.date-picker-hover {
    background: #e0e0e0;
    color: #2d3e4d; /*textColor*/
}
/*div.datePicker table td.date-picker-unused {
    display: none;
}
/* Comments */

#wrapperComentarios {
    float: left;
    width: 100%;
}
#wrapperComentarios a {
    text-transform: capitalize;
}
.comment-form {
    display: none;
    margin: 1em 0 0 0;
    padding-top: 1em;
    overflow: hidden;
}

.comment-form p {
    margin-top: 0;
}

.comments {
    display: none;
}

.comments .comment {
    background: none;
    font-size: 0.9em;
    margin: 0em 0;
    padding-top: 0em;
    padding-left: 1em;
}

.comments .comment .meta {
    color: #2d3e4d; /*textColor*/
    float: left;
    font-weight: bold;
    margin: 0;
    text-align: left;
}

.comments .comment .meta .date {
    color: #485764; /*body-text-color*/
    float: none;
    font-style: normal;
    font-weight: normal;
    margin-left: 5px;
    opacity: .66;
}

.comments .comment div.comment-text {
    float: left;
    word-wrap: break-word;
}


/* Etiquetas */

#wrapperEtiquetas {
    bottom: auto;
    left: auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 33%;
}

#wrapperEtiquetas .bubble-wrapper {
    width: 100%;
}

#wrapperEtiquetas p {
    margin-top: 2.25em;
    text-align: right;
}

#wrapperEtiquetas p a {
    background: url(../images/iconos/tag-16x16.png) no-repeat 0 0;
    padding-left: 17px;
    text-decoration: underline;
}

#wrapperEtiquetas p.sinEtiqueta a {
    color: #999;
    font-style: italic;
    text-decoration: none;
}

#wrapperEtiquetas .bubble .corner {
    background: url("../images/layout/bubble-corner-top.png") no-repeat 0 0;
    height: 10px;
    left: auto;
    right: 40px;
    top: -10px;
    width: 18px;
}

#wrapperEtiquetas div.etiquetas {
    display: none;
    left: auto;
    padding-top: 1em;
    position: absolute;
    right: 0;
    top: 4em;
    width: 250px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
}

#wrapperEtiquetas div.etiquetas a {
    background: #c7d9ea;
    border: 1px solid #9eb4ca;
    color: #1f5d96;
    display: block;
    padding: 0.2em 0.75em;
    text-shadow: 1px 1px #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

#wrapperEtiquetas div.etiquetas a:focus,
#wrapperEtiquetas div.etiquetas a:hover {
    background: #B5D0EA;
    color: #053058;
    text-decoration: none;
}

#wrapperEtiquetas div.etiquetas .sinEtiqueta a {
    background: #eee url(../images/iconos/ico-delete-7x7.png) no-repeat 90% 50%;
    border-color: #ccc;
    color: #777;
    padding-right: 15px;
}

#wrapperEtiquetas div.etiquetas .sinEtiqueta a:focus,
#wrapperEtiquetas div.etiquetas .sinEtiqueta a:hover {
    background-color: #ddd;
    color: #444;
}

#wrapperEtiquetas div.etiquetas ul {
    margin: 0;
    padding: 0;
}

#wrapperEtiquetas div.etiquetas ul li {
    float: left;
    margin: 0 0.5em 0.5em 0;
}


/* =HEADER
---------------------------------------------------------------------------------- */

#header {
    background: none;
    height: 64px;
    margin: 0;
    display: table-cell;
    min-width: 225px;
}
#header h1 a img {
    display: block;
    margin: .25em auto 0 auto;
    max-width: 150px;
}
.login #header h1 a img {
    max-width: 220px;
    margin-bottom: 0;
    display: block;
}

.login.webSign #header h1 a img {
    margin-top: 1.5em;
}
/* =ASIDE
---------------------------------------------------------------------------------- */
#aside {
    display: table-cell;
    /*flex-grow: 3;*/
    margin-left: 0;
    width: 100%;
}

/* =|Custom-logo
    ---------------- */

#custom-logo {
    display: none;
    float: left;
    margin-bottom: 0.5em;
    margin-top: 20px;
    width: 200px;
    min-height: 70px;
}


/* =|Search
    ----------- */

#search {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 1em 0em;
    text-align: left;
}

#search p,
#search form {
    margin: 0;
    text-align: right;
}

#search input.text,
#search input.cajaTexto {
    background: rgba(255, 255, 255, 1);
    border: 0;
    border-radius: 3px;
    color: #2d3e4d; /*textColor*/
    float: left;
    font-size: 1em;
    padding: 0.5em .66em;
    width: 320px;
}

#search input.button,
#search input.boton {
    background: url(../images/iconos/ic_search_white.png) no-repeat 10px center !important;
    font-size: 1em;
    padding: .5em 0em;
    margin: 0;
    float: left;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 49px;
}

/* =|Welcome
    ------------ */

#welcome {
    display: inline-block;
}

#welcome div.saludo {
    background: none;
    margin: 0;
}

#welcome .user {
    background: none;
    color: white;
    display: block;
    float: left;
    font-weight: normal;
    line-height: 0px;
    padding-right: 0em;
    position: relative;
    transition: .3s;
    padding: 1em 0em 0em 0em;
}
#welcome .user .delegationFromName {
    color: rgba(255,255,255,.66);
    font-size: 12px;
    display: block;
    margin-top: 1.25em;
}
#welcome .movil {
    background: url(../images/layout/aside-separator.png) repeat-y 100% 0;
    color: #fff;
    display: block;
    float: left;
    font-weight: normal;
    margin-right: 0.5em;
    padding-right: 1em;
}

#welcome .movil span {
    background: url(../images/iconos/movil-17x18.png) no-repeat 0 50%;
    display: block;
    padding-left: 24px;
    text-decoration: none;
}

#welcome .manual {
    background: none !important;
    color: #fff;
    display: block;
    font-weight: normal;
    margin-right: 0.5em;
    padding-right: 1em;
    float: left;
    text-decoration: none;
}

#welcome .manual span {
    background: none !important;
    display: block;
    padding-left: 0px;
    text-decoration: none;
}

#welcome .userchange {
    background: none;
    color: #fff;
    display: block;
    margin: .9em 0 .25em .5em;
    padding-right: 0em;
    float: left;
    text-decoration: none;
}

#welcome .userchange span {
    background: url(../images/iconos/ic_change_user.png) no-repeat left center;
    display: block;
    font-weight: normal;
    padding-left: 32px;
    text-decoration: none;
}
#welcome .user:focus,
#welcome .user:hover {
    color: white;
}
#welcome a.user:focus,
#welcome a.user:hover,
#welcome .logout:hover,
#welcome .logout:focus {
    color: white;
    opacity: .75;
    transition: .3s;
}

#welcome .logout {
    background: url(../images/iconos/ico-close-16x16-small.png) no-repeat center;
    float: left;
    overflow: hidden;
    margin: .9em 0em 0em 1.25em;
    padding: 0;
    text-align: right;
    text-indent: 101%;
    white-space: nowrap;
    width: 32px;
}

#welcome .logout:focus,
#welcome .logout:hover {
    color: #EA2E00;
}

#welcome a {
    text-decoration: none;
}


/* =NAV
---------------------------------------------------------------------------------- */

#nav {
    float: left;
    margin-left: 0;
    margin-top: 1em;
    width: 210px;
}

#nav ul {
    margin: 0;
    padding: 0 .33em;
}
#nav .expand-wrapper-inbox ul {
    margin: 0;
}
#nav .expand-wrapper-inbox .bandeja {
    font-weight: bolder;
    font-size: 12px;
    letter-spacing: 1px;
    opacity: .5;
    text-transform: uppercase;
}
#nav .expand-wrapper-inbox ul li {
    padding-left: 0;
}
#nav ul li {
    background: none;
    list-style-type: none;
    padding: 0.33em .5em .20em .5em;
}

#nav ul li form {
    display: inline;
}

#nav ul>li:last-child {
    background: none;
}

#nav ul li ul {
    margin: 0.5em 0;
}

#nav ul li li {
    background: none;
    padding: 0.1em 0 0.1em 20px;
    position: relative;
}

#nav ul li.current a,
#nav ul li li.current a,
#nav ul li.current li a {
    background-color: #e0e0e0;
    border: 0;
    font-weight: bold;
}

#nav ul li a {
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: 5px 0.6em;
    color: #485764;
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    padding: .2em .5em;
    position: relative;
    text-shadow: none;
    border-radius: 3px;
    transition: background-color 0.1s linear;
}

#nav ul li a strong {
    background: transparent;
    color: #485764; /*body-text-color*/
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 0.33em;
    padding: 0 0.5em;
    position: absolute;
    right: 0.5em;
    text-decoration: none;
    text-shadow: none;
    top: 1em;
    border: 0;
}
#nav ul li a:hover strong {
    background: transparent;
    color: inherit;
}
#nav ul li a strong span.parentesis {
    display: none;
}

#nav ul li a:focus,
#nav ul li a:hover {
    background-color: #e0e0e0;
    color: #2d3e4d; /*textColor*/
    text-decoration: none;
    transition: .3s;
}

#nav ul li li a {
    background: transparent url(../images/iconos/ico-bullet-1-6x6.png) no-repeat 0.25em 0.7em;
    display: block;
    font-size: 1em;
    font-weight: normal;
    margin-left: 0em;
    padding: 0.15em 0 0.15em 15px;
    text-shadow: none;
}
#nav ul li li.current a {
    margin-left: 0em;
}
#nav ul li li a:focus,
#nav ul li li a:hover {
    background-color: #e0e0e0;
    color: initial;
}

#nav ul li li a:focus span,
#nav ul li li a:hover span {
    text-decoration: none;
}

/* Iconos */
#nav ul li a:hover {
    background-image: none !important;
}
#nav ul li a.redactar {
    background: #145b94; /*main-color*/
    color: white;
    line-height: 32px;
    margin-bottom: 1em;
    padding: .25em 0em;
    text-align: center;
    transition: .3s;
}
#nav ul li a.redactar:hover {
    background: #104068;
    color: white;
    transition: .3s;
}
#nav ul li a.add,
#nav ul li li a.add,
#nav ul li li.current a.add,
#nav ul li.current li a.add {
    background: url(../images/iconos/ico-label-add-14x13.png) no-repeat 0 0.4em;
    padding-left: 20px;
}

#nav ul li a.admin,
#nav ul li li a.admin,
#nav ul li li.current a.admin,
#nav ul li.current li a.admin {
    background: url(../images/iconos/ico-label-edit-14x13.png) no-repeat 0 0.4em;
    padding-left: 20px;
}

#nav ul li a.add-filter,
#nav ul li li a.add-filter,
#nav ul li li.current a.add-filter,
#nav ul li.current li a.add-filter {
    background: url(../images/iconos/ico-filter-add-14x13.png) no-repeat 0 0.4em;
    padding-left: 20px;
}

#nav ul li a.admin-filter,
#nav ul li li a.admin-filter,
#nav ul li li.current a.admin-filter,
#nav ul li.current li a.admin-filter {
    background: url(../images/iconos/ico-filter-edit-14x13.png) no-repeat 0 0.4em;
    padding-left: 20px;
}


/* Tools */

#nav ul li ul.tools {}

#nav ul li ul.tools li a {
    font-weight: bold;
    text-shadow: 1px 1px #444;
}

#nav ul li ul.tools li a:focus,
#nav ul li ul.tools li a:hover {
    background-color: transparent;
}

#nav ul li ul.tools li a:focus span,
#nav ul li ul.tools li a:hover span {
    text-decoration: underline;
}


/* Forms */

#nav ul li ul li form {
    margin: 0.5em 0 0 0;
}

#nav ul li ul li form.expand-body {}

#nav ul li ul li form p {
    margin: 0 0 0.5em 10px;
}

#nav ul li ul li form label {
    display: none;
}

#nav ul li ul li form input.text,
#nav ul li ul li form input.cajaTexto {
    width: 96%;
}


/*  Admin Tags */

#nav ul li ul li span.admin-tags {
    margin-left: 0.5em;
    position: absolute;
    right: 25px;
    top: 0.25em;
}

#nav ul li ul li span.admin-tags a {
    background: none;
    display: inline;
    padding: 0;
    margin: 0;
}


/* =BODY
---------------------------------------------------------------------------------- */

#body {
    margin-left: 220px;
    margin-right: .25em;
    padding-top: 0;
    display: flex;
}

#body p.organizarDestinatarios a {
    background: url(../images/iconos/ico-users.png) no-repeat 0 50%;
    font-weight: bold;
    padding-left: 23px;
    text-decoration: underline;
}

#body .main {
    /*flex: 1 1 auto;
    margin-right: 1.5em;*/
    padding-right: 1em;
}
#body .main #header-title {
    width: 75%;
    float: left;
}
#body .main .header-title {
    color: #2d3e4d; /*textColor*/
    float: left;
    font-family: Ubuntu, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0em;
    text-shadow: none;
    padding: 0;
    width: 100%;
}
#body .main #inboxOptions {
    margin-top: 1em;
    float: right;
    width: 100%;
}
#body .main #inboxOptions .filters_wrapper {
    float: left;
    width: auto;
}
#body .main #inboxOptions .group {
    float: right;
    width: auto;
}
#body .main #inboxOptions p {
    margin: 0;
}

#body .main #inboxOptions .viewOptions {
    margin-top: 1.5em;
    width: 150px;
    float: right;
}

#body .main #inboxOptions .viewOptions a {
    text-decoration: none;
    margin-left: 5px;
    opacity: .5;
}

#body .main #inboxOptions .viewOptions a:hover {
    opacity: 1;
}

#body .main h3 {
    border-bottom: 0;
    color: #2d3e4d; /*textColor*/
    float: left;
    font-family: Ubuntu, sans-serif;; /*font-family*/
    font-size: 1.33em;
    font-weight: normal;
    line-height: 1.66em;
    margin: 0;
    width: 100%;
}
#body .main h3 a {
    color: #2d3e4d; /*textColor*/
}

#body .main .disenador h3 {
    float: none;
}

#body .main .docs li {
    background: url(../images/iconos/book-17x18.png) no-repeat scroll 0 50%;
    font-size: 1.2em;
    margin-bottom: 0.75em;
    padding-left: 23px;
}

#body .secondary {
    margin-top: 1em;
    position: relative;
    /*flex: 0 0 27%;*/
    /*! width: auto !important; */
}

#body .secondary .column-wrapper {
    margin-left: 20px;
}

#body .secondary .box-error {
    border: 1px solid #B43122;
    background-image: none;
    background-position: 95% 95%;
    background-repeat: no-repeat;
}

#body .secondary .box-error .box-title {
    background-image: none;
    color: white;
    padding: .5em 1em;
}

#body .secondary .box-menu .box-title,
#body .secondary .box-admin .box-title,
#body .secondary .box-calendar .box-title,
#body .secondary .box-tasks .box-title {
    background-image: none !important;
    padding-left: 0;
    background-position: center;
}

#configuracionGeneral fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

label {
    color: #444;
    font-weight: bold !important;
}

input {
    border-radius: 3px;
    padding: .25em 0em .25em .5em;
}
#configuracionGeneral #configuracionGeneral\:imagenCabecera,
#configuracionGeneral #configuracionGeneral\:cssPersonalizada {
    margin-bottom: .5em;
}

#configuracionGeneral input[maxlength="5"] {
    max-width: 50px;
}

#configuracionGeneral\:configuracionVerifirma p {
    margin: .75em 0em;
}

#configuracionGeneral\:wrapperGuardar {
    bottom: 0;
    left: 0px;
    margin: 0;
    padding: .33em;
    position: relative;
    width: 100%;
    z-index: 253;
}

/* ------------------------------------------------------------------------------------
    Hoja de estilos para elementos especificos de la Aplicación

    Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI) 2007
    Contacto: comercial@viavansi.com
    http://www.viavansi.com 
    
    Encoding:   UTF-8
    Autor:      Juan G. Hurtado
    e-Mail:     jghurtado@viavansi.es
--------------------------------------------------------------------------------------- */

.redactarAvanzado {
    display: none;
}

input.cajaTextoAncho10 {
    width: 10% !important;
}

input.cajaTextoAncho65 {
    width: 65%;
}

input.cajaTextoAncho70 {
    width: 70%;
}

input.cajaTextoAncho100 {
    width: 100%;
}

p.organizarDestinatarios {
    margin: 0 10px;
}

.grupos table,
.grupos table td,
.grupos table td input {
    border: 0;
    width: auto;
}

.grupos h3,
.parrafoFormulario h3 {
    border-bottom: 1px solid #ccc;
    color: #266294;
    font-size: 1.3em;
    padding-bottom: 0.2em;
}

.parrafoFormulario p {
    margin: 0 0 0.25em 0;
}

.rich-tree {
    margin: 2em 0;
}

.rich-tree-node {
    border: 0;
}

.rich-tree-node td {
    border: 0;
}

.parrafoFormulario {
    padding: 0.5em 0;
}

.rich-tree-node-selected {
    padding: 1px 4px;
    color: #222;
}
#arbolForm .rich-tree {
    margin: 1em 0em 2em 0em;
}
#arbolForm fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
#arbolForm fieldset legend {
    display: none;
}
.infoFiles {
    color: #999;
    font-style: italic;
    font-size: 12px;
    margin: 0;
}

.caja {
    position: relative;
    width: 100%;
}

.caja .supDer {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../images/layout/sup-der.jpg) no-repeat 0 0;
}

.caja .supIzq {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/layout/sup-izq.jpg) no-repeat 0 0;
}

.caja .infDer {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(../images/layout/inf-der.jpg) no-repeat 0 0;
}

.caja .infIzq {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(../images/layout/inf-izq.jpg) no-repeat 0 0;
}

.caja .contenidoCaja {
    padding: 15px 5px;
    background-color: #FFF;
    min-height: 40px;
}


/* Iconos */

table.listado td a {
    outline: none;
}

.tableContainer a.importar,
table.listado td a.importar {
    margin-left: 0.2em;
    background: url(../images/iconos/exportar.png) no-repeat 0 50%;
    padding-left: 23px;
}

.tableContainer a.exportar,
table.listado td a.exportar {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/exportar.png) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.tableContainer a.duplicar,
table.listado td a.duplicar {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/duplicar.png) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.tableContainer a.clone,
table.listado td a.clone {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/clone.png) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
.tableContainer a.activar,
table.listado td a.activar {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/activar.png) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.tableContainer a.desactivar,
table.listado td a.desactivar {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/desactivar.png) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.tableContainer a.validar,
table.listado td a.validar {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/validar.png) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.tableContainer a.enviarNotificacion,
table.listado td a.enviarNotificacion {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/enviar-notificacion.png) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.tableContainer a.password,
table.listado td a.password {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/password.png) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.tableContainer a.descargar,
table.listado td a.descargar {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/csv.gif) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}


/* Menú inicial de panel de control */

div#menuAdmin ul {
    margin: 0 20px;
    padding: 0;
    width: 100%;
}

div#menuAdmin ul li {
    list-style-type: none;
    display: block;
    background: #fff url(../images/layout/pestana-izq.jpg) no-repeat 0 0;
    height: 25px;
    float: left;
    margin: 0 3px;
    border-bottom: 1px solid #999;
}

div#menuAdmin ul li a {
    background: url(../images/layout/pestana-der.jpg) no-repeat scroll 100% 0;
    padding: 0;
    text-align: center;
    outline: none;
    display: block;
    height: 100%;
}

div#menuAdmin ul li a span {
    background: url(../images/layout/pestana-der.jpg) no-repeat scroll 7px 0%;
    font-size: 1.1em;
    display: block;
    padding: 3px 5px 0 30px;
}

div#menuAdmin ul li.activado {
    font-size: 0.9em;
    border-bottom-color: #fff;
}

div#menuAdmin ul li.activado a {}

div#menuAdmin ul li.activado a span {
    background-position: 7px -25px;
}

div#menuAdmin ul li a:hover span {
    background-position: 7px -25px;
}

div#menuAdmin ul li.configuracion a span {
    background-image: url(../images/layout/ico-config.png);
}

div#menuAdmin ul li.auditoria a span {
    background-image: url(../images/layout/ico-audit.png);
}

div#menuAdmin ul li.cargos a span {
    background-image: url(../images/layout/ico-cargos.png);
}

div#menuAdmin ul li span.badge {
    background: url(../images/iconos/badge.png) no-repeat 0 0;
    color: #FFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 31px;
    right: 5px;
    padding-top: 3px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
}

div#menuAdmin ul li span.badgeLarge {
    background: url(../images/iconos/badge_large.png) no-repeat 0 0;
    color: #FFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 31px;
    right: 5px;
    padding-top: 3px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}


/* Arbol de cargos */

.nodoPulsable {
    cursor: pointer;
}

.labelNodo {
    display: block;
    float: left;
}

.subLabelNodo {
    color: #999;
    font-size: 90%;
    font-style: italic;
    margin-left: 6px;
}

div.opcionesNodo a {
    background-position: 2px 0 !important;
    display: block;
    float: left;
    height: 17px;
    outline: 0;
    text-indent: -9999px;
    width: 20px;
}

div.opcionesNodo a:hover {
    background-position: 2px -104px !important;
}

div.opcionesNodo a.editarNodo {
    background: url(../images/iconos/editar_nodo.gif) 0 0 no-repeat;
    margin-left: 3px;
}

div.opcionesNodo a.verNodo {
    background: url(../images/iconos/detalle_nodo.gif) 0 0 no-repeat;
}

div.opcionesNodo a.nuevoCargo {
    background: url(../images/iconos/nuevo_cargo.gif) 0 0 no-repeat;
}

div.opcionesNodo a.eliminarNodo {
    background: url(../images/iconos/eliminar_nodo.gif) 0 0 no-repeat;
}

.rich-tree-node-selected {
    border: 1px solid #FFF;
}

.rich-tree-node-highlighted {
    text-decoration: none;
    color: #145b94; /*main-color*/
}

.rich-tree-node-highlighted .subLabelNodo {
    color: #E79A00;
}

.treeNode .rich-tree-node img {
    border-style: none;
}
.table-display dt {
    border: 0;
    text-align: right;
    width: 15%;
}
.table-display dd {
    border: 0;
    margin-left: 1em;
    opacity: .87;
}
dl.table-display {
    border: 0;
}
/* Oculto las exportaciones a csv 
table.listado tfoot td a.csv {
    display: none;
} */


/* Metadata */

ul.metadata {
    background: none;
    margin: 0;
    padding: 0.25em 0;
    width: 50%;
}

ul.metadata li {
    background: none;
    color: #2d3e4d; /*textColor*/
    padding: 0.25em;
}

ul.metadata li strong {
    margin-right: 1em;
}

.mainActions {
    background: url("../images/layout/body-horizontal-separator-2.png") repeat-x 0 0;
}
.mainActions form .horizontal-rule-top {
    float: left;
    margin: 0;
    width: 100%;
}
.mainActions form.big input.button.reject {
    margin-right: 0;
    padding-right: 0;
}
/* Formulario nueva peticion */

.nuevaPeticion {}

.nuevaPeticion fieldset {
    border-width: 0px;
    margin: 0px;
    padding: 0px;
}

.nuevaPeticion fieldset.conBorde {
    border: 1px solid #ddd;
    padding: 1em 1em 0 1em;
}

.nuevaPeticion fieldset.conBorde p {
    margin-top: 0;
}

.nuevaPeticion fieldset legend {
    display: none;
}

.nuevaPeticion fieldset legend p {}

.nuevaPeticion fieldset p.relative {
    position: relative;
}

.nuevaPeticion fieldset p textarea {
    width: 100%;
}

.nuevaPeticion fieldset p textarea.destinatarios {
    height: 40px;
    font-size: 1.2em;
}

.nuevaPeticion fieldset p textarea.notificaciones {
    height: 30px;
    font-size: 1.2em;
}

.nuevaPeticion fieldset p input.cajaTexto {
    width: 100%;
}

div.resultadosAutocompleteDestinatarios,
.nuevaPeticion div.resultadosAutocompleteDestinatarios,
.nuevaPeticion div.resultadosAutocompleteDestinatariosComInt,
#editRequestContainer div.resultadosAutocompleteDestinatariosComInt {
    position: absolute;
    top: 85px;
    left: 6px;
    background-color: #fff;
    font-size: 1em;
    z-index: 9999;
}

div.resultadosAutocompleteDestinatarios ul,
.nuevaPeticion div.resultadosAutocompleteDestinatarios ul,
.nuevaPeticion div.resultadosAutocompleteDestinatariosComInt ul,
#editRequestContainer div.resultadosAutocompleteDestinatariosComInt ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #A9A9A9;
    padding: 1px;
}

div.resultadosAutocompleteDestinatarios ul li,
.nuevaPeticion div.resultadosAutocompleteDestinatarios ul li,
.nuevaPeticion div.resultadosAutocompleteDestinatariosComInt ul li,
#editRequestContainer div.resultadosAutocompleteDestinatariosComInt ul li {
    padding: 2px 5px;
    font-size: 1.1em;
}

div.resultadosAutocompleteDestinatarios ul li.activo,
.nuevaPeticion div.resultadosAutocompleteDestinatarios ul li.activo,
.nuevaPeticion div.resultadosAutocompleteDestinatariosComInt ul li.activo,
#editRequestContainer div.resultadosAutocompleteDestinatariosComInt  ul li.activo {
    background-color: #E0E1FC;
}

div#guardarFlujo {
    margin-top: 0;
    margin-bottom: 0;
}

div#guardarFlujo .horizontal {
    background: none;
}

div#guardarFlujo a {
    font-size: 1em;
}

div#guardarFlujo p {
    margin-top: 0;
    margin-bottom: 0;
}

div#guardarFlujo p input.centradoVertical {
    margin-top: 2em;
}


/* Inactivo */

input.inactivo,
textarea.inactivo,
select.inactivo {
    font-size: 1em;
    color: #bbb;
    font-style: normal;
}

/* Edicion de usuarios */

p.cargosDisponibles {
    padding: 2px 0;
}

/* RichFaces Upload */

input.rich-fileupload-hidden {
    cursor: pointer;
    left: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    zoom: 1;
}

.rich-fileupload-button-border,
.rich-fileupload-button,
.rich-fileupload-button-light,
.rich-fileupload-button-press {
    zoom: 1;
}

/* Organizador de destinatarios */
.organizadorDestinatarios ul li.noExisten {
    color: #999;
    font-style: italic;
}

.organizadorDestinatarios .selectores {
    width: 66%;
    float: left;
    height: 100%;
}

.organizadorDestinatarios input.vistobueno {
    background-image: url(../images/iconos/ico-vistobueno.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-left: 25px;
}

.organizadorDestinatarios input.firmar {
    background-image: url(../images/iconos/ico-firmado.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-left: 25px;
}

.organizadorDestinatarios input.confirmar {
    background-image: url(../images/iconos/ico-confirmar.png);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-left: 25px;
}

.organizadorDestinatarios .selectores .botonera {
    text-align: right;
}

.organizadorDestinatarios .selectores .selector {
    width: 50%;
    float: left;
}

.organizadorDestinatarios .selectores .selector h5,
.organizadorDestinatarios .lineasFirmaWrapper h5 {
    margin: 0px 0.25em;
    padding: 2px;
    font-size: 1.1em;
    font-weight: bold;
    color: #266294;
}

.organizadorDestinatarios .selectores .selector ul {
    margin: 0 0.25em;
    padding: 0px;
    list-style-type: none;
    height: 300px;
    overflow: auto;
    border: 1px solid #ccc;
}

.organizadorDestinatarios .selectores .selector ul li {
    border-bottom: 1px dotted #ccc;
    color: #444;
    margin: 0px 2px;
    padding: 2px 7px 2px 2px;
}

.organizadorDestinatarios .selectores .selector ul.todosUsuarios li.hover {
    background: #EAF4FD url("../images/iconos/ico-add-7x7.png") no-repeat 100% 50%;
    color: #486786;
}

.organizadorDestinatarios .selectores .selector ul.usuariosSeleccionados li.hover {
    background: #FCE7E8 url("../images/iconos/ico-close-16x16-small.png") no-repeat 100% 50%;
    color: #A74248;
}

.organizadorDestinatarios .selectores .selector ul.todosUsuarios {}

.organizadorDestinatarios .selectores .selector ul.usuariosSeleccionados {}

.organizadorDestinatarios .lineasFirmaWrapper {
    width: 33%;
    float: right;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    height: 300px;
}

.organizadorDestinatarios .lineasFirma {
    margin: 0 0.25em;
    padding: 0px;
    list-style-type: none;
    height: 300px;
    overflow: auto;
    border: 1px solid #ccc;
}

.organizadorDestinatarios .lineasFirma li {
    color: #444;
}

.organizadorDestinatarios .lineasFirma li.hover,
.organizadorDestinatarios .lineasFirma li.hover ol li {
    color: #A74248;
}

.organizadorDestinatarios .lineasFirma li.hover ol li {
    background: #FCE7E8 url("../images/iconos/ico-close-16x16-small.png") no-repeat 100% 50%;
}

.organizadorDestinatarios .lineasFirma li ol {
    margin: 0;
}

.organizadorDestinatarios .lineasFirma li ol li {
    border-bottom: 1px dotted #ccc;
    margin: 0px 2px;
    padding: 2px 7px 2px 2px;
}

/* Calendario */
.box-calendar .box-content {
    margin-left: 0;
}
div.calendario {
    margin-top: 1em;
}

div.calendario .nav {
    font-size: 1em;
    margin: 0.4em 0 .2em 0em;
    position: relative;
    text-align: center;
}

div.calendario .nav span {
    margin: 0;
}

div.calendario .nav a {
    display: block;
    height: 14px;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 0.15em;
    width: 16px;
}

div.calendario .nav a.prev {
    background: url(../images/iconos/ic_down_arrow.png) no-repeat -1px -8px;
    background-size: 24px;
    transform: rotate(90deg);
    left: 0;
}

div.calendario .nav a.next {
    background: url(../images/iconos/ic_down_arrow.png) no-repeat -6px -8px;
    background-size: 24px;
    transform: rotate(-90deg);
    right: 0;
}

div.calendario form {
    background: white;
    border-radius: 3px;
    border:1px solid #eaeaea;
    padding: .25em .5em .5em .5em;
    margin-bottom: 1em;
}

div.calendario table {
    border: none;
    width: 100%;
}

div.calendario table th,
div.calendario table td {
    border-color: transparent;
}

div.calendario table tr {}

div.calendario table tr th {
    background-color: transparent;
    color: #2d3e4d; /*textColor*/
    font-weight: bold;
    text-align: center;
}

div.calendario table tr th span {
    margin: 0px 8px;
}

div.calendario table tr td {
    color: #485764; /*body-text-color*/
    cursor: default;
    padding: .25em .1em;
    position: relative;
}
div.calendario table tr td.conEventos {
    padding-bottom: 0;
}
div.calendario table tr td div.bubble-wrapper {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
}

div.calendario table tr td div.bubble {
    background: #fff;
    border: 1px solid #ccc;
    color: #335676;
    display: none;
    position: absolute;
    left: auto;
    right: 25px;
    bottom: 0;
    padding: 0;
    top: auto;
    width: 200px;
    z-index: 9909;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
}

div.calendario table tr td div.bubble .corner {
    background: url(../images/layout/bubble-corner.png) no-repeat 0 0;
    display: block;
    height: 20px;
    position: absolute;
    left: auto;
    right: -20px;
    bottom: 3px;
    top: auto;
    width: 20px;
}

div.calendario table tr td div.bubble li {
    background: url("../images/iconos/ico-bullet-2-2x3.png") no-repeat scroll 0 0.6em;
    padding-left: 10px;
}

div.calendario table tr td.fuera {
    color: #cacaca;
    font-style: normal;
}

div.calendario table tr td.hoy span {
    background-color: transparent;
    color: #145b94; /*main-color*/
    font-weight: bold;
    font-size: 14.75px;
    opacity: 1;
    margin: 0 auto;
    padding: 1px 0px;
}

div.calendario table tr td.conEventos span {
    background-color: transparent;
    color: #2d3e4d; /*textColor*/
    font-weight: bold;
    opacity: 1;
}
div.calendario table tr td.conEventos .bubble-wrapper > span:after {
    background: #145b94; /*main-color*/
    border-radius: 5px;
    content: "";
    display: block;
    
    height: 5px;
    position: relative;
    top: 0px;
    margin: 0 auto;
    width: 5px;
}

div.calendario table tr td.conPeticiones span {
    background-color: #f6e0e0;
    color: #cc2828;
    font-weight: bold;
    opacity: 1;
}

div.calendario table tr td.otrodia {}

div.calendario table tr td .dia {
    display: block;
    text-align: center;
    border-radius: 8px;
    opacity: .77;
}

div.calendario table tr td div.datos {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    display: none;
}


/* Tipos de documento */

table.listado td .wrapper a.editarElementosAsociados {
    background-image: url(../images/iconos/modificar.gif);
    width: 16px;
}

table.listado td .wrapper a.bajar {
    background-image: url(../images/iconos/bajar.gif);
    width: 16px;
}

table.listado td .wrapper a.subir {
    background-image: url(../images/iconos/subir.gif);
    width: 16px;
}

table.listado td .wrapper a.anyadir {
    background: url(../images/iconos/add.gif) no-repeat 100% 50%;
}


/* Diseñador de Flujos */

div.disenador {
    padding: 5px;
}

div.disenador h3 {
    color: #266294;
    font-family: futura, Arial, Verdana, sans-serif;
    font-size: 1.75em;
    font-weight: normal;
    margin-top: 0;
    text-shadow: 2px 1px #cdcdcd;
    font-weight: bold;
}

div.disenador div.linea-wrapper {
    background: url(../images/layout/body-horizontal-separator.png) repeat-x 0 100%;
    margin-bottom: 0.75em;
    padding-bottom: 0.25em;
    position: relative;
}

div.disenador div.linea {
    background: #ebebeb;
    border: 1px solid #ccc;
    border-bottom-color: #fff;
    border-left-color: #ccc;
    border-right-color: #fff;
    border-top-color: #ccc;
    margin-bottom: 1.5em;
    padding: 7px 11px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.disenador div.linea a.prev,
div.disenador div.linea a.next {
    background: url(../images/iconos/arrow-right.png) no-repeat 0 0;
    height: 18px;
    position: absolute;
    right: 0;
    top: -30px;
    text-indent: -999em;
    width: 17px;
}

div.disenador div.linea a.prev {
    background: url(../images/iconos/arrow-left.png) no-repeat 0 0;
    right: 25px;
}

div.disenador div.linea a.disabled {
    visibility: hidden;
}

div.disenador div.linea div.linea-inner {
    overflow: hidden;
    position: relative;
    height: 105px;
}

div.disenador div.lineaSinContenedor div.linea-inner {
    height: 68px;
}

div.disenador div.linea div.linea-inner .scrollable {
    position: absolute;
    width: 20000em;
}

div.disenador div.linea a.eliminarLineaFirma {
    background: url(../images/iconos/flujo-delete.png) no-repeat 0 0;
    display: none;
    height: 20px;
    position: absolute;
    right: 3px;
    text-indent: -999em;
    top: 3px;
    width: 20px;
    z-index: 999;
}

div.disenador div.hover a.eliminarLineaFirma,
div.disenador div.linea:hover a.eliminarLineaFirma {
    display: block;
}

div.disenador div.linea div.contenedor-type {
    text-align: center;
}

div.disenador div.linea div.contenedor-type span {
    font-size: 0.9em;
    line-height: 24px;
    padding: 5px 20px;
}

div.disenador div.linea div.contenedor.contenedor-or .contenedor-type span {
    background: url(../images/iconos/user.png) no-repeat 0 50%;
}

div.disenador div.linea div.contenedor.contenedor-and .contenedor-type span {
    background: url(../images/iconos/group.png) no-repeat 0 50%;
}

div.disenador div.linea div.nuevoBloque {
    background: #e6f2fe url(../images/layout/drop-flujos.png) repeat 0 0;
    width: 25px;
    border: 1px solid #b2d2f1;
    float: left;
    min-height: 54px;
    margin-top: 0.6em;
    padding: 0.25em;
    text-indent: -999em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.disenador div.linea div.highlight {
    background-color: #F8FBFF;
    border-color: #9DCBF5;
}

div.disenador div.linea div.highlight:hover {
    border-color: #4C94D6;
}

div.disenador div.lineaSinContenedor div.nuevoBloque {
    margin-top: 0.25em;
}

div.disenador div.linea .contenedor div.nuevoBloque {
    margin-top: 0;
}

div.disenador div.linea div.bloque {
    background: #e6f2fe;
    color: #266294;
    cursor: move;
    border: 1px solid #b2d2f1;
    float: left;
    font-size: 0.9em;
    max-height: 70px;
    min-height: 54px;
    margin-right: 5px;
    margin-top: 0.7em;
    overflow: hidden;
    padding: 0.25em;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
    min-width: 100px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.disenador div.lineaSinContenedor div.bloque {
    margin-top: 0.3em;
}

div.disenador div.linea .contenedor div.bloque {
    margin-top: 0;
}

div.disenador div.linea div.bloque a,
div.disenador div.linea div.bloque span.accion {
    color: #266294;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: lowercase;
}

div.disenador div.linea div.bloque a:focus,
div.disenador div.linea div.bloque a:hover {
    text-decoration: none;
}

div.disenador div.linea div.bloque a:focus span,
div.disenador div.linea div.bloque a:hover span {
    text-decoration: underline;
}

div.disenador div.linea div.bloque .firma span {
    background: url(../images/iconos/firmar-9x9.png) no-repeat 0 50%;
    color: #145b94;
    padding-left: 12px;
}

div.disenador div.linea div.bloque .vistobueno span {
    background: url(../images/iconos/visto-bueno-7x7.png) no-repeat 0 50%;
    padding-left: 12px;
}

div.disenador div.linea .separadorBloque {
    width: 10px;
    float: left;
    min-height: 62px;
    margin-right: -5px;
    margin-top: 0.65em;
    padding: 0 0.35em;
    position: relative;
    text-indent: -999em;
}

div.disenador div.lineaSinContenedor .separadorBloque {
    margin-top: 0.2em;
}

div.disenador div.linea .separadorBloque span {
    background: url(../images/layout/flujos-join.png) no-repeat 0 50%;
    height: 100%;
    left: -17px;
    text-indent: -999em;
    position: absolute;
    width: 39px;
}

div.disenador div.linea .contenedor .separadorBloque {
    margin-top: 0;
}

div.disenador div.linea .separadorBloque a {
    display: block;
    width: 100%;
    height: 100%;
}

div.disenador div.linea .separadorBloqueCascada {
    margin-right: -6px;
}

div.disenador div.linea .separadorBloqueCascada div {
    background-image: url(../images/layout/flujos-join2.png);
    width: 58px;
}

div.disenador div.linea .separadorBloqueParalelo {}

div.disenador div.linea div.contenedor {
    background: #cee7fe;
    border: 1px solid #85b5e3;
    float: left;
    margin: 0 5px 0 0;
    padding: 0.5em 1em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.disenador div.linea div.contenedor a {
    color: #266294;
    display: block;
}

div.disenador div.nuevaLinea {
    background: #ebebeb url(../images/layout/drop-flujos2.png) repeat 0 0;
    border: 1px solid #ccc;
    border-bottom-color: #fff;
    border-left-color: #ccc;
    border-right-color: #fff;
    border-top-color: #ccc;
    color: #485764; /*body-text-color*/
    font-size: 1em;
    margin-bottom: 1.5em;
    padding: 7px 11px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.disenador div.highlight {
    background-color: #efefef;
    color: #777;
}

div.disenador div.highlight:hover {
    border-bottom-color: #eee;
    border-left-color: #aaa;
    border-right-color: #eee;
    border-top-color: #aaa;
}

div.disenador div.papelera {
    background: #fbe4e4 url(../images/layout/drop-flujos3.png) repeat 0 0;
    border: 1px solid #ccc;
    border-bottom-color: #fff;
    border-left-color: #ccc;
    border-right-color: #fff;
    border-top-color: #ccc;
    color: #d95353;
    display: none;
    font-size: 1.1em;
    margin-bottom: 1.5em;
    padding: 7px 11px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.disenador div.papelera:hover {
    border-bottom-color: #eee;
    border-left-color: #aaa;
    border-right-color: #eee;
    border-top-color: #aaa;
}

div.elementosDisponibles {
    background: url(../images/layout/body-horizontal-separator.png) repeat-x 0 100%;
    margin-bottom: 1.5em;
    padding-bottom: 0.1em;
}

div.elementosDisponibles div.bloque {
    background: #e7f2fc url() no-repeat 5px 50%;
    border: 1px solid #aacff1;
    color: #266294;
    float: left;
    font-size: 13px;
    cursor: move;
    margin: 0 5px 5px 5px;
    overflow: hidden;
    padding: 0.75em 1em;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.elementosDisponibles div.grupos,
div.elementosDisponibles div.cargos,
div.elementosDisponibles div.ayuda {
    background-color: #cee7fe;
    border-color: #85b5e3;
    cursor: pointer;
}

div.elementosDisponibles div.current {
    background-color: #ebebeb;
    background-position: 5px 0.9em;
    border: 1px solid #c4c3c3;
    border-bottom: 0;
    padding-bottom: 1.7em;
    margin-bottom: -2em;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

div.elementosDisponibles div.ayuda {
    background-image: url(../images/iconos/help-8x11.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #5e9bd4;
    border: none;
    border-radius: 50px;
    margin-top: .75em;
    text-indent: -999em;
    padding-left: 0;
    padding-right: 0;
    width: 20px;
    height: 20px;
}

div.elementosDisponibles div.ayuda a {
    display: block;
}

div.elementosDisponibles div.contenedor {
    background-image: url(../images/iconos/cont-16x16.png);
    padding-left: 26px;
}

div.elementosDisponibles div.usuario {
    background-image: url(../images/iconos/user-16x16.png);
    padding-left: 26px;
}

div.elementosDisponibles div.subordinados {
    background-image: url(../images/iconos/user2-16x16.png);
    padding-left: 26px;
}

div.elementosDisponibles div.jefes {
    background-image: url(../images/iconos/user3-16x16.png);
    padding-left: 26px;
}

div.elementosDisponibles div.grupos {
    background-image: url(../images/iconos/users-16x16.png);
    /*      clear: left; */
    margin-left: 6px;
    padding-left: 26px;
    /*      margin-top: 1em; */
}

div.elementosDisponibles div.cargos {
    background-image: url(../images/iconos/maleta-16x16.png);
    /*      margin-top: 1em; */
    padding-left: 26px;
}

div.elementosDisponibles div.sep {
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    height: 20px;
    float: left;
    margin: 0.5em 0.75em 0 0.75em;
}

div.elementosDisponibles div.categoriasgrupos {
    background: #ebebeb;
    border: 1px solid #c4c3c3;
    margin: 0.35em 0.5em;
    padding: 0.75em 1em 0.25em 1em;
    height: 126px;
    overflow: auto;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

a.eliminarAuditoria {
    background: none;
    border: 1px solid #888; /*error-color*/
    border-radius: 3px;
    color: #888; /*error-color*/
    float: right;
    font-weight: normal;
    padding: .66em 1em;
    text-decoration: none;
    transition: .3s;
}

a.eliminarAuditoria:focus,
a.eliminarAuditoria:hover {
    text-decoration: none;
    transition: .3s;
}

div.disenador + .volver .espere {
    border: 1px solid #145b94; /*main-color*/
    border-radius: 3px;
    padding: .75em;
    transition: .2s;
}
div.disenador + .volver .espere:hover {
    background: #145b94; /*main-color*/
    color: white;
    text-decoration: none;
    transition: .2s;
}

/* Detalle de peticion */

a.eliminarPeticion {
    background: none;
    border: 1px solid;
    border-radius: 3px;
    color: #2d3e4d; /*textColor*/
    float: right;
    font-size: 1em;
    font-weight: bold;
    text-transform: capitalize;
    margin-left: 6px;
    padding: .5em 1em;
    text-decoration: none;
}

a.modificarFlujo {
    background: url(../images/iconos/modificar.gif) no-repeat 0 50%;
    font-size: 1em;
    font-weight: bold;
    margin-left: 6px;
    padding-left: 18px;
    text-decoration: underline;
}

a.enlaceDisabled {
    cursor: inherit;
}


/* Arbol documentos */

div.opcionesNodo a.descargarDocumento {
    background: url(../images/iconos/mini-down.png) 0 0 no-repeat;
}

div.opcionesNodo a.firmar {
    background: url(../images/iconos/mini-sign-attach.png) 0 0 no-repeat;
}

div.opcionesNodo a.anexo {
    background: url(../images/iconos/mini-attach.png) 0 0 no-repeat;
}

div.nodoPulsable {
    cursor: pointer;
}

div.arbolDocumentos div.opcionesNodo a:hover {
    background-position: 2px 0px !important;
}


/* Popup repositorio CMIS */

#seleccionDocumentosWrapper {
    float: left;
    height: 355px;
    overflow: auto;
    width: 430px;
}

#seleccionDocumentosWrapper fieldset {
    border: 1px solid #eee;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#seleccionDocumentosWrapper fieldset legend {
    display: none;
}

#documentosSeleccionados {
    float: right;
    height: 355px;
    overflow: auto;
    width: 230px;
}

#documentosSeleccionados h3 {
    border-bottom: 1px solid #eee;
    color: #266294;
    font-size: 1.1666em;
    font-style: normal;
    font-weight: bold;
    line-height: 2em;
}

/* Bandeja de entrada */
div#mailbox .numPorPagina {
    color: #2d3e4d; /*textColor*/
    float: right;
    margin: 0;
    padding: 0;
    text-align: left;
}
div#mailbox .numPorPagina.numSelected {
    float: left;
    opacity: .66;
}
div#mailbox.seleccionado .numPorPagina.numSelected {
    display: block;
    opacity: .66;
}
.mailbox .numPorPagina span {
    font-size: 14px;
    font-weight: normal;
}
.mailbox .numPorPagina a {
    color: #2d3e4d; /*text-color: */
    opacity: .55;
}
.mailbox .numPorPagina a.actual {
    color: #145b94; /*main-color*/
    opacity: 1;
}

.mailbox a.starredOn,
.mailbox a.starredOff {
    display: block;
    float: left;
    text-indent: -9999px;
    width: 25px;
    height: 18px;
}

.mailbox a.starredOn {
	background: url(../images/iconos/starredOn.gif) 0 0 no-repeat;
}

.mailbox a.starredOff {
	background: url(../images/iconos/starredOff.gif) 0 0 no-repeat;
}

.mailbox .inboxFirstColumn {
    width: 30px;
}

.mailbox .requestListSenderTitle {
	margin-left: 25px;
}

.mailbox .requestDocuments {
	clear: both;
}

.width-09,
.ancho-09 {
    width: 9%;
}

.width-19,
.ancho-19 {
    width: 19%;
}

.mailbox a.starredOn {
    background: url(../images/iconos/starredOn.png) 0 0 no-repeat;
}

.mailbox a.starredOff {
    background: url(../images/iconos/starredOff.png) 0 0 no-repeat;
}

.tableContainer table thead th,
.tableContainer table tbody td,
.mailbox table thead th,
.mailbox table tbody td {
    background: none;
    transition: 0s;
	vertical-align: top;
	padding: 0.7em 0;
}

.mailbox table tbody td div.holderWrapper {
    float: left;
    height: 10px;
    margin-left: 5px;
    margin-right: 0.5em;
    margin-top: 0.7em;
    width: 7px;
}

.mailbox table td div.selectRequestWrapper,
.mailbox table th div.selectRequestWrapper {
    /*left: 6px;
    position: relative;*/
	float: left;
    display: block;
    margin: 0;
    padding: 0;
	width: 15px;
	margin-right: 10px;
	min-height: 1px;
}

.mailbox table div.selectRequestWrapper p,
.mailbox table div.selectRequestWrapper p input {
	margin: 0;
	padding: 0;
}  

.mailbox table th input.boolean, .mailbox table td input.boolean {
	margin: 0px;
}

.mailbox table tbody td a {
    color: #485764;
    font-size: 14px;
	padding: 0;
    margin: 0;
    float: left;
    display: contents;
    word-break: break-word;
}

/* Visualizar pdf */

.visualizarPDF {
    background: url(../images/iconos/buscar.gif) 0 0 no-repeat;
}


/* Instancias */

table.listado td a.desactivarElemento {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/desactivo.gif) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

p.urlInstanciaWrapper {
    margin-bottom: 0;
}

div.urlInstancia {
    margin: 0 0.5em;
}

div.urlInstancia em {
    margin-right: 0.5em;
}

div.urlInstancia input {
    width: 22%;
}

table.listado td a.abrirInstancia {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/ico-right-16x16.png) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}


/* Busqueda avanzada */
#busquedaAvanzada p {
    margin-top: 0;
}
form.filtroBusqueda .horizontal p {
    margin-right: 0;
}
#busquedaAvanzada select {
    margin-right: .5em;
}
.sinBR br {
    display: none
}

input.anyadirFiltroBusqueda {
    border: none;
    height: 16px;
    margin: 35px 0 0 5px;
    width: 16px;
}

div.valorBusquedaAvanzada {
    float: left;
    width: 20%;
}

div.valorBusquedaAvanzada input {
    width: 100%;
}

div.valorBusquedaAvanzada input.format-d-m-y {
    width: 100px;
}

div.valorBusquedaAvanzada .radio input {
    width: 20px;
}

div.valorBusquedaAvanzada .radio {
    margin-top: 0px;
    border: none;
}

div.valorBusquedaAvanzada .radio td {
    border: none;
    width: 55px;
}

input.radio {
    border: none;
}

div.radioButton {
    margin-top: 16px;
}

div.radioButton .radio {
    margin: 0;
}

div.radioButton table {
    border: 0;
    width: 60%;
}

div.radioButton table td {
    border: 0;
}

td.valor table {
    border: 0;
}

td.valor .radio {
    margin: 0;
}
td.valor td {
    border: none;
}

table.listado td .wrapper a.aceptar {
    background-image: url(../images/iconos/exito.gif);
    width: 16px;
}

fieldset.buscadorAuditoria {
    width: 100%;
}
fieldset.buscador p {
    color: #485764; /*body-text-color*/
    font-size: 13px;
    margin: 0;
}
fieldset.buscador legend {
    display: none;
}
textarea {
    width: 100%;
}

div.checkNotification input {
    width: auto;
}

.checkNotification table label {
    color: #2d3e4d; /*textColor*/
    font-family: inherit;
    font-size: 1em;
    padding: 0.354175em 0.15em;
    font-weight: normal;
}
div.checkNotification table td input[type="radio"] + label {
    font-weight: normal !important;
}
div.checkNotification table,
div.checkNotification table tr,
div.checkNotification table td {
    border: none;
    padding: 0;
    margin: 0;
}

.tablaBorradores table th input.boolean,
.tablaBorradores table td input.boolean {
    top: 0;
    vertical-align: middle;
    margin-left: 7px;
}


/* .tablaBorradores table tbody td div.selectRequestWrapper { */


/*     left: 2px; */


/* } */

.tablaBorradores table tbody td div.selectRequestWrapper {
    left: 3px;
    top: 14px;
    vertical-align: middle;
    height: 28px;
}

.tablaBorradores table thead th div.selectRequestWrapper {
    position: relative;
    left: 0px;
}

.notificationsLevelOptionsUserAdmin .icon-help {
    margin-top: 0;
}

table.listFields label {
    display: none;
}

table.listFields p {
    margin: 0;
}

table.listFields .cajaTexto {
    width: 99%;
}

table.listFields th {
    background-color: #5E9BD4;
}

input.disabled,
input.disabled:hover {
    background: #ddd !important;
    color: #888;
    border: none;
    cursor: default;
    text-shadow: none;
}

.richUploadTemplate p label {
    display: none;
}

.richUploadTemplate p {
    float: left;
    margin-right: 1%;
    margin-top: 3px;
    max-width: 79%;
    padding: 0;
}

.richUploadTemplate select {
    max-width: 100%;
}

.templateFields .cajaTexto {
    width: 99%;
}

.colorwhite {
    color: #FFFFFF;
}

.pass-text {
    color: #485764;
    display: block;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 0.25em;
    text-shadow: 1px 1px #444444;
    text-align: justify;
}

table.listado td a.download {
    display: block;
    float: left;
    margin-right: 0.2em;
    border: 0;
    background: url(../images/iconos/ico-download-16x16.png) no-repeat 0 0;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.quickReport p {
    width: 100px;
    float: left;
}

.quickReport .boton {
    margin-top: 24px;
}

.reportTypeWrapper {
    width: 120px;
    float: left;
}

.reportTypeWrapper p,
.reportTypeWrapper select {
    width: 110px;
}

tr td p {
    margin: 0;
    padding: 0;
}

.userTable {
    overflow: auto;
    height: 625px;
}


/* Estilos generales */

table.listado td.ancho10 {
    width: 10%;
}

table.listado td.ancho20 {
    width: 20%;
}

table.listado td.ancho30 {
    width: 30%;
}

table.listado td.ancho40 {
    width: 40%;
}

table.listado td.ancho50 {
    width: 50%;
}

table.listado td.ancho60 {
    width: 60%;
}

table.listado td.ancho70 {
    width: 70%;
}

table.listado td.ancho80 {
    width: 80%;
}

table.listado td.ancho90 {
    width: 90%;
}

table.listado td.ancho5 {
    width: 5%;
}

table.listado td.ancho15 {
    width: 15%;
}

table.listado td.ancho25 {
    width: 25%;
}

table.listado td.ancho35 {
    width: 35%;
}

table.listado td.ancho45 {
    width: 45%;
}

table.listado td.ancho55 {
    width: 55%;
}

table.listado td.ancho65 {
    width: 65%;
}

table.listado td.ancho75 {
    width: 75%;
}

table.listado td.ancho85 {
    width: 85%;
}

table.listado td.ancho95 {
    width: 95%;
}

table td.ancho10 {
    width: 10%;
}

table td.ancho20 {
    width: 20%;
}

table td.ancho30 {
    width: 30%;
}

table td.ancho40 {
    width: 40%;
}

table td.ancho50 {
    width: 50%;
}

table td.ancho60 {
    width: 60%;
}

table td.ancho70 {
    width: 70%;
}

table td.ancho80 {
    width: 80%;
}

table td.ancho90 {
    width: 90%;
}

table td.ancho5 {
    width: 5%;
}

table td.ancho15 {
    width: 15%;
}

table td.ancho25 {
    width: 25%;
}

table td.ancho35 {
    width: 35%;
}

table td.ancho45 {
    width: 45%;
}

table td.ancho55 {
    width: 55%;
}

table td.ancho65 {
    width: 65%;
}

table td.ancho75 {
    width: 75%;
}

table td.ancho85 {
    width: 85%;
}

table td.ancho95 {
    width: 95%;
}

table th.ancho10 {
    width: 10%;
}

table th.ancho20 {
    width: 20%;
}

table th.ancho30 {
    width: 30%;
}

table th.ancho40 {
    width: 40%;
}

table th.ancho50 {
    width: 50%;
}

table th.ancho60 {
    width: 60%;
}

table th.ancho70 {
    width: 70%;
}

table th.ancho80 {
    width: 80%;
}

table th.ancho90 {
    width: 90%;
}

table th.ancho5 {
    width: 5%;
}

table th.ancho15 {
    width: 15%;
}

table th.ancho25 {
    width: 25%;
}

table th.ancho35 {
    width: 35%;
}

table th.ancho45 {
    width: 45%;
}

table th.ancho55 {
    width: 55%;
}

table th.ancho65 {
    width: 65%;
}

table th.ancho75 {
    width: 75%;
}

table th.ancho85 {
    width: 85%;
}

table th.ancho95 {
    width: 95%;
}

table th.ancho7 {
    width: 7%;
}

table th.ancho33 {
    width: 33%;
}


/* Estilos generales */

table.listado td.ancho10num {
    width: 10%;
    text-align: right;
}

table.listado td.ancho20num {
    width: 20%;
    text-align: right;
}

table.listado td.ancho30num {
    width: 30%;
    text-align: right;
}

table.listado td.ancho40num {
    width: 40%;
    text-align: right;
}

table.listado td.ancho50num {
    width: 50%;
    text-align: right;
}

table.listado td.ancho60num {
    width: 60%;
    text-align: right;
}

table.listado td.ancho70num {
    width: 70%;
    text-align: right;
}

table.listado td.ancho80num {
    width: 80%;
    text-align: right;
}

table.listado td.ancho90num {
    width: 90%;
    text-align: right;
}

table.listado td.ancho5num {
    width: 5%;
    text-align: right;
}

table.listado td.ancho15num {
    width: 15%;
    text-align: right;
}

table.listado td.ancho25num {
    width: 25%;
    text-align: right;
}

table.listado td.ancho35num {
    width: 35%;
    text-align: right;
}

table.listado td.ancho45num {
    width: 45%;
    text-align: right;
}

table.listado td.ancho5num5 {
    width: 55%;
    text-align: right;
}

table.listado td.ancho65num {
    width: 65%;
    text-align: right;
}

table.listado td.ancho75num {
    width: 75%;
    text-align: right;
}

table.listado td.ancho85num {
    width: 85%;
    text-align: right;
}

table.listado td.ancho95num {
    width: 95%;
    text-align: right;
}

#userEntityForm table input,
#formEntity table input,
#formUser table input {
    width: 98%;
}

.migrate #body dt {
    width: 75%;
    color: white;
}

.migrate #body dd {
    width: 20%;
    color: white;
}

#nav ul li a.archive {
    background-image: url(../images/iconos/ico-archive-16x16.png);
}

.rich-messagesError li {
    list-style-type: disc;
    margin-left: 1em;
}

.selectRequestWrapper p {
    margin: 0;
}

.append-02 {
    margin-right: 2%;
}

.append-03 {
    margin-right: 3%;
}

table.listado td .wrapper a.addfilter {
    background-image: url(../images/iconos/ico-filter-add-14x13.png);
    background-position: 50% 50%;
    width: 18px;
}

table.listado td .wrapper a.removefilter {
    background-image: url(../images/iconos/ico-filter-delete.png);
    background-position: 50% 50%;
    width: 18px;
}

.indent-01 {
    margin-left: 1%;
}

.indent-02 {
    margin-left: 2%;
}

.indent-03 {
    margin-left: 3%;
}

.indent-04 {
    margin-left: 4%;
}

.contenedor-type-preview {
    clear: both;
    text-align: center;
}

div.disenador div.linea div.contenedor.contenedor-or {
    background-color: #ffe0ab;
    border-color: #ffa000;
}

div.disenador div.linea div.contenedor.contenedor-or .bloque {
    background-color: #ffeccc;
    border-color: #ffc057;
    color: #d18300;
}

div.disenador div.linea div.contenedor.contenedor-or .nuevoBloque {
    border-color: #ffc057;
    background: #e6f2fe url(../images/layout/drop-flujos-or.png) repeat 0 0;
}

div.disenador div.linea div.contenedor.contenedor-or a {
    color: #d18300;
}

div.disenador div.linea div.contenedor.contenedor-or .separadorBloque span {
    background: url(../images/layout/flujos-or.png) no-repeat 0 50%;
    width: 50px;
    left: -21px;
}

#nuevaPeticion .rich-fileupload-list-overflow,
.rich-fileupload-ico-stop-dis {
    display: none!important;
}
#nuevaPeticion .table-display dd {
    word-wrap: break-word;
}
a.button {
    background: none repeat scroll 0 0;
    border: none;
    border-radius: 3px;
    color: #145b94; /*main-color*/
    margin-right: .66em;
    padding: 0.33em 1em;
    font-size: 1em !important;
    font-weight: normal;
    overflow: visible;
    text-decoration: none;
    text-shadow: none;
    transition: background-color 0.1s linear 0s;
    width: auto;
}
a.signbutton {
    background: transparent no-repeat 5px center;
    color: #145b94;
    font-size: 1em;
    padding: .5em 1em .5em 2.75em !important;
    transition: .3s;
}

a.signbutton.button:hover,
#detallePeticion .mainActions form.big input.button.reject:hover,
input.signbutton.cosign:hover,
input.signbutton.viafirma:hover {
    cursor: pointer;
    background-color: #f0f0f0 !important;
    background-repeat: no-repeat;
    transition: .3s;
}
.delegationTable .acciones .dropdown-menu a:hover {
    background-color: #f0f0f0 !important;
    text-decoration: none;
}
a.button-all {
    padding: 0.4em 1em;
}

#configuracionGeneral .icon-help {
    margin: 0 0 0 5px;
}

.attached li {
    display: block;
    float: left;
    padding: .1em 0em;
    width: 100%;
}
.attached li a.delete {
    float: right;
    top: 6px;
    position: relative;
    opacity: .66;
}

.attached li a.view,
.attached li a.downloadOriginal,
.attached li a.downloadSigned {
    width: 20px;
    float: right;
    height: 24px;
    opacity: .7;
    white-space: nowrap;
    overflow: hidden;
    transition: .3s;
    text-indent: 100%;
    position: relative;
    display: inline-block;
    margin-right: 0;
}
.attached li a.downloadOriginal {
    background: url(../images/iconos/download-all.png) no-repeat 8px center;
    float: right;
}
.attached li a.view {
    background: url(../images/iconos/ic_view_doc.png) no-repeat 2px -1px;
    float: right;
    margin-left: .5em;
}
.attached li a.downloadSigned {
    background: url(../images/iconos/ic_signed_doc.png) no-repeat 2px center;
}
.attached li a.view:hover,
.attached li a.downloadOriginal:hover,
.attached li a.downloadSigned:hover {
    cursor: pointer;
    opacity: 1;
    transition: .3s;
}
.annexes.empty h6:after {
    content: url(../images/iconos/img_empty_attachment.png);
    display: block;
    text-align: center;  
}
.annexes h6 + p,
#wrapperComentarios h6 + p {
    display: none;
}
.annexes.empty h6 + p,
#wrapperComentarios.empty h6 + p{
    display: block;
    margin: 0;
    opacity: .33;
    text-align: center;
}
.annexDetail {
    color: #485764;
    font-size: 12px;
    margin-top: -.33em;
    opacity: .66;
    float: left;
    width: 100%;
}
.annexDetail .annexUser {
    margin-right: .66em;
}
#wrapperComentarios.empty h6:after {
    content: url(../images/iconos/img_no_comments.png);
    display: block;
    text-align: center; 
}
.customClassOptions h3 {
    margin-top: 1em!important;
}

form .customClassOptions p {
    margin-left: 0!important;
}

.prepend-02 {
    margin-left: 2%;
}

.prepend-04 {
    margin-left: 4%;
}

.positionxy input {
    width: auto;
}

.positionxy input,
.stampsize input {
    width: auto;
}

.positionxy .group,
.stampsize .group {
    margin-bottom: .5em;
}

.positionxy p,
.stampsize p,
.stamppages p {
    margin-bottom: 0;
}

.stampsize label {
    width: 40px;
    float: left;
}

.stamppages select {
    margin-left: 2%;
}

@media(max-width:1024px) {
    a.button {
        -webkit-appearance: unset;
    }
}

.boton-preview {
    margin-right: 1em;
}

table.listado td .wrapper a.pdf-preview {
    background-image: url(../images/iconos/pdf-preview.png);
    width: 20px;
}

.ancho10 {
    width: 10%;
}

.ancho20 {
    width: 20%;
}

.ancho30 {
    width: 30%;
}

.ancho40 {
    width: 40%;
}

.ancho50 {
    width: 50%;
}

.ancho60 {
    width: 60%;
}

.ancho70 {
    width: 70%;
}

.ancho80 {
    width: 80%;
}

.ancho90 {
    width: 90%;
}

.ancho5 {
    width: 5%;
}

.ancho15 {
    width: 15%;
}

.ancho25 {
    width: 25%;
}

.ancho35 {
    width: 35%;
}

.ancho45 {
    width: 45%;
}

.ancho55 {
    width: 55%;
}

.ancho65 {
    width: 65%;
}

.ancho75 {
    width: 75%;
}

.ancho85 {
    width: 85%;
}

.ancho95 {
    width: 95%;
}

.ancho7 {
    width: 7%;
}

.ancho33 {
    width: 33%;
}

.selectAllMessage {
    background: rgba(94, 155, 212, 0.1);
    border: 1px solid #5e9bd4;
    border-radius: 2px;
    color: #5e9bd4;
    padding: .25em .5em;
    text-align: center;
}
.selectAllMessage a {
    float: right;
    text-decoration: underline;
}
.quickReport p {
    width: auto;
    float: left;
}

#formSignReporter p {
    margin-top: 0em;
    margin-bottom: 1em;
}
#formSignReporter .quickReport p {
    margin-right: 1em;
    width: 200px;
}
#formSignReporter .quickReport p input {
    width: 80%;
}

/* MAIN ACTION BAR */
.mailbox .selectedActionContainer {
    margin: .75em 0em .4em 0;
    /*margin: .75em 0em;*/
    /*overflow: hidden;*/
    /*! margin-bottom: -1.5em; */
}
.mailbox .selectedActions {
    border-top: 0;
    background: transparent;
    float: left;
    width: 40%;
    z-index: 1;
}
.mailbox .selectedActionContainer .group {
    float: right;
    margin-top: .2em;
    width: 60%;
}
.mailbox.seleccionado .selectedActions {
    visibility: visible;
}
.mailbox .selectedActions > a {
    float: left;
}
.mailbox .selectedActions > a,
.mailbox .selectedActions > input {
    margin-top: 0;
}
.mailbox input.button.btnReject,
.login .group .group input.button.reject,
.login .group .group input.button.reject:hover {
    background: none;
    color: #145b94; /*main-color*/
    font-size: 15px;
    margin-left: 1.25em;
    padding-left: 28px;
    /* background-size: 26px !important; */
    transition: .3s;
}
.mailbox input.button.btnReject:hover {
    background: transparent url(../images/spritesheet.png) no-repeat -5px -203px !important;
    cursor: pointer;
    opacity: .7;
    transition: .3s;
}

.mailbox input.button.btnArchive,
.login .group .group input.button.archive,
.login .group .group input.button.archive:hover {
    background: none;
    color: #145b94; /*main-color*/
    font-size: 15px;
    margin-left: 1.25em;
    padding-left: 28px;
    transition: .3s;
}
.mailbox input.button.btnArchive:hover {
    background: transparent url(../images/spritesheet.png) no-repeat -8px -431px !important;
    cursor: pointer;
    opacity: .7;
    transition: .3s;
}

.mailbox .dropdown-trigger,
.mailbox .button-one,
body.login.public .dropdown-trigger.otherSignTypes{
    color: #145b94; /*main-color*/
    padding: .25em 0 .25em 34px;
}
.mailbox .dropdown-trigger:hover,
.mailbox .button-one:hover,
body.login.public .dropdown-trigger:hover,
#nuevaPeticion .dropdown-trigger:hover {
    background-color: transparent;
    cursor: pointer;
    opacity: .75;
}

.mailbox .dropdown-trigger:after,
#detallePeticion .mainActions.dropdown span.dropdown-trigger:after,
body.login .dropdown-trigger.otherSignTypes:after,
#nuevaPeticion .dropdown-trigger:after {
    content: "\25Be";
    left: .5em;
    position: relative;
}

.login.public #body input.button.approval {
    background-image: url(../images/iconos/spritesheet.png) !important;
    background-repeat: no-repeat !important;
    background-position: -13px -1216px  !important;
    float: left;
    padding: .8em 1em .8em 2.66em;
}

.login.public #body .externalSign .signbutton.default.disabled {
    opacity: .2;
}

.login.public #body .externalSign .signbutton.default.disabled:hover {
    cursor: default;
}

#detallePeticion .mainActions.dropdown span.dropdown-trigger,
.login.public #body .externalSign .signbutton.default.web {
    background-color: #145b94;
    background-image: url(../images/iconos/ic_signature_white.png) !important;
    background-position: 5px 6px !important;
    background-repeat: no-repeat !important;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    padding: .66em 1.25em .66em 2.5em;
}

.login.public #body .externalSign .signbutton.default.otpsms,
.login.public #body .externalSign .signbutton.default.otpsms:hover {
    background-image: url(../images/iconos/ic_otp_sms_white.png) !important;
    background-repeat: no-repeat !important;
    background-position: 3px 1px !important;
}

.login.public #body .externalSign .signbutton.default.otpMail,
.login.public #body .externalSign .signbutton.default.otpMail:hover {
    background-image: url(../images/iconos/ic_otp_mail_white.png) !important;
    background-repeat: no-repeat !important;
    background-position: 3px 1px !important;
}

.login.public #body .externalSign .signbutton.default.web:hover {
    background-image: url(../images/iconos/ic_signature_white.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5px 6px !important;
}
#detallePeticion .mainActions.dropdown span.dropdown-trigger:hover {
    background-color: #104068;
}
                                                                    
                                                     
#body .main #inbox #detalleRefresh.dropdown {
    position: relative;
}

body.login.public .dropdown-menu,
#body .main #inbox .dropdown.dropdown-main-menu .dropdown-menu,
.mailbox .dropdown-menu,
#detallePeticion .mainActions.dropdown .dropdown-menu,
.delegationTable .acciones .dropdown-menu,
#nuevaPeticion .dropdown-menu {
    background: white;
    border: 1px solid #eaeaea;
    box-shadow: 0px 0px 24px #d0d0d0;
    display: none;
    padding: .5em .5em .5em .5em;
    position: absolute;
    z-index: 2;
}

#detallePeticion .mainActions.dropdown .dropdown-menu a,
#nuevaPeticion .dropdown .dropdown-menu a {
    display: block;
}

#nuevaPeticion .dropdown .dropdown-menu a:hover {
	background: #f0f0f0;
}

#body .main #inbox .dropdown.dropdown-main-menu .dropdown-menu {
    padding: 0;
} 

#body .main #inbox .dropdown.dropdown-main-menu .dropdown-menu p {
    padding-top: 0;
}

#body .main #inbox .dropdown.dropdown-main-menu .dropdown-menu input,
#body .main #inbox .dropdown.dropdown-main-menu .dropdown-menu a,
#body .main #inbox .dropdown.dropdown-main-menu .dropdown-menu button {
    border-bottom: 1px solid #eaeaea;
    color: #485764;
    font-size: 14px !important;
    padding: 1em 2em;
}
.mailbox .dropdown-menu > *:hover{
    cursor: pointer;
    opacity: .9;
    transition: .3s;
}

#body .main #inbox .dropdown.dropdown-main-menu .dropdown-menu {
  right: 0;
}

#body .main #inbox .dropdown.dropdown-main-menu .dropdown-menu a,
#body .main #inbox .dropdown.dropdown-main-menu .dropdown-menu .button,
.mailbox .dropdown-menu > a {
    display: block;
    z-index: 53535;
}

#body .main #inbox .dropdown.dropdown-main-menu.externalUserActions .dropdown-menu a,
#body .main #inbox .dropdown.dropdown-main-menu.externalUserActions .dropdown-menu .button,
.mailbox .dropdown-menu > a {
    width: auto;
    margin: 0;
}

    
.dropdown-menu .disabled {
    opacity: .33;
}
.upload .rich-fileupload-list-decor {
    display: none;
}
.mailbox .dropdown-menu.show {
    display: block;
}
.delegationTable .acciones div.dropdown-menu {
    padding-bottom: 1em;
    max-width: 300px;
}
.delegationTable .acciones div.dropdown {
    float: left;
}
.delegationTable .acciones .dropdown-menu a {
    float: left;
    margin-left: 0em;
    height: auto;
    margin-bottom: 0em;
    text-indent: 0;
    width: 300px;
}
.delegationTable .acciones span.dropdown-trigger {
    background: url(../images/iconos/ic_signature_pencil.png) no-repeat center -5px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px;
}
.delegationTable .acciones span.dropdown-trigger:hover {
    cursor: pointer;
}
/* FOOTER */

.login .market-apps:after {
    height: 0;
    visibility: hidden;
    clear: "both";
    content: ".";
}
.market-apps p {
    margin: 0em 0em .5em 0em;
    text-align: center;
}
.market {
  background: #323232;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: .5em;
  margin-right: 20px;
  padding: .25em 0em .5em 4em;
  transition: .3s;
  width: 160px;
}

.market.center{
  margin: 0px auto !important;
  display: block !important;
}
.market:last-of-type {
    margin-right: 0;
}
.market:hover {
  cursor: pointer;
  opacity: .9;
  text-decoration: none;
  transition: .3s;
}
.market span {
  color: white;
  display: block;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: .5px;
  line-height: 20px;
  width: 100%;
}
.market span:last-child {
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0px;
  text-align: left;
}
.market.ios span:first-child:before,
.market.android span:first-child:before {
  display: inline-block; 
  margin-left: -3.5em;
  margin-top: .4em;
  position: absolute;
}
.market.ios span:first-child:before {
  content: url('../images/iconos/ic_apple.png');
}
.market.android span:first-child:before {
  content: url('../images/iconos/ic_google_play.png');
}
footer {
    display: block;
    margin: 1em 0em;
    position: relative;
    width: 100%;
    float: left;
    
}
body.login footer {
    margin-top: 1.5em;
}
footer ul {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
footer li {
    display: inline-block;
    margin-right: 1em;
}
footer a {
    color: #485764; /*body-text-color*/
}
footer a.verification:after,
footer a.manual:after {
    content: "\00B7";
    font-size: 24px;
    display: inline-block;
    margin-left: .75em;
    margin-top: 1em;
    position: relative;
    top: 2px;
}
footer div.selectorIdioma {
    background: white;
    border: 1px solid #eaeaea;
    position: relative;
    padding: .25em 1em;
    padding-right: 1em;
    min-width: 110px;
}

footer div.selectorIdioma strong {
    color: #485764; /*body-text-color*/
    font-weight: normal;
    text-decoration: none;
    background: url(../images/iconos/selector-idioma.png) no-repeat 100% 50%;
    padding-right: 10px;
}

footer div.selectorIdioma ul {
    border: 1px solid #eaeaea;
    background-color: #fff;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 28px;
    left: 0em;
    z-index: 9999;
}

footer div.selectorIdioma ul li {
    margin: 0;
    padding: 0;
}

footer div.selectorIdioma ul li a {
    display: block;
    text-decoration: none;
    padding: 0.5em 1.25em;
    border-bottom: 1px solid #eee;
}

footer div.selectorIdioma ul li a:focus,
footer div.selectorIdioma ul li a:hover {
    text-decoration: none;
}

.mobileTabBar {
    display: none;
}

/* SPRITESHEET */

.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,
.mailbox input.button.btnArchive,
a.signbutton.viafirma, 
.delegationTable .acciones .dropdown-menu a.signbutton.viafirma,
a.signbutton.fortress,
.delegationTable .acciones .dropdown-menu a.signbutton.fortress,
a.signbutton.fortressQualified,
.delegationTable .acciones .dropdown-menu a.signbutton.fortressQualified,
a.signbutton.otpsms,
a.signbutton.otpMail,
a.signbutton.web,
a.signbutton.web:hover,
body.login.public #body #selectedActions input.signbutton.cosign,
body.login.public #body #selectedActions input.signbutton.otpsms,
body.login.public #body #selectedActions input.signbutton.otpMail,
.login .group .group input.button.cosign:hover,
.login .group .group input.button.otpsms:hover,
.login .group .group input.button.otpMail:hover,
input.signbutton.cosign,
input.signbutton.cosign:hover,
input.signbutton.otpsms,
input.signbutton.otpMail,
input.signbutton.otpsms:hover,
input.signbutton.otpMail: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,
.delegationTable .acciones .dropdown-menu a.signbutton.otpMail,
#detallePeticion .mainActions form.big input.button.reject,
.login .group .group input.button.reject,
.login .group .group input.button.reject:hover,
a.signbutton.digitalized,
a.signbutton.viafirmaDigitalized,
a.signbutton.izenpe,
.delegationTable .acciones .dropdown-menu a.signbutton.izenpe,
input.signbutton.fortress,
input.signbutton.fortress:hover,
input.signbutton.fortressQualified,
input.signbutton.fortressQualified:hover,
input.signbutton.autofirma,
input.signbutton.autofirma:hover,
.delegationTable .acciones .dropdown-menu a.signbutton.autofirma {
    background-image: url(../images/spritesheet.png) !important;
    background-repeat: no-repeat !important;
}



.mailbox .dropdown-trigger,
body.login.public .dropdown-trigger,
.mailbox .button-one,
.mailbox .button-one:hover {
    background-repeat: no-repeat;
    background-position: -5px -167px;
}

.mailbox input.button.btnReject,
#detallePeticion .mainActions form.big input.button.reject,
.login .group .group input.button.reject,
.login .group .group input.button.reject:hover {
    background-color: transparent !important;
    background-position: -5px -203px !important;
    background-repeat: no-repeat !important;
}

.mailbox input.button.btnArchive,
#detallePeticion .mainActions form.big input.button.archive,
.login .group .group input.button.reject,
.login .group .group input.button.reject:hover {
    background-color: transparent !important;
    background-position: -8px -431px !important;
    background-repeat: no-repeat !important;
}

body.login.public #body #selectedActions {
    width: 100%;
    float: left;
}

body.login.public .externalSign #body .reject{
    float: right;   
}

#detallePeticion .mainActions form.big input.button.reject {
    margin-left: 1em;
    float: left;
}

a.signbutton.viafirma, 
.delegationTable .acciones .dropdown-menu a.signbutton.viafirma {
    background-position: -5px -83px;
}

a.signbutton.fortress,
.delegationTable .acciones .dropdown-menu a.signbutton.fortress {
    background-position: -5px -41px;
}

a.signbutton.autofirma,
.delegationTable .acciones .dropdown-menu a.signbutton.autofirma {
    background-position: -5px -83px;
}

input.signbutton.fortress,
input.signbutton.fortress:hover {
background-position: -5px -43px !important;
}


a.signbutton.izenpe,
.delegationTable .acciones .dropdown-menu a.signbutton.izenpe {
    background-position: -5px -270px;
}

a.signbutton.viafirma.digitalized,
a.signbutton.viafirmaDigitalized,
.delegationTable .acciones .dropdown-menu a.signbutton.viafirmaDigitalized {
background-position: -3px -161px;
}

body.login.public #body input.signbutton.otpsms,
body.login.public #body input.signbutton.otpsms:hover,
body.login.public #body #selectedActions input.signbutton.otpsms,
body.login.public #body #selectedActions input.signbutton.otpsms:hover,
a.signbutton.otpsms,
.delegationTable .acciones .dropdown-menu a.signbutton.otpsms {
    background-position: -5px -129px !important;
}

body.login.public #body input.signbutton.otpMail,
body.login.public #body input.signbutton.otpMail:hover,
a.signbutton.otpMail,
.delegationTable .acciones .dropdown-menu a.signbutton.otpMail {
    background-position: -5px -314px !important;
}

body.login.public #body #selectedActions input.signbutton.otpMail,
body.login.public #body #selectedActions input.signbutton.otpMail:hover {
	background-position: -5px -310px !important;
}

input.signbutton.otpsms,
input.signbutton.otpsms:hover,
input.signbutton.cosign,
input.signbutton.cosign:hover,
input.signbutton.viafirma,
input.signbutton.viafirma:hover,
input.signbutton.otpMail,
input.signbutton.otpMail:hover,
input.signbutton.autofirma,
input.signbutton.autofirma:hover,
input.signbutton.fortress,
input.signbutton.fortress:hover,
input.signbutton.fortressQualified,
input.signbutton.fortressQualified:hover{
    background-repeat: no-repeat !important;
    color: #145b94;
    font-size: 1em !important;
    padding-left: 2.75em  !important;
    background-color: transparent !important;
    display: block;
    width: auto;
    text-align: left;
}
input.signbutton.otpMail:hover,
input.signbutton.otpsms:hover,
input.signbutton.cosign:hover,
input.signbutton.viafirma:hover,
input.signbutton.autofirma:hover,
input.signbutton.fortress:hover,
input.signbutton.fortressQualified:hover {
    background-color: #f0f0f0 !important;
}

body.login.public #body #selectedActions input.signbutton.cosign,
body.login.public #body #selectedActions input.signbutton.cosign:hover,
input.signbutton.cosign,
input.signbutton.cosign:hover {
    background-position: -5px -232px !important;
}

input.signbutton.otpsms,
input.signbutton.otpsms:hover {
    background-position: -5px -129px !important;
}

.multiSignContainer input.signbutton.otpMail,
.multiSignContainer input.signbutton.otpMail:hover {
    background-position: -5px -314px !important;
}

input.signbutton.otpMail,
input.signbutton.otpMail:hover {
    background-position: -5px -310px !important;
}


input.signbutton.autofirma,
input.signbutton.autofirma:hover {
    background-position: -5px -350px !important;
}


input.signbutton.otpMail:hover,
input.signbutton.otpsms:hover,
input.signbutton.cosign:hover {
    background-color: #F0F0F0 !important;
}

body.login.public #body input.signbutton.otpMail.default,
body.login.public #body input.signbutton.otpsms.default {
    padding: .66em 1.25em .66em 2.5em !important;
    width: auto;
}

body.login.public #body input.signbutton.otpMail.default:hover,
body.login.public #body input.signbutton.otpsms.default:hover {
    background-color: transparent !important;
}

/* SIGNATURE DESIGNER */

.webSignaturePage #inbox-signature-designer .preview-region .preview .documentWrapper {
    background: white;
}

.webSignaturePage #inbox-signature-designer .preview-region .preview .document {
    background: white;
    border: 0;
    box-shadow: none;
    margin: 0;
}

#inbox-signature-designer .hint {
    display: none;
}

.webSign input[type="submit"],
.webSignaturePage input[type="submit"] {
    background: #145b94;
    border: 0;
    border-radius: 3px;
    color: #FFF;
    margin-top: .5em;
    padding: .66em 2em;
    width: auto;
    font-weight: bold;
}

.webSign input.button,
.webSignaturePage input.button {
    color: white;
    font-weight: normal;
}

.webSign input[type="submit"]:hover,
.webSignaturePage input[type="submit"]:hover {
    cursor: pointer;
}
.webSign .webSignaturePage .userHint {
  background: #145b94;
  border-radius: 0;
  box-shadow: 0 0px 8px rgba(0,0,0,0.30);
  color: white;
  display: none;
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.5em 1em;
  text-align: center;
  border: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  left: 0;
}

.webSignaturePage .userHint > * {
    display: inline-block;
}

.webSignaturePage .userHint p {
    margin-top: 0;
    margin-bottom: .75em;
}

.webSignaturePage .userHint a {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    padding: .5em 1.5em;
    color: #145b94;
    font-weight: bold;
    margin-left: 1em;
    text-decoration: none;
}

.webSign .webSignaturePage #inbox-signature-designer {
    margin-top: 0 !important;
}

.webSignaturePage #inbox-signature-designer {
    background: white;
    border-color: #eaeaea;
    padding: 2em;
}

.webSign #header h1.logo {
    display: none;
}

@media (max-width: 768px) {
    .webSign #header h1.logo {
      margin-left: 0;
    }
}

.webSignaturePage #inbox-signature-designer .pager-region{
    border: 0; 
    padding: 2em .75em;
    width: 130px;
}

.webSignaturePage #inbox-signature-designer .preview-region {
    /* border: 1px solid #eaeaea; */
    margin-left: 80px; 
}

.webSignaturePage #inbox-signature-designer .pager-region .pager .page {
    width: 80px;
}

.webSignaturePage #inbox-signature-designer .preview-region .signature.no-drag {
    background-color: #e7eef4 !important;
}

.webSignaturePage #inbox-signature-designer .preview-region .preview .document .signature .clickHere {
    color: #145b94;
    font-size: 12px;
    font-weight: bold;
    padding: 0 1em;
    line-height: 14px;
}

.webSignaturePage #inbox-signature-designer .preview-region .preview .document .signature {
    background-color: rgba(255,255,255,.8) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,.33); 
    border: 0;
}

.webSignaturePage .popup-region .popup {
    border: 0;
}

.webSignaturePage .popup-content {
    background: #efefef;
}

.webSignaturePage .popup-region .popup .popup-content .signpad canvas {
    background: white;
    border: 1px solid #eaeaea;
    min-width: 470px !important;
}

#body .webSignaturePage .popup-region .popup-header {
    padding: 1.33em 1em;
}

#body .webSignaturePage .popup-region .buttons {
    margin-top: .25em;
}

#body .webSignaturePage .popup-region .popup .popup-header a {
    font-size: 20px;
    top: .66em;
    right: .75em;
}

#body .webSignaturePage .popup-region .buttons button.primary,
#body .webSignaturePage .popup-region .buttons button.secondary {
    border: 0;
    border-radius: 3px;
    font-size: 15px;
    padding: 1em;
    width: auto;
    margin-top: 0;
}

#body .webSignaturePage .popup-region .buttons button.primary {
    font-weight: bold;
    padding: 1em 2em;
    float: left;
}

@media (max-width: 480px) {
    #body .webSignaturePage .popup-region .buttons button.secondary {
        background: #c9c9c9;
        border-color: #d0d0d0;
        color: #485764;
        float: left;
        margin: 0;
    }
}

.webSignaturePage .popup-region .buttons button.primary:hover,
.webSignaturePage .popup-region .buttons button.secondary:hover {
    cursor: pointer;
}

.login.webSign #body .webSignaturePage form.finish-btn-container {
    background: #145b94;
    display: none;
    color: white;
    position: fixed;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    padding: 1em 0;
    z-index: 5;
}

.login.webSign #body .webSignaturePage form.finish-btn-container > * {
    display: inline-block;
}

.login.webSign #body .webSignaturePage form.finish-btn-container p {
    margin-right: .66em;
}

.login.webSign #body .webSignaturePage form input {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    margin-top: 0;
    position: relative;
}
.login.public .externalSign #listaDocumentosFirma {
    padding-top: 1em;
}

.login.public .externalSign .documentOptions {
    padding-bottom: 1em;
}

.login.public .externalSign #listaDocumentosFirma.col-45,
.login.public .externalSign #listaDocumentosAnexos.col-45 {
    width: 100%;
}

.login.public .externalSign #listaDocumentosFirma h6 {
    margin-top: 0;
}

.login.public .externalSign .annexes.empty h6 + p {
    opacity: .5;
    text-align: left;
}

.login.public .externalSign .annexes.empty h6::after {
    content: "";
    padding-top: .5em;
}

.login.public .externalSign .attach-annex {
    padding: 0em;
}

body.login.public .externalSign .documents + p  {
    margin-top: .5em;
}

body.login div#wrapper .externalSign div.group form {
    margin-bottom: 0 !important;
}

body.login.public #body .externalSign .signbutton.default{
    background-color: #145b94 !important;
    color: white !important;
    padding: .66em 1.5em .66em 2.5em !important;
}

.login.public #body .externalSign .signbutton.default:hover,
body.login.public #body .externalSign input.signbutton.otpsms.default:hover,
body.login.public #body .externalSign input.signbutton.otpMail.default:hover  {
    background-color: #104068 !important;
}

body.login.public #body .externalSign .reject {
    background-color: #dadada !important;
    background-position:-2px -198px !important;
    color: #555;
    filter: grayscale(1);
    float: left;
    padding: .66em 1em .66em 2.25em;
    display: block;
}

.login.public .externalSign .dropdown-trigger {
    background-image: none !important;
    border: 0;
    border-radius: 3px;
    font-size: 14px;
    margin-top: .66em;
    padding: 0 1em 0em 0em !important;
}

#inbox-signature-designer .preview-region .preview .signMessage {
    display: none;
}

.externalSign .message .documentOptions .addAnnexContainer {
    width: 100%;
}

.externalSign .message .documentOptions .addAnnexContainer a {
    float: left;
}

body.login #body .externalSign .dropdown-menu form {
    margin-bottom: 0 !important;
}

/* NEW EXTERNAL USER */
.newExternalUserContainer {
  margin-top: 1.5em;
  padding: 2em;
}

.newExternalUserContainer p {
  margin: .5em 0;
}

.newExternalUserContainer .newUser {
  background: #efefef;
  margin-bottom: 1em;
  padding: 1em;
}

.newExternalUserContainer .newUser .newUserName {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1.5px;
  opacity: .66;
  text-transform: uppercase;
}

.newExternalUserContainer .newUser .line {
  margin: .5em 0 1em 0;
}

.newExternalUserContainer .newUser .line p {
  display: inline-block;
  margin: 0 1em 0 0; 
}

.newExternalUserContainer .newUser .line1 > p {
    width: 30%;
}

.newExternalUserContainer .newUser .line2 > p {
    width: 30%;
}

body.login.public #body .signbutton.default.viafirma,
body.login.public #body .signbutton.default.viafirma:hover {
    background-image: url(../images/iconos/ic_local_certificate_white.png) !important;
    background-position: 2px center !important;
    background-repeat: no-repeat !important;
}

body.login.public #body .signbutton.default.fortress,
body.login.public #body .signbutton.default.fortress:hover {
    background-image: url(../images/iconos/ic_fortress_white.png) !important;
    background-position: 2px center !important;
    background-repeat: no-repeat !important;
}

body.login.public #body .externalSign .signbutton.default:hover {
    background-color: #104068 !important;
}

#listaFirmantes .action {
    background: transparent;
    font-size: 0.8em;
    font-style: italic;
}

#listaFirmantes .action.FIRMA {
    color: #f59600;
}

#listaFirmantes .action.VISTOBUENO {
    color: #368f40;
}

#listaFirmantes .resendExternalSignEmail,
#listaFirmantes .viewExternalSignUser {   
    display: inline-block;
    position: relative;
    transition: .3s;
    white-space: nowrap;
    width: 24px;
}

#listaFirmantes .resendExternalSignEmail {
    background: url(https://www.viafirma.com/download/inbox/ic_resend_link.png) no-repeat center -2px;
    background-size: 24px;
    margin: 0 0 0 .5em;
}

#listaFirmantes .viewExternalSignUser {
    background: url(https://www.viafirma.com/download/inbox/ic_view_details.png) no-repeat center;
    background-size: 24px;
}

#listaFirmantes .resendExternalSignEmail:hover,
#listaFirmantes .viewExternalSignUser:hover {
    opacity: .6;
    transition: .3s;
}

#listaFirmantes .resendExternalSignEmail + form {
    display: inline-block;
    width: 32px;
}

#inbox .request-ok,
#inbox .request-expires,
#inbox .request-rejected,
#inbox .request-inprocess {
  border-radius: 12px;
  display: inline-block;
  font-size: 12px;
  padding: 0 .66em;
  position: relative;
  text-align: center;
}

#inbox .request-ok {
  background: #EFF8E3;
  color: #3D991C;
}

#inbox .request-expires {
  background: #FAE2CC;
  color: #E67000;
}

#inbox .request-rejected {
  background: #FEEDEA;
  color: #F24F35;
}

#inbox .request-inprocess {
	background: #f5f5f5;
    color: #808080;
}

.dropdown {
    position: relative !important;
}

.dropdown.externalUserActions {
    color: #485764;
    display: inline-block;
    font-size: 11px;
    margin: 0 .66em;
    padding: 0 !important;
}

.dropdown.externalUserActions:hover {
    cursor: pointer;
}

.auditButton {
    margin-left: 10px !important;
}

.searchContainer {
    background-color: whitesmoke !important;
    padding: 1em !important;
}

.signReportListContainer {
    margin-top: 2em;
}

#modal_popupfortressQualifiedContentDiv .tr.first,
#modal_popupfortressContentDiv .tr.first,
#modal_popupLoadingViafirmaDesktopContentDiv tr.first,
#modal_popupviafirmaContentDiv tr.first {
    display:none;
}

#modal_popupLoadingViafirmaDesktopContentDiv #loading2,
#modal_popupviafirmaContentDiv #loading {
    background-image: url(../images/layout/loading.gif);
    height: 85px;
    width: 100%;
    background-position: 50%;
    background-position-x: 50%;
    background-position-y: center;
    background-repeat: no-repeat;
}

.rich-messagesError span, .rich-messagesWarn span, .rich-messagesInfo span {
    margin-left: 0.5em;
}

.rich-messagesError ul, .rich-messagesWarn ul, .rich-messagesInfo ul {
    margin: 0;
}


.rich-messagesError, .rich-messagesWarn, .rich-messagesInfo {
    margin-top: 1.5em;
}

.backbutton {
    float: right !important;
    margin-top: 0 !important;
    padding: .33em 1em !important;
}

.rememberPassTitle{
	font-weight: bold !important;
	color: #485764 !important;
}

.userCustomStamp {
	max-width: 100%;
	max-height: 150px;
}

#modal_documentPreviewContentDiv {
	width: 75% !important;
	height: 80% !important;
}

#htmlContainer {
	height:99%; 
	overflow: auto;
}

div.delegationListContainer div.tabla {
    overflow: inherit;
    width: 100%;
}


/* Selector de idioma */

body.login.public .dropdown-trigger.languages {
  background: none !important;
  color: #145b94; /*main-color*/
  float: right;
  padding: .25em 0 .25em 34px;
}

body.login.public .dropdown-trigger.languages:after {
  content: "\25Be";
  float: right;
  position: relative;
  padding-left: .75em;
}

body.login.public #selectedLanguages .dropdown-menu {
  right: 0;
  top: 2em;
}

body.login.public div#wrapper div.group #selectedLanguages form {
  margin-bottom: 0 !important;
}

body.login.public #selectedLanguages .dropdown-menu ul {
  margin: 0;
}

body.login.public #selectedLanguages .dropdown-menu ul li {
  padding: .5em 1.66em;
}

/* Bot? anexo */

.login.public .externalSign #detallePeticion .attach-annex {
  background-position: 0px;
  border: 0;
  padding-left: 1.5em;
}

.login.public .externalSign #detallePeticion .attach-annex:hover {
  background-image: url(../images/iconos/ic_attach.png);
  background-color: inherit;
  color: inherit;
  text-decoration: underline;
}

.selectedActionContainer input.signbutton.button-one,
.selectedActionContainer input.signbutton.button-one:hover {
    width: auto;
    float: left;
    background-repeat: no-repeat;
    background-position: -5px -167px !important;
}

.message.finished .rich-messagesError, 
.message.finished .rich-messagesWarn, 
.message.finished .rich-messagesInfo {
    margin-bottom: 1em;
}

.login.public .errorTitle {
    background-color: rgba(197, 64, 34, 0.1);
    background-image:url(../images/iconos/error.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    border: 1px solid #ad371c;
    border-radius: 3px;
    color: #ad371c;
    display: block;
    padding: 1em 1em 1em 2.25em;
    margin-top: 3em;
}

.login.public .error.errorMessage {
    background: transparent;
    color: inherit;
    display: block;
    margin-top: 1em;
}

.login.public .error.errorMessage ul {
    color: #485764;
    list-style: disc;
    margin-top: .5em;
}

/* MOBILE & TABLETS */

.mobile #header h1 a img {
    margin-left: 1.5em;
}

.mobile.ipad #header h1 a img,
.ipad #header h1 a img {
    margin-left: .5em;
}

.mobile .mobileTabBar {
    display: block;
}

.mobile .currentTab:hover,
.mobile .currentTab:focus {
  outline: 0;
}

.mobile.menuSelected .mobileMenu.currentTab {
    transform: rotate(90deg);
    transition: .4s;
}

.mobile .mobileTabBar .mobileMenu,
.ipad .mobileTabBar .mobileMenu {
    background: url(../images/iconos/ic_menu.png) no-repeat center;
    background-size: 28px;
    height: 50px;
    width: 50px;
    border: none;
    filter: brightness(800%);
    left: 0;
    position: absolute;
    text-indent: -999px;
    transform: rotate(0deg);
    transition: .4s;
    overflow: hidden;
    top: .66em;
    -webkit-appearance: none;
    appearance: none;
}

.mobile .mobileTabBar .mobileAdmin,
.ipad .mobileTabBar .mobileAdmin {
    background: url(../images/iconos/ic_settings.png) no-repeat center;
    background-size: 28px;
    height: 50px;
    width: 50px;
    border: none;
    filter: brightness(800%);
    right: 110px;
    position: absolute;
    text-indent: -999px;
    overflow: hidden;
    top: 8px;
    -webkit-appearance: none;
    appearance: none;
}

.ipad .mobileTabBar .mobileAdmin {
    right: 60px;
    top: 12px;
}

.ipad #welcome .user {
	margin-right: 60px;
}

.mobile .column-bar {
    display: none !important;
}

.mobile #body .secondary {
    width: auto !important;
}

.mobile.settingsSelected #body .secondary,
.ipad.settingsSelected #body .secondary {
    background: white;
    box-shadow: -6px 12px 20px #d0d0d0;
    margin-top: 0;
    right: 0;
    position: fixed !important;
    width: 33.33% !important;
    z-index: 55;
    height: 100%;
    overflow: scroll;
}

.mobile.settingsSelected #body .secondary .column-wrapper,
.ipad.settingsSelected #body .secondary .column-wrapper {
    display: block !important;
}

.mobile #welcome div.saludo {
  margin-top: 6px;
}


/* Media Queries */
@media(max-width: 767px) {
    .col-65,
    .col-50,
    .col-45,
    .col-30,
    .ancho40,
    .ancho35 {
        width: 100%;
    }
    div#cargandoRojo {        
        border-radius: 4px;
        bottom: 64px;
        top: inherit;
        left: 30%;
    }
    .rich-mpnl-content {
        max-width: 100% !important;
        width: 100% !important;
    }
    body.login {
        background: white;
    }
    .login #wrapper {
        display: block;
    }
    body.login #body {
        background: white;
        border: 0;
        padding: 0;
    }
    body.login #wrapper form {
        padding: 0 2em;
    }
    body.verifirma #body {
        max-width: 100%;
        width: 100%;
    }
    .login .market-apps {
        padding: 0 2em;
        width: 100%;
    }
    .login.android .market-apps .market.ios {
        display: none;
    }
    .login.iphone .market-apps .market.android,
    .login.ipad .market-apps .market.android{
        display: none;
    }
    .login .market-apps p {
        text-align: left;
    }
    .login .market {
        margin-right: .1em;
        width: 180px;
    }
    .mensajes ul {
        margin: 0;
    }
    .mensajes li {
        list-style: none;
    } 
    .rich-messagesError {
        background-image: none;
        border: 0;
        border-left: 3px solid;
        border-radius: 0;
        margin: 0;
        padding: 1em 0em;
        width: 100%;
    }
    .mobile #nav {
        display: none;
        transform: translateX(-210px);
    }

    .mobile .secondary {
        display: none;
    }
    
    .mobile.menuSelected #nav {
        display: block;
        transform: translateX(0px);
        width: 100%;
    }

    .mobile.menuSelected #mailbox,
    .mobile.menuSelected .secondary,
    .mobile.menuSelected .container.admin,
    .mobile.mainView .secondary,
    .mobile.settingsSelected .main {
        display: none;
    }
    
    .mobile.settingsSelected .secondary {
        display: block;
    }

    #body .main {
        margin-right: 0;
    }
    
    #wrapper {
        min-width: 100%;
    }
    #body {
        margin: 0;
    }
    #body .main {
        padding: 0;
        max-width: 100%;
        width: 100% !important;
    }
    #wrapper > .group:first-child {
        display: block;
    }
    #header {
        background-position: center;
        width: 100%;
        margin: 0;
    }
    .login #header h1 a img {
        float: none;
        margin: .5em auto 0 auto;
    }
    .mobile #header h1 a img {
        float: left;
        margin-left: .5em;
    }
    #aside,
    #search {
        display: block;
        padding: 2.5em .25em 1.66em .25em;
        width: 100%;
    }
    #search input.text, #search input.cajaTexto {
        max-width: 80%;
        width: 100%;
    }
    .mobile #welcome div.saludo {
        margin-top: .5em;
    }
    #welcome {
        right: 5px;
        padding: 0;
        position: absolute;
        top: 5px;
    }
    #welcome .user,
    #welcome .userchange {
        margin-right: .33em;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 32px;
    }
    #welcome .logout {
        margin-left: .25em;
    }
    .mobile .mobileTabBar .mobileAdmin {
        right: 72px;
        top: 21px;
        padding: 0;
        margin: 0;
        height: 30px;
        width: 30px;
    }
    #body #inboxOptions {
        display: none;
    }
    .mailbox .selectedActionContainer {
        padding: 0em 1em;
        overflow: visible;
    }
    .mailbox .selectedActions {
        background: white;
        bottom: 0;
        left: 0;
        /*! padding: .5em 0em; */
        position: fixed;
        width: 100%;
        z-index: 1000;
    }
    .mailbox .selectedActions input {
        margin: 1em 0em;
    }
    .mailbox .dropdown-menu {
        background: #fafafa;
        bottom: 50px;
        box-shadow: none;
        position: fixed;
        width: 100%;
    }
    div#mailbox .numPorPagina.numSelected {
        float: none;
        opacity: .5;
        text-align: center;
    }
    #body .main #inbox #contenidoMensaje #detallePeticion, 
    #nuevaPeticion, 
    #body .main .container, 
    .messagesList, 
    #listadoRefrescable .contenidoMensaje .message.group, 
    .tablaBorradores {
        padding: 1em 0em;
    }
    .messagesList {
        padding-top: 0;
    }
    #body .main #inbox #contenidoMensaje #detallePeticion {
        margin: 0;
    }
    .messagesList thead th {
        display: none;
    }
    .mailbox table tbody td {
        display: block;
        width: 100%;
        clear: both;
        margin: 0;
        padding: 0em .5em;
    }
    .mailbox table tbody td.inboxFirstColumn { 
        padding: 1em 0em 1.5em 0em;
        width: 100%;
    }
    .mailbox table th input.boolean, .mailbox table td input.boolean {
        display: block;
    }
    .mailbox table tbody td a {
        padding: 0;
    }
    .mailbox table tbody td:nth-child(2) a {
        font-size: 13px;
        opacity: .75;
        padding-bottom: 0;
    }  
    .mailbox table tbody td:nth-child(3) a {
        font-size: 16px;    
        padding-top: 0;
    }
    .mailbox table tbody td.fecha {
        padding-right: .5em;
    }
    .mailbox table tbody td.fecha a {
        font-size: 11px;
        opacity: .66;
        text-align: right;
    } 
    .mailbox table tbody tr {
        border-bottom: 1px solid #d0d0d0;
    }
    .mailbox table tbody tr.last {
        border-bottom: 0;
    }
    .mailbox table tbody .hover td a, 
    .mailbox table tbody .hover td {
        background: transparent;
    }
    div#mailbox .numPorPagina.ancho40 {
        text-align: center;
        width: 100%;
    }
    /* DETALLE PETICION */
    #contenidoMensaje #detallePeticion h3,
    .message .addressees {
        width: 100%;
    }
    .mailbox .selectedActionContainer .group {
        width: 100%;
    }
    #detallePeticion #detalleRefresh,
    #detallePeticion .group {
        padding: 1em;
    }
    .message .tipoAcceso {
        float: left;
        margin-left: 0;
    }
    .message .from {
        width: 100%;
    }
    .message #listaFirmantes.from li {
        padding: 0;
    }
    #detallePeticion.message .group {
        padding-bottom: 0;
    }
    a.signbutton { 
        max-width: 100%;
    }
    .message .documentOptions .downloadAllContainer, 
    .message .documentOptions .addAnnexContainer {
        float: right;
    }
    .mainActions {
        background: white;
        box-shadow: 0px -1px 3px #c0c0c0;
        padding: 0em;
        position: fixed !important;
        bottom: 0;
        width: 100%;
        z-index: 35666;
    }
    .mainActions form {
        float: left;
        width: 100%;
    }
    .mainActions form.big .horizontal-rule-top {
       padding: 0;
       margin: 1em auto;
       width: auto;
    }
    #detallePeticion .mainActions.dropdown .dropdown-menu {
        bottom: 54px;
        width: 100%;
    }
    #detallePeticion .mainActions .dropdown-trigger {
        margin-left: 1em;
    }
    #detallePeticion .mainActions .reject,
    .login .group .group input.button.reject {
        margin-right: 1em;
    }
    /* SETTINGS */
    div.column-bar {
        display: none;
    }
    .mobile.settingsSelected #body .secondary {
      padding-top: 1em;
      position: relative !important;
      width: 100% !important;
    }
    #body .main .container.admin {
        padding: 1em .75em;
    }
    #body .main .container.admin p {
        margin: .25em;
    }
    #body .main .container.admin form select {
        width: 100%;
    }
    table.listado thead th.first, table.listado thead th {
        padding: 0;
    }
    .login footer {
        padding-top: 0;
    }
    footer {
        margin-bottom: 3.5em;
        position: relative;
        padding: 2em 0em 1em 0em;
    }
    footer ul li {
        display: block;
    }
    footer a.verification:after,
    footer a.manual::after {
        content: none;
    }
    footer div.selectorIdioma {
        background: none;
        border: 0;
        padding: .15em;
    }
}


@media (max-width: 768px) {
    #header h1.logo {
        margin-left: 1em;
    }
    .mobileTabBar {
        display: block;
    }
    body.login.webSign #header {
        display: none;
        margin-bottom: 0;
    }
    .login.webSign #header h1 a img {
        max-width: 150px;
    }
    .webSignaturePage #inbox-signature-designer {
        border: 0;
        padding: 0;
    }
    
    .webSignaturePage #inbox-signature-designer .pager-region .pager .page {
        width: 50px;
    }

    .webSignaturePage  #inbox-signature-designer .pager-region .pager .page.current .canvas-wrapper, 
    .webSignaturePage  #inbox-signature-designer .pager-region .pager .page:hover .canvas-wrapper {
        box-shadow: none;
    }
    .webSignaturePage #inbox-signature-designer .pager-region {
        padding: 0;
        width: 100vw;
    }
    .webSignaturePage #inbox-signature-designer .preview-region {
        margin-left: 0;
    }
}

/* iPad & other tablets RULES */
@media (min-width: 768px) and (max-width: 1440px) {
    #wrapper {
        min-width: 100%;
    }
    .login.ipad .market-apps .market.android {
        display: none;
    }
    .ipad #nav,
    .mobile #nav {
        display: none;
    }
    .mobile.menuSelected #nav,
    .ipad.menuSelected #nav {
        background: white;
        box-shadow: 6px 12px 20px #d0d0d0;
        display: block;
        margin-top: 0;
        height: 100vh;
        position: fixed;
        width: 33.33%;
        z-index: 35;
    }

    .mobile.menuSelected #nav ul,
    .ipad.menuSelected #nav ul {
        margin-top: 1em;
    }
    #body {
        margin: 0;
        padding: 0em 1em;
    }
    .rich-mpnl-panel {
        width: 100% !important;
    }
    
   .mobile #welcome .user {
        margin-right: .33em;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 32px;
    }

    .ipad .secondary {
        background: white;
        box-shadow: -5px 0px 3px #d0d0d0;
        margin-top: 0 !important;
        position: fixed !important;
        right: 0;
        z-index: 235355535;
    }
    #body .secondary .column-wrapper {
        margin-left: 16px;
        padding-top: .75em;
    }
    #body .main {
        width: 100% !important;
    }
    .ipad .mobileTabBar {
        display: block;
    }
    .ipad #header h1.logo {
        margin-left: 1em;
    }
}

@media (max-width: 768px) and (orientation: portrait) {
    #search input.text, #search input.cajaTexto {
        max-width: 225px;
    }
}


@media (max-width: 360px) and (orientation: portrait) {
    #search input.text, #search input.cajaTexto {
        max-width: 180px;
    }
}

/* RETINA RULES */
@media (-webkit-min-device-pixel-ratio: 2), min-resolution: 192dpi) {
    #search input.button, 
    #search input.boton {
        background-image: url(../images/iconos/ic_search_white@2x.png) !important;
        background-size: 32px !important;
    }
    #welcome .logout {
        background: url(../images/iconos/ico-close-16x16-small@2x.png) no-repeat center;
        background-size: 32px;
    }
    .box .box-title .box-minimize {    
        background-image: url(../images/iconos/ic_down_arrow@2x.png);
        background-size: 32px;
    }
}

@media(max-width: 640px) {
    body.login.public #body {
        width: 100%;
    }
    body.login #wrapper .documents #listaDocumentosFirma form,
    body.login #wrapper .documents .documentOptions form {
        padding: 0;
    }
    
    body.login #wrapper #detallePeticion {
        padding: 1em;
    }
    
    body.login #wrapper #detallePeticion .attached li .file {
        background-position: 4px 7px;
        margin-right: 0;
        padding-right: 0;
        word-break: break-all;
    }
    
    .login.public #body .externalSign .signbutton.default.otpMail,
    .login.public #body .externalSign .signbutton.default.otpsms {
        background-image: none !important;
        padding: 1em !important;
    }
    
    .login.public #body .externalSign .signbutton.default,
    body.login.public #body .externalSign .reject {
        float: left;
        margin: .25em 0;
        padding: 1em !important;
        text-align: center;
        width: 100% !important;
    }
    
    .webSignaturePage #inbox-signature-designer {
        margin-top: 170px !important;
    }
    
    body.login.public #body .externalSign .reject {
        background-image: none !important;
    }
    
    .webSignaturePage .userHint {
        padding: .5em 1em 1em .5em;
    }
    
    .webSignaturePage .userHint > * {
        display: block;
    }

    .webSignaturePage .userHint a {
        display: block;
    }
    
    #inbox-signature-designer .preview-region .preview .document .signature.no-drag {
        height: 55px !important; 
    }
    
    #inbox-signature-designer {
        display: block !important;
    }

    #inbox-signature-designer .preview-region .preview .document, 
    #inbox-signature-designer .preview-region .preview .document * {
        touch-action: manipulation !important;
    }
}

.importinstanceFromFile .col, 
.importinstanceFromPath .col {
	width: 50%;
	float: left;
}

.importinstanceFromPathButton {
	margin-top: 34px !important;
}

.importinstanceFromFile label {
	float:none;
	display: block;
}

.importinstanceFromFile input.importSelect {
	width: 95%;
}

.importinstanceFromFileButton {
	margin-top: 20px !important;
}

.signWithViafirmaDesktop .description {
	text-align: center;
    margin-bottom: 1em;
}

.signWithViafirmaDesktop .install-description {
	text-align: center;
    font-size: 90%;
}

.authWithViafirmaDesktop .description {
	text-align: center;
    margin-bottom: 1em;
}

.authWithViafirmaDesktop .install-description {
	text-align: center;
    font-size: 90%;
}

.publicAccessId {
	float:left;
	font-size: 12px;
	opacity: .66;
}

.publicAccessId > * {
	display: inline-block;
}

.publicAccessId p {
	margin: 0;
}

.publicAccessId .copyPublicAccessId {
	background: transparent url(../images/iconos/ic_copy_clipboard.png) no-repeat left 1px;
	background-size: 20px;
	border: 0;
	opacity: .33;
	padding: .33em 0;
	text-indent: -9999px;
	transition: .3s;
	visibility: hidden;
	width: 20px;
	overflow: hidden;
}

.publicAccessId:hover > .copyPublicAccessId {
	visibility: visible;
}

.publicAccessId .copyPublicAccessId:hover {
	cursor: pointer;
	opacity: 1;
	transition: .3s;
}

@media(max-width: 768px) {
	.publicAccessId .copyPublicAccessId {
		opacity: 1;
		visibility: visible;
	}
}

.requestInfo h3 {
	float:left !important;
}

.requestInfo form {
	float: right;
	width: auto;
}

.editAccessType {
	background: url(../images/iconos/ic_pencil.png) no-repeat -8px center;
	float:left;
	font-size: 0;
	opacity: .33;
	padding: 1em;
	transition: .2s;
	visibility: hidden;
	width: 20px;
	height: 20px;
}

@media(max-width: 768px) {
	.editAccessType {
		visibility: visible;
	}
}

.requestInfo form:hover > .editAccessType {
	transition: .2s;
	visibility: visible;
}

.editAccessType:hover {
	opacity: 1;
}

.summaryRequestDetail .requestDocument,
.requestDocument {
   display: inline-block;
   margin-bottom: 3px;
}

.summaryRequestDetail .requestDocuments {
	width: 100%;
	display: inline-block;
}

.summaryRequestDetail .requestDocument a.file,
.mailbox table tbody td .requestDocument a.file {
   border: 1px solid #d0d0d0;
   border-radius: 24px;
   font-size: 12px;
   font-weight: normal;
   padding: 0 .75em;
   display: block;
}
.summaryRequestDetail .requestDocument a.file:hover,
.mailbox table tbody td .requestDocument a.file:hover {
   background: #f1f2f4;
}

.summaryRequestDetail .subject p {
    display: inline-block; 
	margin: 0;
}

.summaryRequestDetail .subject a {
	font-size: 17px !important;
}

.summaryRequestDetail .boolean {
    width: 15px;
    float: left;
    position:relative;
	top: 2px;
}

.summaryRequestDetail {
	font-size: 13px;
}

.selectTodasSummary {
	display: inline-block;
    float: left;
}

.selectRequestWrapperSummary {
	margin-left: 1.66em;
}

.mailbox.RESUMEN .selectedActions {
	width: 35%;
}

.mailbox.RESUMEN .selectedActionContainer .group {
    width: 55%;
}

.mailbox.RESUMEN #listadoRefrescable .contenidoMensaje.summaryRequestDetail {
	border-radius: 0;
	float: left;
	width: 100%;
}


.mailbox.RESUMEN .message .from li .status {
	 top: 7px;
}

.mailbox.RESUMEN .message .from li div {
	padding-left: 120px;
}

.createSummaryPdfLink {
    background: none;
    color: #145b94;
    font-size: 15px;
    margin-left: 1.25em;
}
.mailbox .tablaBorradores table th input.boolean, .mailbox .tablaBorradores table td input.boolean {
	margin: 0px;
}

.botonera.botoneraEditStamp a.boton-preview {
	margin-right: 0px;
}

.status.with-tooltip  .tooltip {
	position: absolute;
    width: 350px;
    display: none;
    top: -10px;
    left: 95px;
    padding: 1em;
    z-index: 999;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #eaeaea;
  	box-shadow: 0 1px 6px #d0d0d0;
}

.status.with-tooltip  .tooltip div {
	float: left;
	width: 50%;
	padding: 0;
}

.status.with-tooltip  .tooltip div.SignDetailTitle {
	width: 100%;
	font-weight: bold;
	font-size: 1.2em;
    padding-bottom: 0.5em;
    color: #2d3e4d;
}

.status.with-tooltip  .tooltip div.SignDetailLabel {
	width: 40%;
	font-weight: bold;
	color: #2d3e4d;
}

.status.with-tooltip  .tooltip div.SignDetailValue {
	width: 60%;
	color: #2d3e4d;
}

.with-tooltip.status:hover {
  cursor: default;
}

.configuration label {
	font-weight: normal !important;
}

.selectTemplateButton {
	margin-top: 1em !important;
}

.paginator-container {
	float: left;
	width: 100%;
}

.paginator {
	float: left;
	margin-top: .75em;
	text-align: right;
	width: calc(50% + 60px);
}

.paginator img {
	position: relative;
	top: 4px;
}
.paginator .previous img {
  right: 7px;
}

.paginator .next svg {
  left: 7px;
}

.requestPerPage {
	float: right;
}

.requestPerPage p {
	margin: .33em 0;
}

.requestPerPage select {
	float: right;
}

.selectCountContainer {
	float: right;
	font-size: 13px;
}

.public .externalSign .documents {
	display:inline;
}

#templateFields {
	max-height: 600px;
}

#popupImportUserContainer .wrapper,
#popupStampCanvasContainer .wrapper,
#popupTotpContainer .wrapper,
#popupOtpMailContainer .wrapper,
#popupOtpSmsContainer .wrapper {
  position: relative;
  width: 400px;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#popupStampCanvasContainer .signature-pad {
  position: absolute;
  left: 0;
  top: 0;
  width:400px;
  height:200px;
  background-color: white;
  margin: 11px 7px;
}

#popupImportUserContainer .botonera,
#popupStampCanvasContainer .botonera,
#popupTotpContainer .botonera,
#popupOtpMailContainer .botonera,
#popupOtpSmsContainer .botonera,
#modal_popupPreviewStampContentDiv .botonera  {
    margin-left: 1em;
    margin-right: 1em;
}

#popupImportUserContainer .botonera a,
#popupStampCanvasContainer .botonera a,
#popupTotpContainer .botonera a,
#popupOtpMailContainer .botonera a,
#popupOtpSmsContainer .botonera a,
#modal_popupPreviewStampContentDiv .botonera a {
	float: left;
	margin: 0;
    margin-bottom: 1em;
}

#popupImportUserContainer .botonera input,
#popupStampCanvasContainer .botonera input,
#popupTotpContainer .botonera input,
#popupOtpMailContainer .botonera input,
#popupOtpSmsContainer .botonera input,
#modal_popupPreviewStampContentDiv .botonera input {
	float: right;
	margin: 0;
}


.customStampLabel {
	display: block;
}

#modal_multitabContentDiv,
#modal_popupImportUserContentDiv,
#modal_popupStampCanvasContentDiv,
#modal_popupTotpContentDiv,
#modal_popupOtpMailContentDiv,
#modal_popupTOtpSmsContentDiv,
#modal_popupPreviewStampContentDiv {
	padding: 0;	
}

/* #modal_multitabContentDiv table tbody tr, */
#modal_popupImportUserContentDiv table tbody tr,
#modal_popupStampCanvasContentDiv table tbody tr,
#modal_popupPreviewStampContentDiv table tbody tr {
	padding: 1.33em 1em;
	background: #efefef;
    color: #fff;
    padding: .5em;
    position: relative;
}

#modal_multitabContentDiv table tbody tr.first,
#modal_popupImportUserContentDiv table tbody tr.first,
#modal_popupStampCanvasContentDiv table tbody tr.first,
#modal_popupTotpContentDiv table tbody tr.first,
#modal_popupPreviewStampContentDiv  table tbody tr.first,
#modal_popupOtpMailContentDiv table tbody tr.first,
#modal_popupTOtpSmsContentDiv table tbody tr.first {
	background: #004a87;
}

#modal_multitabContentDiv table tbody tr.first .rich-mpnl-text.rich-mpnl-header,
#modal_popupImportUserContentDiv table tbody tr.first .rich-mpnl-text.rich-mpnl-header,
#modal_popupStampCanvasContentDiv table tbody tr.first .rich-mpnl-text.rich-mpnl-header,
#modal_popupTotpContentDiv table tbody tr.first .rich-mpnl-text.rich-mpnl-header,
#modal_popupPreviewStampContentDiv  table tbody tr.first .rich-mpnl-text.rich-mpnl-header,
#modal_popupOtpMailContentDiv table tbody tr.first .rich-mpnl-text.rich-mpnl-header,
#modal_popupTOtpSmsContentDiv table tbody tr.first .rich-mpnl-text.rich-mpnl-header {
	font-size: 1.3em;
    font-weight: 400;
    margin: 0;
    padding: .5em;
    color: #fff;
}

#modal_popupImportUserContentDiv  .rich-mpnl-panel .rich-mpnl-controls .cerrar,
#modal_popupStampCanvasDiv .rich-mpnl-panel .rich-mpnl-controls .cerrar,
#modal_popupTotpDiv .rich-mpnl-panel .rich-mpnl-controls .cerrar,
#modal_popupPreviewStampContentDiv .rich-mpnl-panel .rich-mpnl-controls .cerrar,
#modal_popupOtpMailContentDiv .rich-mpnl-panel .rich-mpnl-controls .cerrar,
#modal_popupTOtpSmsContentDiv .rich-mpnl-panel .rich-mpnl-controls .cerrar {
	color: #fff;
}

.userCustomStamp {
	border: 1px solid #efefef;
}

.AddSignatureImageDesc {
	display: block;
    clear: both;
    padding: 1em;
}

.customStamp {
	display: inline-block;
	width: 100%;
}

.customStamp .delete {
	margin-left: .5em;
}

.container.admin .botonera a.link, 
.link {
	border: 1px solid #d0d0d0 !important;
    border-radius: 4px !important;
    color: #2d3e4d !important;
    padding: .6em 1em !important;
    text-decoration: none !important;
    width: auto !important;
    background: none !important;
    cursor: pointer !important;
    font-size: 15px !important;
    font-weight: normal !important;
}

.container.admin .botonera a.link:hover, 
.link:hover {
	text-decoration: none !important;
	background: #f0f0f0 !important;
	transition: .3s !important;
}

.container.admin .botonera a.link.loading {
	background: url(../images/ajax/loading-pequeno.gif) no-repeat 95% 50%;
    padding-right: 2em;
}

.popupSelectUploadContainer {
	display: block;
}
.popupSelectUploadContainer .link {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 1em;
	float: left;
}

.uploadCustomStampButtonContainer .link {
    display: inline-block;
    margin-right: 1em;
	float: left;
}

.main-link {
	background: #145b94;
	color: #FFFFFF;
	border: 1px solid #145b94;
}

.main-link:hover {
	background: #104068;
	border: 1px solid #104068;
}

#formSelectUpload .infoFiles {
	display: inline-block;
	margin-top: 0;
}

.richUploadAnexo,
.uploadDocumentToSignContainer {
	margin: 1em 0;
}

.uploadDocumentToSignContainer .upload {
	width: auto;
    float: left;
}

.uploadDocumentDesc {
	display: block;
	margin-bottom: 1em;
}

.annexes.empty h6:after,
#wrapperComentarios.empty h6:after {
  content:"";
}

.annexes.empty h6 + p {
    margin-top: .66em;
}

.annexes.empty h6 + p, #wrapperComentarios.empty h6 + p {
    margin-top: .5em;
    text-align: left;
}


.attached li .file {
    background-image: none;
    padding: 0;
    font-size: 1em;
    color: #145b94;
	text-decoration: underline;
}

.message .documentOptions {
	margin-top: 0.5em;
}

.documentContainer {
	width: 100%;
	display: block;
}

.documentContainerColumn {
	width: 45%;
	float: left;
}

form.nuevaPeticion p.tipoRedaccion a {
	font-weight: normal;
}

.uploadDocumentToSignFromFilesystemContainer {
	display: inline-block;
}

.detailContainer {
	display: inline-block;
}

#contenidoMensaje ul {
	margin: 0.5em 0 0.5em 1em;
}

#contenidoMensaje h6 {
	margin-bottom: 0;
}

body div#wrapper div.group form.comment-form {
	display: block;
    margin: 0 1em !important;
    width: 95%;
    background: #f0f0f0;
	padding: 1em 2em;
}

.commentButtonContainer {
	display: block;
	width: 100%;
	padding: 1em 0;
}

.commentButtonContainer a {
	margin-right: 1em;
}

.addSignatureImageAllowedExtensions {
	font-size: 0.75em;
	color: #7d7d7d;
}

.mainActions form .horizontal-rule-top.signButtonContainer {
	width: auto;
	float: left;
	margin: 0;
    padding: 0;
}

.margin-top-05em {
    margin-top: 0.5em !important;
}
#detallePeticion .mainActions form.big input.button.reject {
    margin-left: 1em;
    float: left;
    background: #f0f0f0 !important;
    padding: 0.75em 2em;
    margin: 0;
    margin-left: 1em;
}

#detallePeticion .mainActions form.big input.button.reject:hover {
	background: #ddd !important;
}

.composeAddresseeContainer {
	display: inline-block;
	width: 100%;
}

.composeSenderContainer {
	display: inline-block;
	width: 100%;
}


.mainActions form .horizontal-rule-top.approvalButtonContainer {
	padding: 0 !important;
	margin: 0 !important;
}

.signButtonContainer input.approval {
	margin: 0 !important;
	padding: 0.75em 2em !important;	
}

#modal_popupUserContainer .compTemp.userTable,
#modal_popupJobContainer .compTemp.userTable,
#modal_popupGroupContainer .compTemp.userTable {
	height: 350px;
	width: 650px;
}

#modal_popupUserContainer .compTempEdit.userTable,
#modal_popupJobContainer .compTempEdit.userTable,
#modal_popupGroupContainer .compTempEdit.userTable {
	height: 550px;
	width: 650px;
}

a.fakeButton {
    background: #145b94;
    color: #FFF;
    padding: 1em;
    border-radius: 3px;	
    transition: .3s;
}

a.fakeButton:hover {
    background: #104068;
}

div.center {
	width: 100%;
	text-align: center;
}

.downloadSignedContainer .center {
	margin-bottom: 1em;
}

.downloadSignedDescContainer {
	margin-bottom: 2.5em;
}

.downloadSignedImg {
	display: block;
	margin: 0 auto;
}

.loadingPrepareSignatureRedirectImg {
    margin-top: 0;
}

#modal_popupExportUserCDiv tr.first,
#modal_popupLoadingPrepareSignatureRedirectCDiv tr.first,
#modal_popupSignReportCDiv tr.first,
#modal_popupExportSignedDocumentsCDiv tr.first {
    display: none;
}

.loadingPrepareSignatureRedirectImg {
    margin-top: -35px;
}

p.loadingPrepareSignatureRedirectTitle,
p.popupDownloadSignedTitle {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

p.loadingPrepareSignatureRedirectTitle {
    margin-top: 0;
}

p.loadingPrepareSignatureRedirectDesc,
p.PopupDownloadSignedDesc {
    text-align: center;
    margin-top: 0.25em;
}

p.loadingPrepareSignatureRedirectDesc {
    font-size: 14px;
}

.popupDownloadSignedContainer .popupDownloadSignedContainerCloseContainer {
	margin-top: 1.5em;
}

.popupDownloadSignedContainer {
    margin-top: 1em;
}


#body .main #inboxOptions .viewOptions a {
    background-repeat: no-repeat;
    float: right;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
}

#body .main #inboxOptions .viewOptions a.summary-view {
	background: url(../images/iconos/ic_list.png);
	margin-right: .66em;
	margin-top: 5px;
    height: 20px;
    width: 20px;
}

#body .main #inboxOptions .viewOptions a.table-view {
    background: url(../images/iconos/ic_table_view.png);
    margin-top: 5px;
    height: 20px;
    width: 20px;
}

#body .main #inboxOptions .viewOptions a.export-to-csv {
	background: url(../images/iconos/ic_export_csv.png);
	height: 30px;
    width: 30px;
}

#body .main #inboxOptions .viewOptions a.export-page-to-pdf {
	background: url(../images/iconos/ic_export_pdf.png);
	height: 30px;
    width: 30px;
}

#body .main #inboxOptions .viewOptions a.exportSignedDocsLink {
	background: url(../images/iconos/ic_download_docs.png);
	height: 30px;
    width: 30px;
}

p.alterFlowDesc,
p.reactivateRequestDesc {
	margin-top: 0 !important;
}

.email-notification .cajaTexto,
#formEnvioRecordatorio input.cajaTexto {
	width: 100% !important;
}

body.login .verificationActionContainer {
	margin-top: 1em !important;
}
	.verificationActionContainer a {
		margin-right: 1em;
	}

.customMetadatas {
	margin-bottom: 1em;
}
.tableContainer table th,
.tableContainer table td {
	border: none;
}

.tableContainer span.current {
	opacity: 1;
} 

.tableContainer thead tr th {
	padding-bottom: 0;
}

.tableContainer a {
	display: block;
    float: left;
    margin-left: 0.4em;
    border: 0;
    height: 20px;
    margin-bottom: -0.5em;
    text-indent: -9999px;
    width: 20px;
    background-repeat: no-repeat;
}

fieldset.buscador input.cajaTexto[type="text"]:disabled {
   color: #485764;
   opacity: .6;
}

.importContainer {
	float: right;
	margin: .75em 0em 0em 0em !important;
}

.importContainer a {
	margin-left: 1em !important;;
	padding: .66em 1.5em !important;;
}

#modal_popupImportUserContentDiv table tbody tr {
	background: #fff;
    padding: 2em;
    position: relative;
}

div#popupImportUserContainer {
    padding: 1em 2em;
}

div#popupImportUserContainer label {
	font-weight: normal !important;
}

div#popupImportUserContainer #fileUpload input.boton {
	margin-left: 1em;
}

.downloadImportUserLinkContainer {
	margin-top: 1em;
}

.downloadImportUserLinkContainer span {
	max-width: 440px;
    display: block;
}

.importUserActionContainer input {
	margin-right: 1em !important;
}

.importUserActionContainer a {
	margin-left: 0 !important;
}

#modal_popupNewUserEntityCDiv table td {
  padding: 0px !important;
}

table .noLabel label {
	display: none;
}

.stampUseCustomAndGeneratedPosition {
	margin-left: 25px;
}

.stampUseCustomAndGeneratedPosition p {
	margin: 0;
}

.configPhoneContainer {
	display: inline-block;
}
.phoneContainer label {
	display: block;
}

.phoneContainer .cc-picker {
	float: left;
    border: 1px solid #cdcdcd;
    padding: .45em;
}

.phoneContainer .phone {
	margin-left: 3px;
	width: 50% !important;
}

.adminUserPhoneContainer .cc-picker {
    padding: .23em;
}

.adminUserPhoneContainer .phone {
	width: 70% !important;
}

.newExternalUserPhoneContainer .cc-picker {
    padding: .2em;
    background: #FFF;
}

.editExternalUserPhoneContainer .cc-picker {
    padding: .25em;
}


.cc-picker-code-filter,
.cc-picker-code-list {
	z-index: 200 !important;
}	

.selectOneRadioContainer p {
	margin-bottom: 0;
}	

.selectOneRadioContainer table,
.selectOneRadioContainer table td {
	border: none;
}	
.selectOneRadioContainer table td input{
    width: auto;
}

.selectOneRadioContainer table td label {
    font-weight: normal !important;
}

#newsletterDays {
	width: 30px;
}


.phoneContainer.newExternalUserPhoneContainer {
	float: left;
}

.phoneContainer.newExternalUserPhoneContainer .phone {
	width: auto !important;
}


#editRequestContainer {
	background: #FFFFFF;
    padding: 1.75em 2.25em;
    margin: 1.33em 0em;
}

#editRequestContainer .message {
	padding: 0.5em;
}

#editRequestContainer .cancel {
	margin-left: 1em !important;
	padding: .6em 1em !important;
}

#editRequestContainer input,
#editRequestContainer .cajaTexto,
#editRequestContainer textarea,
#editRequestContainer select { 
	border-color: #145b94; /*main-color*/
	background-color: #f0f0f0; /*clear-color*/
}

.tox-statusbar {
    display: none !important;
}

div#modal_popupotpsmsHeader,
div#modal_popupotpMailHeader,
div#modal_popupLoadingPrepareOtpHeader,
div#modal_popupLoadingViafirmaDesktopHeader,
div#modal_popupviafirmaHeader {
	display: none;
}

.customStampPreview {
	background: #FFFFFF;
    width: 412px;
    display: block;
}

.customStampPreview img {
	max-width: 412px;
    max-height: 200px;
    margin: auto;
    display: block;
	border: none;
}

#popupStampPreviewContainer .botonera a {
	padding: 0.5em 1em;
	float: right;
	margin: 0;
}


body.login.public #externalSignCustomSignatureLinkContainer  {
    width: 600px;
    margin-top: 1em;
    border-left: 3px solid #145b94; /*main-color*/
    padding: 1em;
    padding-bottom: 0;
}

.externalSignCustomSignatureImage {
	width: 95px;
    float: left;
}

.externalSignCustomSignatureAskContainer {
	margin-top: 10px;
}

.externalSignCustomSignatureAsk {
	display: block;
    font-size: 20px;
}

.externalSignCustomSignatureDesc {
	float: left;
    margin-right: 4px;
}

.externalSignCustomSignatureAskContainer a {
	text-decoration: underline;
}

.hideLegend legend {
	display:none !important;
}

.newsletterInputText {
	width: 40px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.newsletterDaysContainer {
	margin-left: 25px;
	margin-top: -10px;
}

.notificationTable table {
	width: auto;
}

.notificationTable table,
.notificationTable table td,
.notificationTable table th {
	border:none;
}

.notificationTable table th {
	background: transparent;
	color: #2d3e4d;
	opacity: .5;
	font-size: 13px;
}

.notificationTable table .col1 {
	text-align: right;
	width: 210px;
}

.notificationTable table .col2 {
	text-align: center;
	width: 100px;
}

.notificationTable table .col3 {
	text-align: center;
	width: 180px;
}

.adminTable .last a {
	opacity: 0.7;
}

.adminTable .last a:hover {
	opacity: 1;
}

.adminTable table td.last a.retry {
	background-image: url(../images/iconos/retry.png);
    background-position: center 2px;
}

#wrapper-login {
    display: flex;
    flex-direction: row-reverse;
    min-height: 100%;
    background: #fff;
}

#marketing {
    align-items: center;
    background: #145b94 url(../images/content/marketing-bg-image.png) no-repeat 50% 50%;
    background-size: cover;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 50%;
    flex-direction: row;
    padding: 0 5%;
}

#marketing-content {
    flex: 1 1 auto;
}

#marketing-content h1 {
    color: #fff;
    letter-spacing: 0.8px;
    margin: 0 0 1.5em 0;
    text-align: center;
}

#marketing-content ul li {
    background: url(../images/iconos/ic_checkmarketing.png) no-repeat 0 50%;
    background-size: 24px;
    font-size: 20px;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding-left: 40px;
}

#content {
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    position: relative;
}

#content-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    padding: 0 2.5em;
    padding-bottom: 0;
}

#content-wrapper h1 {
	margin-bottom: 0;
}

#content-wrapper h2 {
	margin-top: 0.5em;
}

#content-wrapper #logo img {
	max-width: 160px;
}

body.body-white {
	background-color: #fff !important;
	height: 100%;
}

#content-wrapper label {
	color: #485764; /*body--text-color*/
}


#content-wrapper .text {
	display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #173045;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 15px;
    opacity: 0.7;
    padding: 0.75em;
    transition: all 0.15s ease-in;
    margin: 0;
    outline: medium none;
    font-weight: normal;
    min-height: 48px;
}

#content-wrapper h2 {
	font-size: 1.8em;
    font-weight: normal;
    margin-bottom: 0.2em;
}

#content-wrapper p.subtitle {
	margin: 0;
}

.login-remember-pass {
	display: block;
	text-align: right;
}

.login-password-wrapper p {
	margin-bottom: 0.2em;
}

#content footer {
    align-items: center;
    display: flex;
    padding: 1em;
    padding-top: 0;
}

#content footer .app-info {
    color: #5b6d7c;
    font-size: 10px;
    line-height: 1.65;
    opacity: 0.4;
}

#content footer .app-info p {
    margin: 0;
}

#content footer .links {
    color: #5b6d7c;
    flex: 1 1 auto;
    text-align: right;
}


#content footer .links form	{
    float: right;
    width: auto;
}

#content footer .links .privacity	{
	border: none;
    padding: 0;
    float: right;
}

#content footer .links form .selectorIdioma	{
	border: none;
    padding: 0;
    margin-right: 1em;
}

p.selectuser a,
p.loginButton a {
    color: #485764;  
    font-size: 16px;
    line-height: 32px;
    margin-bottom: .75em;
    transition: .3s;
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: .5em 1em .5em 50px;
    background-size: 35px !important;
    background-position: 10px 50%;
    background-color: transparent;
    background-repeat: no-repeat;
}

p.loginButton.certificate a {
    background-image: url(../images/iconos/ic_digital_certificate.png);
}

p.loginButton.login-fortress a {
    background-image: url(../images/iconos/ic_cloud_signature.png);
}

p.loginButton.login-izenpe a {
    background-image: url(../images/iconos/ic_giltza.png);
}

p.loginButton.login-azure a {
    background-image: url(../images/iconos/ic_azure.png);
}

#content p.accessverifirma {
	position: absolute;
	top: 0;
	right: 1em;
	
}

#content p.accessverifirma a {
	background: transparent url(../images/iconos/ic_verification.png) no-repeat 0px 50%;
    border: none;
    color: #485764;
    background-size: 25px;
    padding: .5em 0px .5em 25px;
}

.rememberPass {
    font-size: 14px;
    float: right;
	color: #00A3DD;
}

#content  .actionLogin {
	padding: 1em 2.75em;
    font-weight: bold;
}

#content div.load {
    background-image: url(../images/layout/loading.gif);
}

#content footer form {
    margin: 0;
}


@media(max-width: 1024px) {
    #marketing {
    	display: none;
    }
    
    #wrapper-login {
    	display: block;
    	margin: auto;
    	max-width: 650px;
    }
    
    #content footer {
	    flex-direction: column-reverse;
	}

	#content p.accessverifirma {
		position: inherit;
		width: 100%;
		margin-top: .5em;
	}
	
	#content .actionLogin {
		width: 100%;
	}
	
	#content p.accessverifirma a {
		background: transparent url(../images/iconos/ic_verification_green.png) no-repeat 0px 50%;
		color: #32962a;
	    font-size: 16px;
	    line-height: 32px;
	    margin-bottom: .75em;
	    transition: .3s;
	    border: 1px solid #32962a;
	    border-radius: 3px;
	    padding: .5em 1em .5em 50px;
	    background-size: 35px !important;
	    background-position: 10px 50%;
	    background-color: transparent;
	    background-repeat: no-repeat;
	    width: 100%;
	    display: block;
	}
}


#inbox-loading {
	background: #efefef;
    height: 100%;
}

#inbox-loading #header {
	background: #145b94;
    height: 72px;
    width: 100%;
    display: block;
}

#inbox-loading #header .logo {
	width: 245px;
    padding: 4px;
}

#inbox-loading #loading {
    height: 300px;
    width: 150px;
    margin: auto;
    text-align: center;
    margin-top: 30px;
}

#inbox-loading #loading img {
    height: 96px;
}

#inbox-loading #loading p {
    margin-top: 0;
    font-size: 20px !important;
}

#modal_multitabContentDiv p {
	text-align: center;
	width: 80%;
	color: #145b94;
	margin: auto;
    margin-top: 1em;
}

#modal_multitabContentDiv tr.last {
	background: #FFF;
}

#modal_multitabContentDiv input {
	text-align: center;
    margin: auto;
    display: block;
    width: 40%;
    min-width: 150px;
    background: #145b94;
    color: #FFF;
}

.container.admin .botonera a.importUserButton {
    margin-top: 6px;
    padding: 0.55em 1.5em;
    margin-right: 10px;
}

.adminTableContainer thead a {
    float: none;
    padding-left: 0;
    margin-left: 0;
}

.noOpacity {
    opacity: 1 !important;
}
.totpDescContainer {
    padding: 1em;
}
.totpSecretCodeContainer {
    padding: 1em 0;
    text-align: center;
}
.totpQrContainer {
    padding: 1em;
}
.totpQrContainer img {
    margin: auto;
    width: 150px;
    display: block;
}

.validateTotpContainer {
    width: auto;
    margin: auto 1em;
}

.validateTotpContainer .cajaTexto {
    margin-right: 3em;
    width: 400px;
}

.linkSecondFactor {
        display: block;
        float: left;
        margin-right: 10px;
        width: 30%;
        height: 150px;
        border: 1px solid #eaeaea;
        border-radius: 3px;
        text-align: center;
        margin-top: 1em;
}

.linkSecondFactor img {
        margin: auto;
        margin-top: 20px;
        display: block;
        margin-bottom: 10px;
}

.validateContainer {
    padding: 1em;
}

.goToProfileIndex {
    margin-top: 3em;
}

#content .actionLogin.boton.goToLoginPage {
    float: right;
    background-color: transparent !important;
    color: #145b94 !important;
    border: 1px solid;
}

#content .actionLogin.boton.goToLoginPage2 {
    margin-right: 5%;
    margin-top: 2em;
    font-weight: normal;
    border: 1px solid #eaeaea;

}

.body-error {
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: Ubuntu,sans-serif;
    justify-content: center;
    background: #FFFFFF !important
}

.error.container h1,h2,h3{
    color: #2d3e4d;
}

.error.container h1{
    margin-bottom:0;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    line-height: 1;
}

.error.container p,ul{
    color: #485764;
    line-height:1.5
}

.error.container .error-logo {
    max-width: 180px;
}

.error.container nav{
    padding:1em;
}

.error.container img{
    display:block;
    max-width:100%;
}
.error.container a{
    color:#3594e0;
}

.error.container {
    align-items:center;
    display:flex;
    justify-content:space-around;
    width:1170px;
        background: transparent;
        border-color: transparent;


}

.error.container .block{
    max-width:440px;
}

@media (max-width:768px){
    .error.container {
        flex-direction:column-reverse;
        text-align:center;
    }
    .error.container .block{
        max-width:90vw;
    }
    .error.container .block:first-child img{
        margin:2em auto 0;
    }
}

.txt-center {
    text-align: center;
}

.error401 .error-logo,
.error404 .error-logo {
    margin: auto;
    margin-bottom: 1em;
}

.padding-top-1 {
    padding-top: 1em;
}

.padding-bottom-1 {
    padding-bottom: 1em;
}

.lastAccessDate {
    color: #FFFFFF;
    font-size: 12px;
    padding: 0;
    text-transform: uppercase;
}

.authenticatedUserContainer,
.authenticatedUserContainer img,
.authenticatedUserNameContainer {
    float: left;
}
.authenticatedUserContainer img {
    margin-top: 0.4em;
}

.delegationNameContainer {
    margin-bottom: 5px;
}


.appContainer {
    background-color: #efefef;
}

.appDescriptionContainer {
    background-color: #ffffff;
    max-width: 600px;
    margin: auto;
    padding: 2em;
}

.market-apps {
    margin: auto;
    display: block;
    width: 405px;
    padding: 2em;
}

.apps-ul {
    margin-left: 0;
}

.apps-ul li {
    margin: 1em 0;
}

.apps-li1 div {
    text-align: center;
    margin-top: 0.5em;
}

.apps-li3 a {
    margin: auto;
    width: 140px;
    display: block;
}

#content footer .links .loginAppsLink {
    border: none;
    padding: 0;
    float: right;
    margin-right: 10px;
}

.appBackContainer {
    width: 600px;
    margin: auto;
    margin-bottom: 2em;
}


.appBackContainer .back {
    margin-bottom: 2em;
    cursor: pointer;
}

.notifsInfo {
    margin-top: 1.5em;
    padding: 1em 0.25em 1em 33px;
    empty-cells: show;
    border: none;
}
.notifsInfo tbody{
    background: #EAF5FF no-repeat .5em 1.45em;
    border: 1px solid #c4ddf2;
    border-left: 3px solid #145b94; /*main-color*/
    border-radius: 0px;
    color: #145b94; /*main-color*/
    font-weight: normal;
}

.notifsInfo td {
    border: none;
}

.notifsInfo thead {
    text-align: right;
}

.notifsInfo .notif-ico-INFO {
    background: url(../images/iconos/tick-16x16.png) no-repeat;
    background-position: center;
    padding: 0.3em;
}

.notifsInfo .notif-ico-WARN {
    background: url(../images/iconos/warning-16x16.png) no-repeat;
    background-position: center;
    padding: 0.3em;
}

.notifsInfo .notif-ico-ERROR {
    background: url(../images/iconos/error.png) no-repeat;
    background-position: center;
    padding: 0.3em;
}

.notifsInfo a.delete-notifs {
	background: url(../images/iconos/ico-delete-7x7.png) no-repeat;
    display: inline-block;
    background-position: right;
    padding-right: 1.5em;
}


.notificationExternalSignContainer .notif-date {
    text-align: right;
    padding-right: 7px;
}

.notificationExternalSignContainer .notif-ico {
    padding: 7px;
}

.powered-by-viafirma img {
    max-width: 160px;
    margin: auto;
    display: block;
    margin-top: 2em;
    margin-bottom: 5px;
}

#notificationsContainer{
    position: absolute;
    right: 16px;
    top: 61px;
    z-index: 9999;
}

#notificationsContainer li{
    background: #FFFFFF;
    margin-bottom: 8px;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px rgba(170, 170, 170, 0.5);
    width: 380px;
    display: flex;
}
.userNotificationIco {
    width: 60px;
}

.userNotificationIco img {
    height: 32px;
    width: 32px;
    margin: 12.5px auto;
    display: block;
}

.userNotificationDate {
    padding: 0;
    font-size: 12px;
    margin: 0;
    margin-top: 12px;
}

.userNotificationText {
    width: 320px;
        padding-right: 8px;
}

.userNotificationTitle {
    font-weight: bold;
    padding-right: 8px;
    line-height: 20px;
}

.userNotificationDescription {
    padding-bottom: 8px;
    line-height: normal;
}

#notificationsContainer li.deleteUserNotification {
  width: 136px;
  height: 38px;
  float: right;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  border: solid 1px rgba(20, 91, 148, 0.15);
  background-color: #e7eff7;
}

#modal_popupviafirmaContainer,
#modal_popupLoadingViafirmaDesktopContainer {
    z-index: 99999999999999999999999999999999!important;
}

.detailSignatureButton {
    border: 1px solid #145b94!important;
}

.detailSignatureButton:hover {
    text-decoration: none;
}

a.detailSignatureButton {
    display: inline-block;
    padding: 0.4em 1em !important;
}

.button.detailSignatureButton {
    font-size: 15px !important;
    margin: 0 !important;
    padding: 0.6em 1em !important;
}

.signingInbox {
    padding: 0;
    margin: 0;
    margin-top: 18px;
}

.signingInbox ul {
    width: 100%;
    background: white;
}

.signingInbox li.userNotification {
    background: #FFFFFF;
    margin-bottom: 8px;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px rgba(170, 170, 170, 0.5);
    width: 100%;
    display: flex;
}

.signingInbox .userNotificationIco {
    width: 50px;
}


.signingInbox .userNotificationIco img {
    margin: 9px auto;
}



.signingInbox .userNotificationText {
    width: 100%;
    padding-right: 8px;
}

.signingInbox .userNotificationTitle {
    font-weight: bold;
    padding-right: 8px;
    line-height: 20px;
    padding-top: 8px;
}

.signingInbox .userNotificationDescription {
    padding-bottom: 8px;
    line-height: normal;
}

@media (max-width: 767px) {
    #notificationsContainer {
        padding: 0;
        margin: 0 !important;
        position: relative;
        right: 0;
        top: 0;
    }

    #notificationsContainer ul {
        width: 100%;
        background: white;
        margin: 1px;
    }

    #notificationsContainer li.userNotification {
        background: #FFFFFF;
        margin-bottom: 8px;
        border-radius: 4px;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
        border: solid 1px rgba(170, 170, 170, 0.5);
        width: 100%;
        display: flex;
    }

    #notificationsContainer .userNotificationIco {
        width: 50px;
    }


    #notificationsContainer .userNotificationIco img {
        margin: 9px auto;
    }



    #notificationsContainer .userNotificationText {
        width: 100%;
        padding-right: 8px;
    }

    #notificationsContainer .userNotificationTitle {
        font-weight: bold;
        padding-right: 8px;
        line-height: 20px;
        padding-top: 8px;
    }

    #notificationsContainer .userNotificationDescription {
        padding-bottom: 8px;
        line-height: normal;
    }

    .authenticatedUserNameContainer {
        text-align: right;
        position: absolute;
        top: 46px;
        right: 0;
        background-color: #145b94;
        display: none;
        padding: 0.25em;
        box-shadow: 0 2px 6px 0 rgb(0 0 0 / 25%);
    }

    #welcome .user {
        margin-right: 0;
        overflow: visible;
        text-indent: 0;
        width: 100%;
    }

    .authenticatedUserContainer:hover > .authenticatedUserNameContainer {
      display: block;
    }

    .searchRate {
        max-width: 101px;
        padding: 8px 1px;
    }
}

.loginMessageContainer {
    margin-bottom: 2em;
}

.copyCustodyMetadaContainer dt, .copyCustodyMetadaContainer dd {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
}

.copyCustodyMetadaContainer dd {
    padding-left: 1em !important;
    margin-left: 0;
}

.copyCustodyMetadaContainer dt.last, .copyCustodyMetadaContainer dd.last {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom:  10px;
}
.copyCustodyCommonMetadaContainer dt.last, .copyCustodyCommonMetadaContainer dd.last {
    border-bottom: none !important;
}

table.listado td.acciones .dropdown-menu a {
    opacity: 1;
}


#modal_popupfortressContentTable tr:first-child,
#modal_multitabContentTable tr:first-child,
#modal_multitabContentTable tr.first,
#modal_popupLoadingAutofirmaContentTable tr:first-child,
#modal_popupLoadingAutofirmaContentTable tr.first,
#modal_popupautofirmaContentTable tr:first-child,
#modal_popupautofirmaContentTable tr.first,
#modal_expiradoContainer tr.first {
    display: none;
}

.expirationClockContainer {
    display: block;
}

.expirationClockContainer svg {
    margin: auto;
    display: block;
    margin-top: 60px;
}


.expirationPopupTitle {
    white-space: nowrap;
    cursor: move;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #2d3e4d;
    margin-top: 20px;
}

.expirationPopupDesc {
    font-size: 20px;
    text-align: center;
    color: #8d959f;
    margin-top: 30px;
    margin-bottom: 60px;
}

.expirationPopupDesc a {
    font-size: 20px;
    text-decoration: underline;
    text-align: center;
    color: #8d959f;
}

.rich-modalpanel {
    z-index: 99999999999999999999999999999999 !important;
}

.rich-mpnl-content {
    border-radius: 7px;
    box-shadow: 0 4px 11px 0 rgb(0 0 0 / 25%);
}


#modal_popupautofirmaCDiv {
    height: 320px !important;
}

.loadingSignatureContainer {
    margin: 80px 20px 20px;
}

.openViafirmaDesktoContainer {
    margin: 50px 20px -10px;
}

.loadingSignatureImg {
    width:60px;
    height:60px;
    margin: 0 auto;
    display: block;
}

.loadingSignatureTitle {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #2d3e4d;
}

.loadingSignatureDesc {
    font-size: 16px;
    text-align: center;
    color: #8d959f;
    margin-top: 30px;
}

#popupMultiTabContainer .botonera {
    margin: 35px auto;
}

#job_tree_wrapper ul {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

#job_tree_wrapper img {
    height: 22px;
}

#wrapperAdditionalInfo li {
    word-break: break-word;
}

body.login.public #body .signbutton.fortressQualified,
body.login.public #body .signbutton.fortressQualified:hover {
    background-position: 0px -382px !important;
}

a.signbutton.fortressQualified,
.delegationTable .acciones .dropdown-menu a.signbutton.fortressQualified {
    background-position: -5px -391px;
}

input.signbutton.fortressQualified,
input.signbutton.fortressQualified:hover {
    background-position: -5px -391px !important;
}



.otpCancelLink {
    margin-left: 1em;
}

#formOtpMail h2 {
    font-size: 1.4em;
}

#modal_popupotpMailContentTable tr:first-child {
    display: none;
}

.termTitle {
    font-size: 30px;
    margin-top: 1.2em;
    font-weight: bold;
}

.termLink,
.termDesc,
.termCheck {
    font-size: 16px;
}

input.button:disabled,
input.button[disabled] {
    background-color: #cfcfcf;
}

#content-wrapper.termContainer #logo img {
    max-width: 125px;
}

.termLink {
    text-decoration: underline;
}

.termButton input {
    width: 100%;
}

.termTitle,
.termDesc,
.termLink,
.termCheck {
    margin-bottom: 0.5em;
}

.termButton,
.termCheck {
    margin-top:1em;
}

.termCheck p {
    margin:0;
    padding: 0;
}

#formGroup p.botonera {
    height: 47px;
}


body.login.public #body .signbutton,
body.login.public #body .signbutton:hover {
    background-image: url(../images/spritesheet.png) !important;
    background-repeat: no-repeat !important;
}

body.login.public #body .signbutton.default,
body.login.public #body .signbutton.default:hover {
background-image: url(../images/spritesheet-white.png) !important;
    background-repeat: no-repeat;
}

body.login.public #body .signbutton.default.fortressQualified,
body.login.public #body .signbutton.default.fortressQualified:hover {
    background-position: -3px -384px !important;
}



p.loginButton.login-fortressQualified a {
    background-image: url(../images/iconos/ic_cloud_signature.png);
}

p.selectuser a {
    border-radius: 3px;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: .75em;
    transition: .3s;
    border: 1px solid #aaa;
    color: #485764; /*body-text-color*/
    background: none;
    border-radius: 3px;
    padding: .5em 1em .5em 10px;
    display: block;
}

p.selectuser a:focus,
p.selectuser a:hover,
p.loginButton a:focus,
p.loginButton a:hover {
    background-color: #f0f0f0;
    text-decoration: none;
}

.userEditRemoveStamp {
    margin-top: -15px;
    margin-left: 1em;
}

.workflowNotAvailableContainer {
    background-image: url(../images/iconos/warning-16x16.png);
    background-repeat: no-repeat;
    float: right;
    text-decoration: underline;
    text-decoration-style: dashed;
    padding-left: 22px;
    background-position-y: 4px;
    padding-right: 1em;
    cursor: default;
    text-decoration-style: dashed;
}

.rich-messages dt {
    margin-top: 10px;
}

.rich-messages dt.first {
    margin-top: 0px;
}


div.disenador div.linea div.bloque.DISABLED,
div.disenador div.linea div.bloque.DELETED {
    background: #cfcfcf;
    border: 1px solid #818181;
}

div.disenador div.linea div.bloque.DISABLED,
div.disenador div.linea div.bloque.DISABLED a,
div.disenador div.linea div.bloque.DISABLED span.accion,
div.disenador div.linea div.bloque.DISABLED .firma span,
div.disenador div.linea div.bloque.DELETED,
div.disenador div.linea div.bloque.DELETED a,
div.disenador div.linea div.bloque.DELETED span.accion,
div.disenador div.linea div.bloque.DELETED .firma span {
    color: #818181;
}


.phonePrefix_edit_p {
    float: left;
}

.new_user_phone_p {
    float: right;
}

#modal_borrarAuditoriaContainer {
    z-index: 9998 !important;
}