.required label::after, .srequired span::after{
    content: " *";
    color: red;
}
.br-0{
    border-radius: 0px !important;
}
.br-10 {
    border-radius: 10px !important;
}

.br-l-5{
    border-radius: 7px 0px 0px 7px !important;
}
label.control-label {
    font-weight: bolder;
}

table thead .filters{
    display: none;
}
.left-sidebar *{
    color: var(--bs-white) !important;
}

.form-control-summary {
    margin: 0px 5px;
    padding: 1px 10px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5a6a85;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-clip: padding-box;
    border: var(--bs-border-width) solid #dfe5ef;
    border-radius: 7px;
    box-shadow: var(--bs-box-shadow-inset);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.h-750{
    max-height: 550px;
    min-height: auto;
    overflow-y: auto;
}
.h-410{
    max-height: 410px;
    min-height: auto;
    overflow-y: auto;
}

.has-error div.help-block{
    color: var(--bs-form-invalid-color);
}
.has-error div.help-block:before{
    content: "\ea06";
    font-family: "tabler-icons" !important;
    color: var(--bs-form-invalid-color);
    margin-right: 0.25rem;
}
.cursor-pointer{
    cursor: pointer;
}

.h-alert{
    position: fixed !important;
    /*top: 1px;*/
    z-index: 99999 !important;
    max-width: 40% !important;
    min-width: 400px;
    /*left: 1px;*/
}


.h-rightTop{
    right: 1px !important;
    left: none;
    top: 1px !important;
}
.h-leftTop{
    right: none;
    left: 1px !important;
    top: 1px !important;
}
.h-centerTop{
    right: 40% !important;
    left: none;
    top: 1px !important;
}
.h-rightBottom{
    right: 1px !important;
    left: none;
    top: none;
    bottom: 1px !important;
}
.h-leftBottom{
    right: none;
    left: 1px !important;
    top: none;
    bottom: 1px !important;
}
.h-centerBottom{
    right: 40% !important;
    left: none;
    top: none;
    bottom: 1px !important;
}



.td-edit-v1{
    display: none;
}
.row-success td{
    background-color: var(--bs-success) !important;
    color: var(--bs-white) !important;
}
.row-danger *{
    background-color: #ef5858 !important;
    color: var(--bs-white) !important;
}
.row-primary td{
    background-color: var(--bs-primary) !important;
    color: var(--bs-muted) !important;
}
.row-purple td{
    background-color: var(--bs-purple) !important;
    color: var(--bs-white) !important;
}
.row-pink td{
    background-color: var(--bs-pink) !important;
    color: var(--bs-white) !important;
}
.row-warning td{
    background-color: var(--bs-warning) !important;
    color: var(--bs-dark) !important;
}
.row-secondary td{
    background-color: var(--bs-secondary) !important;
    color: var(--bs-muted) !important;
}
.row-info td{
    background-color: var(--bs-info) !important;
    color: var(--bs-white) !important;
}
.row-black td{
    background-color: var(--bs-black) !important;
    color: var(--bs-white) !important;
}
.row-muted td{
    background-color: var(--bs-muted) !important;
    color: var(--bs-warning) !important;
}
.row-warning td a{
    color: var(--bs-dark) !important;
}
.row-info td a, .row-danger td a, .row-purple td a, .row-pink td a, .row-success td a{
    color: var(--bs-white) !important;
}
.row-info td .text-info{ color: var(--bs-white) !important; } 
.table-striped > tbody > tr:nth-of-type(odd) > * {
    word-break: break-all;
}



.wh-150{
    width: 250px;
    height: 180px;
    margin-bottom: 0.25rem;
}
.wh-90{
    width: 250px;
    height: 90px;
    margin-bottom: 0.25rem;
}
@media all and (max-width: 240px) {
    .pagina-programa .text-content{ font-size: 13pt; }
    .pagina-programa .text-header{ font-size: 16pt; }
    .h-750{ height: auto; }
    .h-410{ height: auto; }
    .h-img{ height: auto; }
    .table td, .table th { display: block; text-align:left !important; }
    .table thead tr:first-child { display: none; }
    .table tr td:last-child { margin-bottom: 1rem; }
    .wv-70{ width:100% !important;}
}
@media all and (min-width: 241px) and (max-width: 480px) {
    .page-wrapper .body-wrapper > .container-fluid, .page-wrapper .body-wrapper > .container-sm, .page-wrapper .body-wrapper > .container-md, .page-wrapper .body-wrapper > .container-lg, .page-wrapper .body-wrapper > .container-xl, .page-wrapper .body-wrapper > .container-xxl, .card-body  {
        padding: 1px !important;
    }
    .table td, .table th { display: block; text-align:left !important; padding: 5px 5px !important; border: 0px !important; white-space: normal !important;}
    .table thead tr:first-child { display: none; border-bottom-width: var(--bs-border-width);}
    .table tr td:last-child { margin-bottom: 1rem; border-bottom-width: var(--bs-border-width);}
    .wv-70{ width:100% !important;}
    .wh-150{
        width: 100%;
        height: auto;
        margin-bottom: 0.1rem;
    }
    .wh-90{
        width: 100%;
        height: auto;
        margin-bottom: 0.1rem;
    }
}
@media all and (min-width: 481px) and (max-width: 768px) {
    .page-wrapper .body-wrapper > .container-fluid, .page-wrapper .body-wrapper > .container-sm, .page-wrapper .body-wrapper > .container-md, .page-wrapper .body-wrapper > .container-lg, .page-wrapper .body-wrapper > .container-xl, .page-wrapper .body-wrapper > .container-xxl, .card-body {
        padding: 0 10px !important;
    }
    .table td, .table th { display: block; text-align:left !important; padding: 5px 5px !important; border: 0px !important; white-space: normal !important;}
    .table thead tr:first-child { display: none; }
    .table tr td:last-child { margin-bottom: 1rem; }
    .wv-70{ width:90% !important;}
}
@media all and (min-width: 769px) and (max-width: 1024px) {
    .h-img{ height: 299px; }
    .wv-70{ width:85% !important; }
}
@media all and (min-width: 1025px) and (max-width: 50000px) {
    .h-img{ height: 299px; }
    .wv-70{ width:70% !important; }
}
.tx-5{ font-size: 5px !important; } .tx-6{ font-size: 6px !important; } .tx-7{ font-size: 7px !important; } .tx-8{ font-size: 8px !important; } .tx-9{ font-size: 9px !important; } .tx-10{ font-size: 10px !important; } .tx-11{ font-size: 11px !important; } .tx-12{ font-size: 12px !important; } .tx-13{ font-size: 13px !important; } .tx-14{ font-size: 14px !important; } .tx-15{ font-size: 15px !important; } .tx-16{ font-size: 16px !important; } .tx-17{ font-size: 17px !important; } .tx-18{ font-size: 18px !important; } .tx-19{ font-size: 19px !important; } .tx-20{ font-size: 20px !important; } .tx-21{ font-size: 21px !important; } .tx-22{ font-size: 22px !important; } .tx-23{ font-size: 23px !important; } .tx-24{ font-size: 24px !important; } .tx-25{ font-size: 25px !important; } .tx-26{ font-size: 26px !important; } .tx-27{ font-size: 27px !important; } .tx-28{ font-size: 28px !important; } .tx-29{ font-size: 29px !important; } .tx-30{ font-size: 30px !important; } .tx-31{ font-size: 31px !important; } .tx-32{ font-size: 32px !important; } .tx-33{ font-size: 33px !important; } .tx-34{ font-size: 34px !important; } .tx-35{ font-size: 35px !important; } .tx-36{ font-size: 36px !important; } .tx-37{ font-size: 37px !important; } .tx-38{ font-size: 38px !important; } .tx-39{ font-size: 39px !important; } .tx-40{ font-size: 40px !important; } .tx-41{ font-size: 41px !important; } .tx-42{ font-size: 42px !important; } .tx-43{ font-size: 43px !important; } .tx-44{ font-size: 44px !important; } .tx-45{ font-size: 45px !important; } .tx-46{ font-size: 46px !important; } .tx-47{ font-size: 47px !important; } .tx-48{ font-size: 48px !important; } .tx-49{ font-size: 49px !important; } .tx-50{ font-size: 50px !important; } .tx-51{ font-size: 51px !important; } .tx-52{ font-size: 52px !important; } .tx-53{ font-size: 53px !important; } .tx-54{ font-size: 54px !important; } .tx-55{ font-size: 55px !important; } .tx-56{ font-size: 56px !important; } .tx-57{ font-size: 57px !important; } .tx-58{ font-size: 58px !important; } .tx-59{ font-size: 59px !important; } .tx-60{ font-size: 60px !important; } .tx-61{ font-size: 61px !important; } .tx-62{ font-size: 62px !important; } .tx-63{ font-size: 63px !important; } .tx-64{ font-size: 64px !important; } .tx-65{ font-size: 65px !important; } .tx-66{ font-size: 66px !important; } .tx-67{ font-size: 67px !important; } .tx-68{ font-size: 68px !important; } .tx-69{ font-size: 69px !important; } .tx-70{ font-size: 70px !important; } .tx-71{ font-size: 71px !important; } .tx-72{ font-size: 72px !important; } .tx-73{ font-size: 73px !important; } .tx-74{ font-size: 74px !important; } .tx-75{ font-size: 75px !important; } .tx-76{ font-size: 76px !important; } .tx-77{ font-size: 77px !important; } .tx-78{ font-size: 78px !important; } .tx-79{ font-size: 79px !important; } .tx-80{ font-size: 80px !important; } .tx-81{ font-size: 81px !important; } .tx-82{ font-size: 82px !important; } .tx-83{ font-size: 83px !important; } .tx-84{ font-size: 84px !important; } .tx-85{ font-size: 85px !important; } .tx-86{ font-size: 86px !important; } .tx-87{ font-size: 87px !important; } .tx-88{ font-size: 88px !important; } .tx-89{ font-size: 89px !important; } .tx-90{ font-size: 90px !important; } .tx-91{ font-size: 91px !important; } .tx-92{ font-size: 92px !important; } .tx-93{ font-size: 93px !important; } .tx-94{ font-size: 94px !important; } .tx-95{ font-size: 95px !important; } .tx-96{ font-size: 96px !important; } .tx-97{ font-size: 97px !important; } .tx-98{ font-size: 98px !important; } .tx-99{ font-size: 99px !important; } .tx-100{ font-size: 100px !important; }

.txr-1{ font-size: 1rem !important; } .txr-2{ font-size: 2rem !important; } .txr-3{ font-size: 3rem !important; } .txr-4{ font-size: 4rem !important; } .txr-5{ font-size: 5rem !important; } .txr-6{ font-size: 6rem !important; } .txr-7{ font-size: 7rem !important; } .txr-8{ font-size: 8rem !important; } .txr-9{ font-size: 9rem !important; } .txr-10{ font-size: 10rem !important; } .txr-11{ font-size: 11rem !important; } .txr-12{ font-size: 12rem !important; } .txr-13{ font-size: 13rem !important; } .txr-14{ font-size: 14rem !important; } .txr-15{ font-size: 15rem !important; } .txr-16{ font-size: 16rem !important; } .txr-17{ font-size: 17rem !important; } .txr-18{ font-size: 18rem !important; } .txr-19{ font-size: 19rem !important; } .txr-20{ font-size: 20rem !important; } .txr-21{ font-size: 21rem !important; } .txr-22{ font-size: 22rem !important; } .txr-23{ font-size: 23rem !important; } .txr-24{ font-size: 24rem !important; } .txr-25{ font-size: 25rem !important; } .txr-26{ font-size: 26rem !important; } .txr-27{ font-size: 27rem !important; } .txr-28{ font-size: 28rem !important; } .txr-29{ font-size: 29rem !important; } .txr-30{ font-size: 30rem !important; } .txr-31{ font-size: 31rem !important; } .txr-32{ font-size: 32rem !important; } .txr-33{ font-size: 33rem !important; } .txr-34{ font-size: 34rem !important; } .txr-35{ font-size: 35rem !important; } .txr-36{ font-size: 36rem !important; } .txr-37{ font-size: 37rem !important; } .txr-38{ font-size: 38rem !important; } .txr-39{ font-size: 39rem !important; } .txr-40{ font-size: 40rem !important; } .txr-41{ font-size: 41rem !important; } .txr-42{ font-size: 42rem !important; } .txr-43{ font-size: 43rem !important; } .txr-44{ font-size: 44rem !important; } .txr-45{ font-size: 45rem !important; } .txr-46{ font-size: 46rem !important; } .txr-47{ font-size: 47rem !important; } .txr-48{ font-size: 48rem !important; } .txr-49{ font-size: 49rem !important; } .txr-50{ font-size: 50rem !important; } .txr-51{ font-size: 51rem !important; } .txr-52{ font-size: 52rem !important; } .txr-53{ font-size: 53rem !important; } .txr-54{ font-size: 54rem !important; } .txr-55{ font-size: 55rem !important; } .txr-56{ font-size: 56rem !important; } .txr-57{ font-size: 57rem !important; } .txr-58{ font-size: 58rem !important; } .txr-59{ font-size: 59rem !important; } .txr-60{ font-size: 60rem !important; } .txr-61{ font-size: 61rem !important; } .txr-62{ font-size: 62rem !important; } .txr-63{ font-size: 63rem !important; } .txr-64{ font-size: 64rem !important; } .txr-65{ font-size: 65rem !important; } .txr-66{ font-size: 66rem !important; } .txr-67{ font-size: 67rem !important; } .txr-68{ font-size: 68rem !important; } .txr-69{ font-size: 69rem !important; } .txr-70{ font-size: 70rem !important; } .txr-71{ font-size: 71rem !important; } .txr-72{ font-size: 72rem !important; } .txr-73{ font-size: 73rem !important; } .txr-74{ font-size: 74rem !important; } .txr-75{ font-size: 75rem !important; } .txr-76{ font-size: 76rem !important; } .txr-77{ font-size: 77rem !important; } .txr-78{ font-size: 78rem !important; } .txr-79{ font-size: 79rem !important; } .txr-80{ font-size: 80rem !important; } .txr-81{ font-size: 81rem !important; } .txr-82{ font-size: 82rem !important; } .txr-83{ font-size: 83rem !important; } .txr-84{ font-size: 84rem !important; } .txr-85{ font-size: 85rem !important; } .txr-86{ font-size: 86rem !important; } .txr-87{ font-size: 87rem !important; } .txr-88{ font-size: 88rem !important; } .txr-89{ font-size: 89rem !important; } .txr-90{ font-size: 90rem !important; } .txr-91{ font-size: 91rem !important; } .txr-92{ font-size: 92rem !important; } .txr-93{ font-size: 93rem !important; } .txr-94{ font-size: 94rem !important; } .txr-95{ font-size: 95rem !important; } .txr-96{ font-size: 96rem !important; } .txr-97{ font-size: 97rem !important; } .txr-98{ font-size: 98rem !important; } .txr-99{ font-size: 99rem !important; } .txr-100{ font-size: 100rem !important; } 

.timeline-widget .timeline-item {
    min-height: 40px !important;
}


/* ~/scrollbar.css */

/* Default (light) theme */
:root {
    --page-background: white;

    --scrollbar-track: transparent;
    --scrollbar-thumb: lightsalmon;
    --scrollbar-thumb-hover: #c3c3c3;

    --scrollbar-width: 12px;
}
/* Default (light) theme */

/* Dark theme */
html.dark {
    --page-background: black;

    --scrollbar-thumb: salmon;
    --scrollbar-thumb-hover: chocolate;
}
/* Dark theme */

/* Firefox */
* {
    scrollbar-width: thick; /* none | auto  */
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
/* Firefox */

/* Chrome, Edge, Safari */
*::-webkit-scrollbar {
    width: var(--scrollbar-width); /* vertical scrollbar */
    height: var(--scrollbar-width); /* horizontal scrollbar */
}

*::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

*::-webkit-scrollbar-thumb {
    /*background: var(--scrollbar-thumb);*/
    border-radius: var(--scrollbar-width);
    border: calc(var(--scrollbar-width) / 5) solid var(--page-background);
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}
/* Chrome, Edge, Safari */

.show-filter{
    display: table-row !important;
}
.hide-filter{
    display: none !important;
}
select.form-control{
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 8px 38px 8px 16px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5a6a85;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid #dfe5ef;
    border-radius: 7px;
    box-shadow: unset;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*CSS TOUR - intro.js*/
div.introjs-helperLayer {
    box-shadow: rgb(102 102 102 / 0%) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
}

.introjs-button { padding: 0.2rem 1rem !important; }
.introjs-bullets ul li a:hover { background: #2196F3 !important; }
.introjs-bullets ul li a.active { background: #2196F3 !important; }
.introjs-progress {
    height: 5px !important;
    margin: 0px 0px !important;
    border-radius: 0px !important;
}

.select2-container--open{
    z-index: 1080 !important;
}
#status.offline {
    padding: 1px;
    background-color: red;
}
#status.online {
    padding: 1px;
    background-color: green;
}

.info-hide{
    display: none !important;
}
.panel-fullscreen {
    display: block;
    z-index: 200;
    position: fixed;
    width: 100% !important;
    height: 100vh !important;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: none;
}
.panel-fullscreen .card {
    width: 100% !important;
    height: 100% !important;
}
.panel-fullscreen .h-750 {
    min-height: 100% !important;
}
.panel-fullscreen .card-body {
    flex: none !important;
}
.panel-fullscreen .info-hide {
    display: flex !important ;
}
.card-widget{
    min-height: 299px;
}
@media (min-width: 1300px){
    .panel-fullscreen #lista-archivos-doc .col-xxl-12 {
        width: 33.33333333%;
    }
    .panel-fullscreen #contenedores-list .col-xxl-6 {
        width: 25%;
    }
}
@media (min-width: 992px){
    .panel-fullscreen #lista-archivos-doc .col-lg-12 {
        width: 50%;
    }
    .panel-fullscreen #contenedores-list .contenedores-list-item.col-lg-12 {
        width: 33.3333333%;
    }
}
    
.text-red{ color: #ff0000 !important; }
.bg-yellow { background-color: #ffc107 !important; color: #fff !important; } /* bg pendiente */
.text-yellow { color: #856404 !important; }

.bg-green {background-color: #679000 !important; color: #fff !important;} /* bg aceptada */
.text-green { color: #155724 !important; }

.bg-cyan { background-color: #17a2b8 !important; color: #fff !important; } /* bg asignada */
.text-cyan { color: #0c5460 !important; }

.bg-blue { background-color: #007bff !important; color: #fff !important; } /* bg ejecutando */
.text-blue { color: #004085 !important; }

.bg-purple {background-color: #16f800 !important;color: #fff !important;} /* bg terminada en puerto */
.text-purple { color: #320b86 !important; }

.bg-orange { background-color: #fd7e14 !important; color: #fff !important; } /* bg en revisión */
.text-orange { color: #843215 !important; }

.bg-teal { background-color: #20c997 !important; color: #fff !important; } /* bg revisada */
.text-teal { color: #146c5a !important; }

.bg-violet { background-color: #6f42c1 !important; color: #fff !important; } /* bg enviada (informe) */
.text-violet { color: #3d2372 !important; }

.bg-gray { background-color: #6c757d !important; color: #fff !important; } /* bg finalizada */
.text-gray { color: #343a40 !important; }

.bg-pink { background-color: #d63384 !important; color: #fff !important; } /* bg facturada */
.text-pink { color: #721c48 !important; }

.bg-dark { background-color: #343a40 !important; color: #fff !important; } /* bg cerrada */
.text-dark { color: #f8f9fa !important; }

.bg-red { background-color: #dc3545 !important; color: #fff !important; } /* bg cancelada */
.text-red2 { color: #721c24 !important; }