/*.ajustarAltura {
    margin-top: 20%;
}*/
@media screen and (min-width: 360px) {
    .navbar-top-links .dropdown-messages {
        margin-left: -100px;
    }
}

@font-face {
    font-family: 'MYRIADAS';
    src: url('../fonts/MYRIADAS.TTF') format('truetype');
}
@font-face {
    font-family: 'MontserratSB';
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratM';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype'), url('../fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'MontserratR';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

body {
    font-family: MYRIADAS;
    background-color: #e5e5ea !important;
    color: #707173 !important;
}

.formLogin {
    /*max-width: 300px;*/
    display: inline-block;
}

@media screen and (max-width: 500px) {
    .modalGenerico {
        width: 400px !important;
        margin-left: -200px !important;
    }
}

.failureNotification {
    color: white;
}

.wraperAoc {
    width: 100%;
    background-color: #e5e5ea;
}

.sidebar-nav-fixed {
    width: 14%;
}

#sideMenu {
    padding-top: 3%;
    /*min-height:100vh;
    height:100%;*/
}

fieldset {
    width: 100%;
    padding: 1em 1em 30px 1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /*border: 3px solid #fff;*/
    border-radius: 5px;
    background-color: transparent;
    margin-bottom: 20px;
}

.unificarPortada {
    padding-left: 10px;
    padding-right: 10px;
}

input, select, textarea {
    margin-bottom: 10px;
    padding-top: 5px;
}

fieldset p {
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
}


fieldset > p > label {
    display: block !important;
    margin: 0px;
}

fildset > p > span {
    height: 0 !important;
}

fieldset label.inline {
    display: inline;
}

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

.sin-margin {
    margin: 0px !important;
}

fieldset > img {
    margin-top: 15px;
    margin-bottom: 30px;
    background-color: transparent;
}

input.textEntry {
    width: 100%;
    padding-bottom: 5px;
    padding-left: 10px;
}

input.passwordEntry {
    width: 100%;
    padding-bottom: 5px;
    padding-left: 10px;
}

@media (min-width:300px) {
    div.accountInfo {
        max-width: 300px;
    }

    fieldset.col-xs-12.login{
        width:300px;
    }
    .col-xs-6.p1TagLine {
        text-align: center;
        width: 100%;
        font-size: 1em;
    }

    .col-xs-6.p2TagLine {
        text-align: right;
        font-size: 1em;
    }
    .tagLineLogo {
        width: 88%;
    }

    input#ContentPlaceHolder1_Login1_UserName, input#ContentPlaceHolder1_Login1_Password {
        height: 40px;
        border: 1px solid #ffffff;
    }

    img#ContentPlaceHolder1_Login1_imagenPortada {
        width: 160px;
    }

}

@media screen and (min-width:768px){
    fieldset.login .checkboxAlign {
        text-align: left !important;
        /*margin-left: 10%;*/
    }
}

/*@media (min-width:992px){

}*/

@media (min-width:992px){
    div.accountInfo {
        max-width: 600px;
    }
    fieldset.col-sm-12.col-xs-12.login {
        width:600px;
    }

    .tagLineLogo {
       
        width:95%;
       
    }

    .col-xs-6.p1TagLine {
        text-align: right;
        width: 40%;
        padding-right: 0px;
        font-size: 1.3em;
        /* margin-left: -5%; */
    }

    .col-xs-6.p2TagLine {
        text-align: right;
        width: 50%;
        font-size: 1.3em;
    }

    img#ContentPlaceHolder1_Login1_imagenPortada {
        width: 200px;
    }

    input#ContentPlaceHolder1_Login1_UserName, input#ContentPlaceHolder1_Login1_Password {
        height: 40px;
        border: 1px solid #ffffff;
    }

   fieldset.login  .unificarPortada label.formPortada {
        margin-bottom:0px;
    }

    fieldset.login p.unificarPortada.text-left {
        margin-bottom: 0px;
        height:11vh;
    }

    fieldset.login .submitButton input{
        width:28%;
        margin-bottom:20px;
    }

    fieldset.login .checkboxAlign {
        text-align: left;
        margin-left: 25%;
    }

}

fieldset.login > p.unificar > label.formPortada {
    color: white !important;
}

.tagLineLogo {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
   
    margin-left: 1.3em;
    margin-bottom: 2em;
    padding: 15px 0px 10px 0px;
    line-height: 0.9em;
    margin-top: -5px;
}

div .col-xs-6.p1TagLine {
    font-family: MontserratR;
    color: #ffffff;
   
    letter-spacing: 0.35em;
    
   
}

div .col-xs-6.p2TagLine {
    font-family: MontserratR;
    color: #ffffff;
    width: auto;
    letter-spacing: 0.25em;
   
    padding: 0px;
    margin: 0px -30px 0px -10px;
    white-space: nowrap;
   
}

.unificarPortada label.formPortada {
    padding-top: 5px;
    padding-left: 0px;
    margin-bottom: 7px;
    width: 100%;
    font-size: 16px;
    /*font-weight: lighter;*/
    color: #fff;
}

.unificar label, .unificar input, .unificar select, .unificar textarea, .unificarPortada textarea, .unificarPortada label {
    width: 100%;
}

.unificar textarea {
    font-size: large;
    padding-left: 10px;
    color: #707173 !important;
    padding-bottom: 5px;
    background-color: #f6f5fa !important;
    border: 1px solid #9095ac !important;
}

.unificar label {
    padding-top: 5px;
    padding-left: 10px;
    margin-bottom: 0;
    width: 100%;
    font-size: unset;
    /*font-weight: lighter;*/
    color: #707173;
}

.unificar input {
    font-size: large;
    padding-left: 10px;
    color: #707173 !important;
    padding-bottom: 5px;
    background-color: #f6f5fa;
}


fieldset > label {
    color: #707173;
}

.form-control {
    border: 1px solid #9095ac !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px 0px !important;
}


#divCamposFlujo > fieldset > p > label {
    color: #707173 !important;
}

.checkboxAlign {
    text-align: left !important;
    margin-left: 15px;
}

    .checkboxAlign label {
        margin-top: -15px;
        margin-left: 25px;
    }

.login {
    width: 300px;
    border: 3px solid #fff;
}

    .login .submitButton input {
        background-color: #00368b !important;
        border: none !important;
        color: #fff;
        width: 50%;
        height: 40px;
        font-weight: 900 !important;
        font-size: 1em;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .login .inline {
        color: White;
    }

    .login #ContentPlaceHolder1_Login1_RememberMe {
        border: none !important;
        background-color: White !important;
    }

.fondoIndex {
    background-attachment: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

.enlace {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
}

.contenido {
    margin-right: 0%;
    margin-left: 0%;
    background-color: #e5e5ea !important;
}

    .contenido > .col-lg-12 {
        padding-left: 0;
    }

.contenido2 {
    width: 99%;
    margin-right: 1% !important;
    margin-left: 1% !important;
}

#subtitulo {
    margin-top: 0px !important;
    font-size: 30px !important;
    margin-left: 15px;
}

.scrollable-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

.bordeCajas {
    border: 1px solid #9095ac;
}
/*-----------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
    .logo {
        display: inline-block;
    }
}

button.navbar-toggle {
    max-width: 13%;
    max-height: 60%;
    margin-right: 0px !important;
}

.logo {
    max-height: 70px;
    max-width: 240px;
}

.navbar-header {
    margin-right: 0px;
    padding-right: 0px;
}

.navbar-header, .navbar-right, .sidebar-nav {
    border: none;
    background-color: transparent;
    margin-left: -20px;
}

.navbar-header {
    height: 76px;
}


.navbar-right {
    margin-top: 1%;
    background-color: transparent;
}

    .navbar-right > .dropdown {
        display: inline-block;
    }

a.navbar-brand.logo {
    padding: 3%;
    margin-right: 10px;
}

.navbar-brand {
    margin-top: -5px;
    padding: 10px;
    margin-right:15px;
}

.navbar-right .open > a:active, .navbar-right .open > a:focus, .navbar-right .open > a {
    background-color: transparent !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}

.navbar-right .dropdown-toggle > .fa {
    color: #00368b;
}

.dropdown-toggle > label {
    color: #00368b !important;
}

.open > a:hover, .nav .open > a:focus {
    background-color: rgb(155,155,155);
    border-color: #b0cc3b;
}

#divNotificaciones a {
    text-decoration: none;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {
    text-decoration: none;
    color: #b0cc3b;
}

.navbar-header {
    margin-right: 0px;
}

.navbar-default {
    padding: 10px 10px 10px 10px;
    border-bottom: #00368B solid 15px !important;
    min-height: 76px;
}

    .navbar-default .navbar-nav > li > a {
        color: #00368b !important;
    }

    .navbar-default .navbar-nav > .open > a {
        background-color: #ffffff;
    }

        .navbar-default .navbar-nav > .open > a:hover {
            background-color: #ffffff !important;
        }

        .navbar-default .navbar-nav > .open > a:focus {
            background-color: #ffffff !important;
        }

    .navbar-default, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #f5f5f5 !important;
    }



/*li.iconosNav.active {
    background-color: transparent;
    color: #00368b;
}*/

/*li.iconosNav.active:hover {
    background-color: #ffffff;
    color:#00368b !important;
}*/

li.iconosNav.active:hover a.text-center {
    background-color: #c9c8d4 !important;
    color: #00368b !important;
}

li.iconosNav:hover {
    background-color: #c9c8d4;
}

/*.navbar-default .navbar-nav > li.iconosNav:hover , .navbar-default .navbar-nav > li.iconosNav:hover a {
    background-color: #c9c8d4;
}*/

/*li.iconosNav:hover a {
        background-color: #ffffff;
        color: #00368b !important;
}*/

/*li .iconosNav a{
    background-color: #ffffff;
    color: #00368b !important;
}*/

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #00368b;
    background-color: #f5f5f5;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            border-right: 3px solid #ffffff;
        }
}


.badge {
    /* lo quito para que se vea mejor en infoflujo
        también cambia en el número de las notificaciones 
    background-color: white;
    color: #555; */
    display: inline-block;
    padding: 8px 8px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50%;
    background-color: #00368b !important;
    color: #fff !important;
}



    .badge:hover {
        background-color: #c9c8d4 !important;
        color: #00368b !important;
    }

.badgemens {
    margin-left: 4px;
    padding: 3px 4px;
    background-color: white !important;
    color: #555;
    border-radius: 50%;
}

#page-wrapper {
    min-height: 1800px;
    margin: 0px;
    background-color: #e5e5ea;
}

.panelAjustes h2 {
    margin-top: 25px !important;
    margin-bottom: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    font-size: 30px;
    background-color: #00368b;
    color: white;
    box-shadow: 4px 4px rgba(112,113,115,0.3);
}

.panelAjustes h2 {
    font-size: 30px;
}

.panelAdministracionUsuarios h2 {
    margin-top: 0px !important;
    margin-bottom: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    font-size: 24px;
    background-color: #9095ac;
    color: white;
}


#side-menu > li > a:hover, #side-menu > li > a:hover > i {
    color: #00368b;
    background-color: transparent !important;
}

/*#side-menu > li:active, #side-menu > li:active > i {
    color: #fff;
    background-color: #00358b;
}*/


#divNotificaciones > li > a:hover > .badge {
    background-color: #c9c8d4;
    color: #00368b !important;
}

.dropdown-menu > li > a:hover {
    background-color: #e7e6ee;
}

#divNotificaciones > li > a:hover > i, #divNotificaciones > li > a:hover > label {
    color: #c9c8d4 !important;
}

.navbar-right > li > a:hover > i, .navbar-right > li > a:hover > label {
    color: #9095ac !important;
}

.timeline > li > .timeline-badge {
    padding: 14px;
}

.iconosNav {
    text-align: center;
    padding: 0px 15px 0px 15px;
    color: white;
    font-family: MYRIADAS;
}

a#documentos:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#expedientes:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#formularios:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#OCR:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#ubicaciones:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#administracion:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#tiposFlujo:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#ajustes:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#comunicacion:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#mantenimientoUsuarios:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#eventos:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#subs:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#ajustesMenuDesplegable:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#subsEmpresa:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#mantenimiento:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#plantillas:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#mplantillas:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#aplantillas:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#rcampos:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#mcampos:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#ajustes:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#iniciarFlujo:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}


a#creacionFlujo:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#mantenimientoFlujos:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#mantenimientoFlujosUsuario:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#mantenimientoFlujosAdministrador:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#iniciarServicio:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}

a#iniciarFlujoNotificacion:hover {
    background-color: #c9c8d4;
    color: #00368b !important;
}
/*---------------------------------------------------------------------------------*/
p.colocarEnlaceProcesosExistentes {
    margin-top: 15px;
}

a.cargarProcExistAvisos {
    color: white !important;
    background-color: #9095ac;
    padding: 8px;
    border: 1px solid #556787;
    text-decoration: none;
}

.active .btn-AzulZertifika {
    background-color: #707173 !important;
    border: 1px solid #707173 !important;
}

.btn-AzulZertifika {
    color: #ffffff !important;
    background-color: #00368b !important;
    margin: 0.5vw;
    border-radius: 0px;
    padding-left: 1.3vw;
    padding-right: 1.3vw;
    border: 1px solid #00368b !important;
}

    .btn-AzulZertifika:hover {
        color: #fff !important;
        background-color: #9095ac !important;
        border: 1px solid #9095ac !important;
    }

.active .btn-AzulZertifika2 {
    background-color: #556787 !important;
    border: 1px solid #556787 !important;
}

.btn-AzulZertifika2 {
    color: white !important;
    background-color: #556787 !important;
    margin: 5px;
    border-radius: 0px;
    padding-left: 25px;
    padding-right: 25px;
    border: 1px solid #556787 !important;
}

    .btn-AzulZertifika2:hover {
        color: white !important;
        background-color: #9095ac !important;
        border: 1px solid #9095ac !important;
    }

.btn-RojoZertifika {
    color: red !important;
    background-color: white !important;
    border: 2px solid #ff0000 !important;
    padding-left: 25px;
    padding-right: 25px;
}

    .btn-RojoZertifika:hover {
        color: white !important;
        background-color: red !important;
        border: white 2px solid !important;
    }

.btn-VerdeZertifika {
    color: rgb(83,158,1) !important;
    background-color: white !important;
    border: 2px solid rgb(83,158,1) !important;
    padding-left: 25px;
    padding-right: 25px;
}

    .btn-VerdeZertifika:hover {
        color: white !important;
        background-color: rgb(83,158,1) !important;
        border: 2px solid #ffffff !important;
    }

.btnFiltroHistorialAdmin {
    margin-top: 25px;
}

div#filtro {
    margin-bottom: 0;
    padding-bottom: 0;
}

.add-backgroundHistorialAdmin {
    background-color: #f5f5f5;
    margin-top: 5px;
    padding: 15px;
    border: 1px solid #556787;
    box-shadow: 2px 2px 5px #AAAAAA;
}

#ultimaAccion {
    color: White;
    height: 30px;
    background-color: rgba(201,200,212,0.4);
    padding-top: 0px;
    height: 0px;
}

#botonUltimaAccion, #botonUltimaAccion > a {
    text-decoration: none;
    color: White;
}

#iconoUltimaAccion {
    padding-top: 3px;
    width: 5px !important;
    padding-right: 25px;
}

#side-menu > li {
    border-right: 3px solid transparent;
}

#side-menu {
    margin-left:15px;
}

/*#side-menu > li:hover {
        border-color: #00368b;
    }*/

.sin-background {
    padding: 0em;
    border-radius: 0px;
    background-color: transparent;
}


.ancho {
    width: 100%;
}

.float {
    float: left;
    margin-right: 5px !important;
}

.displayInline {
    display: inline-block;
}

.sin-borde {
    border-color: transparent !important;
}

.dataTables_info, .dataTables_paginate paging_simple_numbers {
    font-size: small !important;
}

a.paginate_button {
    background-color: rgb(255,255,255) !important;
    color: #556787;
    border: 2px solid #556787 !important;
}

.contenido {
    font-size: small !important;
    padding-bottom: 50px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    text-decoration: none !important;
    color: #ffffff !important;
    background-color: #556787 !important;
    background: none;
    border: 1px solid #556787;
    margin: 30px 5px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border: 1px solid #c9c8d4 !important;
        text-decoration: none !important;
        color: #556787 !important;
        background-color: #c9c8d4 !important;
        background: none;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #556787 !important;
    color: #556787 !important;
    margin-left: 8px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid #c9c8d4 !important;
        text-decoration: none !important;
        color: #556787 !important;
        background-color: #c9c8d4 !important;
        background: none;
    }

.odd {
    background-color: rgb(245,245,245) !important;
    border: none;
    text-decoration: none !important;
}

td {
    border: 0px !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

table > tbody > tr:hover td {
    background-color: #e2e2e9 !important;
    text-decoration: none !important;
}

    table > tbody > tr:hover td select {
        color: black;
    }

/*table > tbody > tr:hover i {
    color: white !important;
}*/

td > a {
    color: rgb(103,105,110) !important;
    text-decoration: none !important;
}

/*table > tbody > tr:hover a {
    
}*/


th, table {
    border-color: rgb(216,216,216) !important;
    color: #707173 !important;
}

#tablaFlujos_info, table, .dataTables_length, .dataTables_filter {
    color: #707173 !important;
}

#tablaFlujos_info, #tablaFlujos_paginate, .rbQR {
    margin-top: 30px;
    margin-bottom: 30px;
}

#tablaFlujos > tbody > tr:hover {
    background-color: #e2e2e9 !important;
}

    #tablaFlujos > tbody > tr:hover > td.btnColorSecundario {
        color: white !important;
    }

    #tablaFlujos > tbody > tr:hover .sorting_1 {
        background-color: #e2e2e9 !important;
    }


.hacerTransparente {
    color: #f2f2f2;
}

.fondoAvisosIniciarFlujo {
    background-color: #e5e5ea;
}
/*titulo pagina home*/
.page-header {
    color: #fff !important;
    background-color: #556787;
    width: 100%;
    height: 100%;
    padding: 10px 0px 40px 0px;
    margin-top: 0px;
    margin-left: 0px !important;
    border-bottom: none;
}

.page-headerCabecerasPaginas {
    color: #fff !important;
    background-color: #9095ac !important;
    font-size: 24px !important;
    width: 100%;
    height: 100%;
    padding: 10px 0px 10px 0px;
    margin-top: 0px;
    margin-left: 0px !important;
    margin-bottom: 50px;
    padding-left: 25px;
    border-bottom: none;
}

.page-headerCabecerasPaginasModelado {
    color: #9095ac !important;
    background-color: none;
    font-size: 22px !important;
    width: 100%;
    height: 100%;
    padding: 10px 0px 10px 0px;
    margin-top: 10px;
    margin-left: 0px !important;
    padding-left: 25px;
    border-bottom: 2px solid #9095ac;
    text-transform: uppercase;
}

.page-headerCabecerasPaginasAdministracion {
    color: #fff !important;
    background-color: #9095ac !important;
    font-size: 24px !important;
    width: 100%;
    height: 100%;
    padding: 10px 0px 25px 0px;
    margin-top: 0px;
    margin-left: 15px !important;
    margin-right: 15px;
    padding-left: 25px;
    border-bottom: none;
}

.page-headerCabecerasPaginasBitacora {
    color: #fff !important;
    background-color: #9095ac !important;
    font-size: 24px !important;
    width: 100%;
    height: 100%;
    padding: 10px 0px 35px 22px;
    margin-top: 0px !important;
    margin-left: 10px !important;
    border-bottom: none;
}

    .page-headerCabecerasPaginasBitacora h1 {
        font-size: 24px !important;
        padding: 0px;
        margin-top: 0px !important;
    }

.page-headerCabecerasPaginasHistorialFlujo {
    color: #fff !important;
    background-color: #9095ac !important;
    font-size: 24px !important;
    width: 100%;
    height: 100%;
    padding: 10px 0px 5px 0px;
    margin-top: 0px;
    margin-left: 0px !important;
    padding-left: 25px;
    border-bottom: none;
}
/*#bitacora{
    margin-top:0px;
    padding:0px;
}*/
.tituloHistorialFlujo {
    font-size: 24px !important;
}

.page-headerHomeMostrarDoc {
    color: #fff !important;
    background-color: #9095ac;
    font-size: 22px;
    width: 100%;
    height: 100%;
    padding: 15px 0px 15px 20px;
    margin-top: 0px;
    margin-left: 0px !important;
    border-bottom: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #f5f5f5;
    color: #00368b;
}

.dropdown-user > .active > a {
    background-color: rgb(231, 230, 238);
    color: #333 !important;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 0px;
    border: none;
}

.table-bordered {
    border-right: 0px !important;
    border-left: 0px !important;
}

table.dataTable.no-footer {
    border-top: 1px solid #111;
}

.table > thead > tr > th {
    border-bottom: 1px solid #DDD;
}

.add-shadow {
    box-shadow: 1px 1px 5px #555;
    border-radius: 5px;
    background: #fefefe;
    margin-top: 30px;
}

.add-background {
    background-color: #f5f5f5;
    margin-top: 25px;
    padding: 15px;
    border: 1px solid #556787;
    box-shadow: 2px 2px 5px #AAAAAA;
}

.add-margin {
    margin: 10px !important;
}

.add-margin-top {
    margin-top: 40px !important;
}

.timeline-panel {
    background-color: White;
}

.icono-anadir {
    color: #57565B;
    position: absolute;
    right: 2px;
}

.margin-busqeudaSimple {
    top: 15px !important;
}



.sin-borde {
    border: none;
}

.form-control-feedback2 {
    position: absolute;
    right: 12px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

input + .form-control-feedback2 {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

input + .form-control-feedback2 {
    width: 30px;
    height: 37px;
    line-height: 30px;
    margin-right: 0px;
    border: 1px solid #9095ac;
}

#ui-datepicker-div td > a {
    color: #57565B;
}

.ui-widget-header {
    background-color: #9095ac !important;
    color: #fff;
    border-color: none;
}

span.ui-button-icon.ui-icon.ui-icon-closethick {
    color: #00368b !important;
}

.ui-state-active {
    border-color: red !important;
}

.ui-state-hover .ui-icon {
    background-image: url("../images/ui-icons_777777_256x240.png");
}

.icono-calendario {
    position: absolute;
    right: 10px;
    color: #57565B;
}

.ui-datepicker-year, .ui-datepicker-month {
    color: #57565B !important;
}
/*.ui-icon.ui-icon-circle-triangle-e{
    color: white !important;
}
.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons_ffffff_256x240.png");
}
*/
.borderError {
    border: 1px solid #ff9c8b !important;
}

.colorFondo {
    background-color: rgb(245,245,245) !important;
    /*margin: auto 0px !important;
    min-height: 580px !important;*/
}

.maxHeight {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 350px !important;
}

.hideIdGrupo {
    display: none;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.success > td, td.success {
    /*background-color: #555 !important;*/
    background-color: #00368b !important;
    color: White !important;
}

.success2 > td, td.success2 {
    background-color: #AAA !important;
    color: White !important;
}

.success:hover > td, td.success:hover {
    background-color: #999 !important;
    color: White !important;
}


#side-menu a {
    cursor: pointer;
    color: #00368b !important;
}
/*BOTON MENOS DATATABLE RESPONSIVE*/
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    visibility: hidden !important;
}

#ContentPlaceHolder1_Login1 > tbody > tr:hover td {
    background-color: transparent !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background-color: #00368b !important;
}

.subtitulosDialog > label {
    background-color: rgba(144, 149, 172, 0.5) !important;
    border-color: rgb(0,54,139) !important;
    color: #fff !important;
    padding: 5px;
    padding-left: 2%;
}

.subtitulosDialog > h5 {
    background-color: rgba(144, 149, 172, 0.5) !important;
    border-color: rgb(0,54,139) !important;
    color: #fff !important;
    padding: 5px;
    padding-left: 2%;
}

.infPasoVencimientoInput {
    margin-left: 10px;
    width: 90% !important;
}

.bordeExteriorInput {
    background-color: transparent !important;
}

#slAccionEve {
    margin-bottom: 20px;
}

.tablaFiltroHistorialFlujos {
    background-color: #f5f5f5 !important;
}

tr.tablaFlitroHitorialFlujos:hover td {
    background-color: #f5f5f5 !important;
    text-decoration: none !important;
}

.margenCajaFiltro {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.margenUsuario {
    margin-left: 0px;
    margin-right: 0px;
}

.margenUsuarioLabel {
    margin-bottom: 0px !important;
}

h4.panel-title.btnAcordeon {
    background-color: #00368b !important;
    color: #ffffff !important;
}

#arbolTiposDocumento {
    max-height: 500px !important;
    overflow-y: scroll;
}

/*.scrollVertical {
}*/

#divUltimos {
    height: 396px;
}

#tablaAdministradores {
    height: 597px;
    overflow: scroll;
}

#divBarraUsuario {
    min-height: 625px;
}

.labelGrafico {
    top: 10px !important;
}

#ArbolTipos {
    margin-left: 35px;
    margin-bottom: 35px;
}

.margenTitulo {
    margin-left: 15px;
}

.error {
    background-color: #ffb3b3 !important;
}

.eyeButton {
    width: 25px;
    margin-left: 20px;
    padding: 5px;
    border-radius: 50%;
    margin-right: 0;
    margin-top: 0;
}

.accionesDocEnFlujo {
    display: block;
    margin-top: 25px;
}

#pdfHidden {
    visibility: hidden;
    height: 0px;
    width: 0px;
    display: block;
}

.separeWords {
    word-break: break-word;
}


#ShareDocumentModal .modal-body {
    max-height: calc(100% -50px);
}

button.close {
    vertical-align: middle;
    color: white;
    opacity: initial;
    padding: 10px 10px 0px 10px !important;
    margin-bottom: 5px;
    margin-top: 0px !important;
}

    button.close:hover {
        color: white;
    }

.modal-header h3, .modal-body h3 {
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

button.close.btnClose {
    vertical-align: middle;
    color: black;
    opacity: initial;
    padding: 0px !important;
    margin-bottom: 5px;
    margin-top: 0px !important;
}

    button.close.btnClose:hover {
        color: black;
    }

.paddingBottom {
    padding-bottom: 5px;
}

.plataforma {
    padding: 25px 0px 25px 0px !important
}

p.tagAsunto.unificar :nth-child(5n) a {
    margin-top: 37px !important;
}

#tablaResultado a.btnHide {
    display: none;
}

#ShareDocumentModal .modal-header {
    background-color: #00368b !important;
}

#confirmBox {
    background: white !important;
}

    #confirmBox h1 {
        font: 26px/1 "Cuprum","Lucida Sans Unicode","Lucida Grande",sans-serif;
        background: none !important;
        background-color: #9095AC !important;
        padding: 18px 25px;
        text-shadow: none !important;
        color: white !important;
        letter-spacing: normal !important;
        margin: 2px;
    }
.modal-header {
    font: 26px/1 "Cuprum","Lucida Sans Unicode","Lucida Grande",sans-serif;
    background: none !important;
    background-color: #9095AC !important;
    padding: 18px 25px;
    text-shadow: none !important;
    color: white !important;
    letter-spacing: normal !important;
    margin: 2px;
}

.modal-title {
    font-size: 26px;
}
.modal-footer{
    border-top:none !important;
}

.checkboxConfirmacion {
    border: 1px solid #9095ac;
    background-color: #f6f5fa;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}