.menuAcciones .msgaccionupd{ display:inline-block;margin:0 0 0 5px; color:#555555;}
.menuAcciones {color:#555555;position:fixed; bottom:0px; left:0;width: 100%;padding:0px 10px 5px 80px;z-index:21;border-top: 1px solid rgba(120, 130, 140, 0.13);background-color:#ffffff;}
.menuAcciones .container {max-width: 100%;}
.menu-expanded .menuAcciones{width: calc(100% - 260px);margin-left: 260px;}

.menuAcciones .btn-link {
    color:#f1f1f9;
    font-weigth: 400;
    font-size:15px;
}

.menuAcciones .btn-link:hover,
.menuAcciones .btn-link:focus,
.menuAcciones .btn-link.focus,
.menuAcciones .btn-link:active,
.menuAcciones .btn-link.active {
    color:#ffffff;
}

.menuAcciones .btn {
    margin-top: 5px;
}

.menuAcciones .pull-right .btn {
    margin-right:0px;
    box-shadow:none;
    padding: 0px 15px;
}
.input-invisible {
    border: 0;
    background-color: transparent!important;
    width: 100%;
    height: 50px;
    display: inline-block;
    box-shadow: none!important;
    box-sizing: border-box;
}

.load-sistema{ background: url(../images/loading.gif) no-repeat; height: 70px; background-size: 50px; background-position: center 20px;; }

.header_text{position: relative;}
.header_text button{ position: absolute; right: 5px; padding: 0; top:0}
.header_text button i{ color: #FFFFFF; top: -3px;}

.tabNavegacion .nav-link{ padding: 0.567rem 0.567rem}
.ui-jqgrid {
    max-width: 100% !important;
    width: auto !important;
}

.ui-jqgrid-view,
.ui-jqgrid-hdiv,
.ui-jqgrid-bdiv {
    width: auto !important;
}


.mini-padding.table th, .mini-padding.table td{padding: 0.5rem 0.5rem;}

.panel.panel-usuario-permisos .panel-heading {
    padding: 12px 15px 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #40566F;
    color:#ffffff !important;
    font-weight: 600;
    font-size:16px;
    line-height:22px;
}
.infoRapida ul li {color:#4f4663;}

.panel.panel-usuario-permisos .panel-heading .EliminarCliente.btn,
.panel.panel-usuario-permisos .panel-heading .EliminarAreaCliente.btn{
    padding:2px 10px 5px 10px !important;


}

.panel.panel-usuario-permisos .panel-heading .EliminarCliente.btn .fas {
    padding:0 !important;;

}
.btn-danger {
    color: #fff;
    background-color: #d9534f !important;
    border-color: #d9534f !important;
}

/*.qq-upload-button{ display:inline-block !important;width:auto !important; background:inherit !important; border-bottom:none !important; padding:0 !important;}*/
.qq-upload-list li{background:none !important}


@media (max-width: 575.98px) {
    .menuAcciones {position: relative; left: auto; bottom: auto; padding: 0;border-top:none; background: transparent;}
    .todo-application .content-area-wrapper .todo-new-task-sidebar{ height: 83% !important; right: 9% !important; width: 300px !important}
    .todo-application .content-area-wrapper{ border: none!important; height: 0px !important;}
}

@media (max-width: 575.98px) {
    .menuAcciones {position: relative; left: auto; bottom: auto; padding: 0;border-top:none; background: transparent;}
    .todo-application .content-area-wrapper .todo-new-task-sidebar{ height: 83% !important; right: 9% !important; width: 300px !important}
    .todo-application .content-area-wrapper{ border: none!important; height: 0px !important;}
}


.todo-application .content-area-wrapper .todo-new-task-sidebar{ height: 84% ; right: 2% ;}
.todo-application .content-area-wrapper{ border: none!important; height: 0px !important;}

#iframe_gral { width: 100%; min-height: 700px !important;}

.logo_izq{ background: url(../images/logos/logo_izq.png) no-repeat; }

.encabezadoexpediente{
    border-right: 1px solid #32c5d2;
    border-top: 1px solid #32c5d2;
    border-bottom: 1px solid #32c5d2;
    border-left: 8px solid #32c5d2;
    padding: 15px 15px;
}

.todo-project-list {
    padding: 8px;
}
.todo-project-list .nav>li.active>a {
    color: #3f444a;
    background-color: #f1f4f7!important;
}

.todo-project-list ul li a {
    font-size: 14px!important;
    padding: 8px 10px;
}
.todo-project-list .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    width: 100%;
}
.todo-project-list .nav > li {
    position: relative;
    display: block;
    width: 100%;
}

/*TOUR*/
/*.tippy-popper .tippy-tooltip .tippy-content .shepherd-content { background-color: #FFFFFF !important;}
.shepherd-element .shepherd-content header .shepherd-title{background-color: #FFFFFF}
.shepherd-element .shepherd-content .shepherd-header {
    background-color: #5A8DEE !important;
    /*padding: 0.38rem 1.2rem!important;
    border-radius: 0.267rem 0.267rem 0 !important;}*/


.shepherd-content {
    border-radius: 5px !important;
    outline: none !important;;
    padding: 0 !important;
    background-color:  #FFFFFF !important;
}

.shepherd-footer {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    display: flex !important;
    justify-content: flex-end !important;
    padding: 0 .75rem .75rem !important
}

.shepherd-footer .shepherd-button:last-child {
    margin-right: 0 !important
}

.shepherd-header {
    align-items: center !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    display: flex !important;
    justify-content: flex-end !important;
    line-height: 2em !important;
    padding: .75rem .75rem 0 !important
}

.shepherd-has-title .shepherd-content .shepherd-header {
    background: #598CEC !important;
    padding: 1em !important;
    color: #FFFFFF !important;
}
.shepherd-element .shepherd-content header .shepherd-cancel-link, .shepherd-element .shepherd-content header .shepherd-title{
    color: #FFFFFF;
}
.shepherd-text {
    color: rgba(0,0,0,.75) !important;
    font-size: 1rem !important;
    line-height: 1.3em !important;
    padding: .75em !important
}

.shepherd-text p {
    margin-top: 0 !important
}

.shepherd-text p:last-child {
    margin-bottom: 0 !important
}
.tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer .shepherd-buttons .shepherd-button{
    background-color:  #3288e6 !important;;
}
.shepherd-button {
    background-color: #3288e6 !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: hsla(0,0%,100%,.75) !important;
    cursor: pointer !important;
    margin-right: .5rem !important;
    padding: .5rem 1.5rem !important;
    transition: all .5s ease !important
}

.shepherd-button:not(:disabled):hover {
    background: #196fcc;
    color: hsla(0,0%,100%,.75)
}

.shepherd-button.shepherd-button-secondary {
    background: #f1f2f3;
    color: rgba(0,0,0,.75)
}

.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
    background: #d6d9db;
    color: rgba(0,0,0,.75)
}

.shepherd-button:disabled {
    cursor: not-allowed
}

.shepherd-cancel-icon {
    background: transparent;
    border: none;
    color: hsla(0,0%,50.2%,.75);
    font-size: 2em;
    cursor: pointer;
    font-weight: 400;
    margin: 0;
    padding: 0;
    transition: color .5s ease
}

.content-header-title{font-size: 1.33rem; font-weight: 500;}
.nav-bar-title{ font-weight: 500;}
.nav-bar-title span{font-weight: 400;}

.avatar-grande {
    width: 120px;
    height: 120px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.borde-avatar {
    border: 3px solid #ffffff;
}

.color-principal {
    color:#11668d;
}

.texto-secundario {
    color: #667790;
}

.linea-decorativa {
    height: 2px;
    background: linear-gradient(90deg, #4a89dc, #a6c1ed);
    width: 80px;
    margin-top: 5px;
}

.texto-formulario {
    color: #506a85;
    font-size: 0.9rem;
    letter-spacing: 0.3px;
}

.input-suave {
    border-radius: 6px;
    border: 1px solid #e1e8ed;
    padding: 8px 12px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background-color: #f9fafc;
}

.input-suave:focus {
    border-color: #11668d;
    background-color: #ffffff;
    box-shadow: 0 0 0 2px rgba(74, 137, 220, 0.15);
}

.campo-dni {
    background-color: #f5f7fa;
    color: #8b97a8;
}

/*.boton-guardar-elegante {*/
/*    background-color: #ffffff;*/
/*    color: #11668d;*/
/*    border: 1px solid #11668d;*/
/*    border-radius: 6px;*/
/*    padding: 8px 20px;*/
/*    font-weight: 500;*/
/*    letter-spacing: 0.3px;*/
/*    transition: all 0.3s ease;*/
/*    box-shadow: 0 2px 5px rgba(74, 137, 220, 0.15);*/
/*}*/

/*.boton-guardar-elegante:hover {*/
/*    background-color: #0f506e;*/
/*    color: #ffffff;*/
/*    transform: translateY(-1px);*/
/*    box-shadow: 0 4px 8px rgba(74, 137, 220, 0.2);*/
/*}*/

.btn-eliminar{
    background-color:#FFC9C9;
    color:#DB3D3D;
    border-radius: 6px !important;
    font-weight: 600 !important;
}
.btn-descargar{
    background-color:#3B93F7;
    color: #ffffff;
    border-radius: 6px !important;
}
.btn-eliminar:hover{
    background-color:#FFC9C9;
    color: #9b2424;
}
.btn-descargar:hover{
    background-color: #2a76cc;
    color: #ffffff;
}
.titulo-modal{
    font-weight: 700 !important;
}
.btn-celeste{
    background-color:#E0EEFF ;
    color: #163C68;
    border: 1px solid #163C68;
    border-radius: 6px !important;
    font-size: 12px;
}
.btn-azul{
    background-color:#163C68 ;
    color: #ffffff;
    border: 1px solid #163C68;
    font-size: 12px;
}

.btn-turquesa{
    background-color:#3B93F7;
    color: #ffffff;
    border-radius: 6px !important;
}
.btn-celeste:hover{
    background-color: #aac9ef;
    color: #163C68;
}
.btn-azul:hover{
    background-color: #1f518a;
    color: #ffffff;
}

.btn-turquesa:hover{
    background-color: #337ed3;
    color: #ffffff;
}
.btn-aprobado{
    background-color: transparent !important;
    color: #13B423 ;
}
.btn-rechazado{
    background-color: transparent !important;
    color: #b41318;
}
.badge-circle-light-celeste{
    background-color: #DBEDFE !important;
}
.btn-icono .isax{
    top: 2px !important;
    font-size: 15px;
    margin-right: 5px;
    font-weight: 700;
}

/*botones nuevos*/
.btn-verde,.btn-crear-nuevo-tramite{
    background-color: #ECFDF3;
    border: 1px solid #2F995A;
    color: #2F995A;
    font-weight: 500;

}
.btn-verde:hover{
    background-color: #b5f3ce;
    color:  #2F995A;
}
.btn-naranja{
    background-color:#FFF2E6;
    border: 1px solid #F99E4E;
    color: #F99E4E;
    font-weight: 500;

}
.btn-naranja:hover{
    background-color: #f6dfca;
    color:#F99E4E;
}
.btn-rojo{
    background-color:#FFE3E7;
    border: 1px solid #FF647C;
    color:#FF647C;
    font-weight: 500;

}
.btn-rojo:hover{
    background-color: #fabfc7;
    color: #FF647C;
}
.btn-lila{
    background-color: #E2E2F2;
    border: 1px solid #152456;
    color: #152456;
    font-weight: 500;

}
.btn-lila:hover{
    background-color: #d1d1ee;
    color: #152456;
}
.btn-celeste{
    background-color: #b4c5ff;
    border: 1px solid  #293f86;
    color:#293f86;
    font-weight: 500;

}
.btn-celeste:hover{
    background-color: #6f82c0;
    color: #293f86;
}
.btn-ver{
    font-size: 17px!important;
    color: black;
}
#DatosEncabezado .data-user i{
    border: 0 !important;
}

.circulos{
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
    z-index: 2;

}
.linea-vertical {
    position: absolute;
    left: 35px;
    top: 35px;
    width: 1px;
    height: 60px;
    background-color: #d3d3d3;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: #53b789 !important;
}
.icono{
    top: 5px !important;
    right: 5px;
    position: relative;
}
.numero-paso {
    position: relative;
    left: -4px;
    top: 2px;
    font-weight: bold;
    font-size: 14px;
}