.invalid{
	color: #e82525;
}
/********************************* Opciones para Desktop *************/
h4 small{
    margin:0 0 5px 0;   
}

.minimal{
    font-size:12px; 
}
.btn-default{
    /*cursor:default; */
}
.btn-default:hover{
    background-color:#fff;  
    border-color:#ccc;
}
.button:active{
    background-color:#fff;  
    border-color:#ccc;
}
.btn-primary {
    color: #fff;
    background-color: #034a88;
    border-color: #002545;
}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #094071;
    border-color: #1f496d;
}
.bg-color-blue{
    background-color: #004a89!important;
}

.tooltip-inner {
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.inbox-info-bar img {
    width: 45px;
    
}
/******************************** Opciones para Desktop *************/
/******************************** Opciones para dispositvos Móviles *************/
@media (max-width: 1360px) and (min-width: 1100px) {
    .carousel-responsive .carousel-inner .item .portada-img{
        height: 250px;
    }
}
@media (max-width: 1100px) and (min-width: 900px) {
    .carousel-responsive .carousel-inner .item .portada-img{
        height: 230px;
    }
}
@media (max-width: 900px) and (min-width: 700px)  and (orientation: portrait) {
    .carousel-responsive .carousel-inner .item .portada-img{
        height: 190px;
    }
}
@media (max-width: 900px) and (min-width: 700px)  and (orientation: landscape) {
    .carousel-responsive .carousel-inner .item .portada-img{
        height: 380px;
    }
}
@media (max-width: 700px) and (min-width: 500px) {
    .carousel-responsive .carousel-inner .item .portada-img{
        height: 330px;
    }
}
@media (max-width: 500px) and (min-width: 340px) {
    .carousel-responsive .carousel-inner .item .portada-img{
        height: 280px;
    }
}
@media (max-width: 320px) and (min-width: 0px) {
    .carousel-responsive .carousel-inner .item .portada-img{
        height: 230px;
    }
}

@media (max-width: 900px) and (min-width: 0px) {
    .table-conteiner .row-table .cell:first-child {
        width: calc(100% - 340px) !important;
    }
    .table-conteiner .row-table .cell:nth-child(2) {
        display: none;
    }
}
@media (max-width: 700px) and (min-width: 0px) {
    .table-conteiner .row-table .cell:first-child {
        width: calc(100% - 270px) !important;
    }
    .table-conteiner .row-table .cell:nth-child(4) {
        width: 100px;
    }
}
@media (min-width: 768px){
    .modal-dialog {
        min-width: 700px;
        width: auto;
        margin: 30px auto;
    }
}
/******************************** Opciones para dispositvos Móviles *************/
/*************************** Fuentes para Firma Digital *****************/
@font-face {
	font-family: 'Signature1';
	src: url('/fonts-signature/JennaSue.eot');
	src: local('☺'), url('/fonts-signature/JennaSue.woff') format('woff'), url('/fonts-signature/JennaSue.ttf') format('truetype'), url('/fonts-signature/JennaSue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Signature2';
	src: url('/fonts-signature/Respective_Slanted.eot');
	src: local('☺'), url('/fonts-signature/Respective_Slanted.woff') format('woff'), url('/fonts-signature/Respective_Slanted.ttf') format('truetype'), url('/fonts-signature/Respective_Slanted.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media only screen and (max-width: 500px) and (min-width: 0){
            #logo img {
                width: 160px !important;
            }
            #header>:first-child, aside{
                width:136px !important;
                margin-top: 4px !important;
            }
}
/****************** Sobre escritura de clada definidas. ********************/
.title-head-widget{
    margin: 0 0 4px 0 !important;
    border-bottom: 1px dashed #aaa;
    padding-bottom: 6px;
}
.text-success.led{
    text-shadow: 0px 0px 5px #468847;
}
.text-danger.led{
    text-shadow: 0px 0px 5px #b94a48;
}

/* ---- Page Loader global ---------------------------------- */
.page-loader {
    position: fixed;
    inset: 0;
    z-index: 11000;
    background: linear-gradient(135deg, #001C46 0%, #003080 60%, #001C46 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .4s ease, visibility .4s ease;
}
.page-loader.hide-loader {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.page-loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6rem;
}
.page-loader-spinner {
    position: relative;
    width: 72px;
    height: 72px;
    margin-bottom: .5rem;
}
.page-loader-ring {
    position: absolute;
    inset: 0;
    border: 3px solid rgba(255,255,255,.12);
    border-top-color: #ffe324;
    border-radius: 50%;
    animation: pageRingSpin .9s linear infinite;
}
@keyframes pageRingSpin { to { transform: rotate(360deg); } }
.page-loader-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-loader-icon img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}
.page-loader-text {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.9);
}
.page-loader-dots {
    display: flex;
    gap: 6px;
}
.page-loader-dots span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffe324;
    animation: pageLoaderDot 1.2s ease-in-out infinite;
}
.page-loader-dots span:nth-child(2) { animation-delay: .2s; }
.page-loader-dots span:nth-child(3) { animation-delay: .4s; }
@keyframes pageLoaderDot {
    0%, 100% { opacity: .25; transform: scale(.8); }
    50%      { opacity: 1;   transform: scale(1.3); }
}