@-ms-viewport { width: device-width; }
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/*Cambios param Bootstrap 5*/ 
/*:root, [data-bs-theme=light] {
    --bs-link-color: #000000;
}*/

/*template*/
body { font-size: 12px !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.alert.notification { width: 50%; left: 25%; position: fixed; bottom: 0; z-index: 1105; margin-bottom: 0; }
[class*="col-"] { min-height: 25px; }
.form-group { margin-bottom: 0; }
.AutoComplete { position: absolute; max-height: 250px; overflow: auto; background-color: #fff; border: 1px solid #aaa; display: none; }
    .AutoComplete div { padding: 3px 5px 3px 5px; background-color: transparent; border-bottom: 1px dotted #666; cursor: pointer; }
        .AutoComplete div:hover { background-color: #ccc; }
/*.app-sidebar, .left-side { padding-top: 8px; z-index: 1031; }
.sidebar-menu > li > a { padding: 10px 5px 10px 15px; }*/
/* .app-header .navbar { background-color: #D46A5D; }
 .wrapper,  .app-sidebar,  .left-side { background-color: #5C5C5C; }
.sidebar-menu li a { cursor: pointer; }
    .sidebar-menu li a span { padding-left: 6px; }
.navbar-nav { width: auto !important; position: static !important; height: auto !important; display: block !important; }*/

.dataTables_wrapper [class*='col-'] { min-height: 10px; }
.ui.error.message { background-color: #fff0f0; color: #a94442; }
.ui.message { position: relative; min-height: 1em; margin: 1em 0; background: #efefef; padding: 1em 1.5em; line-height: 1.3; color: rgba(0,0,0,.8); -webkit-transition: opacity .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease; transition: opacity .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease; border-radius: .2857rem; box-shadow: 0 0 0 1px rgba(39,41,43,.15) inset,0 0 0 0 transparent; }
    .ui.message ul.list { opacity: .85; list-style-position: inside; margin: .5em 0 0; padding: 0; }
        .ui.message ul.list li { position: relative; list-style-type: none; margin: 0 0 .3em 1em; padding: 0; }
.gridview th { background-color: #F0FCF6; color: #4FA26B; --bs-table-bg-type: #F0FCF6 !important;}
.datagrid tr:first-child td { background-color: #D46A5D; color: #ffffff; }
    .datagrid tr:first-child td a { color: #ffffff; }
.gridview i, .dataTable i, .datagrid i, .dxgvTable i { font-size: 1.3em !important;  color: #00c0ef; }
.list-group table { padding: 6px 10px; border: 1px solid #ddd !important; display: block; }
    .list-group table td { white-space: normal !important; }
        .list-group table td a img { width: 25px; }
div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_paginate ul.pagination { white-space: normal !important; }
.dxgvControl, .dxgvDisabled { border-spacing: 0 !important; border-collapse: collapse !important; border: 0 !important; background-color: inherit !important; color: inherit !important; cursor: inherit !important; width: 100%; max-width: 100%; }
    .dxgvControl, .dxgvDisabled table { border-spacing: 0 !important; border-collapse: collapse !important; }
.dxgvHeader {
    white-space: normal !important;
    overflow: visible !important;
    font-weight: inherit !important;
    border: 1px solid #fff !important;
    padding: 5px !important;
    vertical-align: top;
    border-bottom: 2px solid #f0f0f0 !important;
}

.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {
    border-bottom: 1px solid #f0f0f0 !important;
}
/*.dxgvHeader, .dxgvHeader table { color: #fff !important; }*/
.dxtlControl thead th {
    color: white;
    background-color: #D46A5D;
}
    .dxtlControl thead th a { color: white; }
.dxgvTable { border-collapse: collapse !important; }
    .dxgvTable a { cursor: pointer; color: #00c0ef; font-size: 1.1em; }
.dxgvFocusedRow { background-color: #F0FCF6; color:black}
    .dxgvSelectedRow .dxgvCommandColumn a, .dxgvFocusedRow .dxgvCommandColumn a { color: #0d45b7; }
.updateprogress { z-index: 2000 !important; }
.dxtlControl a { font-size: .8em !important; font-family: inherit !important; /*font-weight: normal !important;*/ }
.dxtlFocusedNode { color: #000000 !important; background-color: #F0FCF6 !important; }
.pagination a { cursor: pointer; color: dimgray; }
td.btn > a { color: #ffffff; }
.btn-app { padding: 5px 5px; margin: 0 0 5px 5px; min-width: 60px; height: 50px; font-size: 12px;}
.btn-app > .fas {font-size: 20px !important; display: block !important;}
.btn-app > .far {font-size: 20px !important; display: block !important;}
.btn-app > img { display: block; width: 25px; margin: auto; }
.box { margin-bottom: 0; position:relative;border-radius:3px;background:#ffffff;border-top:3px solid #d2d6de;margin-bottom:20px;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.box-body{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:10px}
ul.nav-treeview > li.nav-item > a.nav-link > p {font-size:14px !important;}
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {border-left-color: var(--objeto-menu-texto-color-seleccionado);}
/*.app-header { max-height: inherit !important; }
    .app-header section { display: inline-block; }
        .app-header section h1 { font-size: 1.3em; color: #ffffff; margin: 15px; display: inline-block; }*/
#mainVisorContainer { padding-right: 0; }
#middleCenterId { border-left: #dddddd solid 1px; padding: 15px; }
.visor-buttons-vertical { padding-left: 0; padding-right: 0; max-width: 45px; }
.modal-header { padding-top: 5px; padding-bottom: 5px; }
.fa-5x { font-size: 5em !important; }
.position-right { position: absolute; right: 0; top: 0; }
.fas,.far,.fa,.fab { font-size: 1.2em; }
div[id=docScan_docscan] div.viewer-container i.fas, div[id=docScan_docscan] div.viewer-container i.far, div[id=docScan_docscan] div.viewer-container i.fa { font-size: 0.7em; }
div[id$=arbol] a img { width: 20px; }
div[id$=arbol] input[type=checkbox] { padding-right: 10px; }
.pointing-error { position: relative; margin: 0 .125em; margin-top: 1em; background-color: #d95c5c !important; border-color: #d95c5c !important; color: #fff !important; display: block !important; font-size: 1.2rem; vertical-align: baseline; line-height: 1; padding: .6em .8em; text-transform: none; font-weight: 700; border-radius: .2857rem; box-sizing: border-box; -webkit-transition: background .2s ease; transition: background .2s ease; }
    .pointing-error:before { margin-left: -.3em; top: -.3em; left: 50%; position: absolute; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; width: .6em; height: .6em; -webkit-transition: background .2s ease; transition: background .2s ease; background-color: #d95c5c !important; }
.has-success.form-group label { color: inherit; }
.has-success.form-group .form-control { border-color: inherit; }
.has-success .form-control-feedback { color: inherit; }
.form-horizontal .pointing-error { width: 90%; margin-left: 15px; margin-right: 15px; float: left; }
.input-sm { height: 25px; padding: 2px 7px; font-size: 12px; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { line-height: 2; padding: 2px; }
.panel-body { padding: 3px; }

/*login*/
.loginmargin { height: 10px; display: block; }
.wrap { white-space: normal; }

/*Visor Botones*/
.btnVisor {padding-bottom:5px;}
.btnVisor .btn-primary, .btnVisor .btn-info, .btnVisor .btn-danger { font-size: 12px; font-family: Arial; }
.btnVisor .btn-primary, .btnVisor .btn-info, .btnVisor .btn-primary { margin-right: 0px; }
    .btnVisor .btn-info i, .btnVisor .btn-primary i, .btnVisor .btn-danger i { padding: 5px; }
.btnVisor .fas,.fa,.far { font-size: 0.9em; }
.btnVisor .btn-primary { background-color: #d81e05 ; color: #ffffff; border-color: #d81e05; }
    .btnVisor .btn-primary:hover { background-color: #b5121b; color: #ffffff; }
.btnVisor .btn-info { background-color: #003479; color: #ffffff; border-color: #003479; }
    .btnVisor .btn-info:hover { background-color: #0045a0; color: #ffffff; }
.btnVisor .btn-danger { background-color: #606060; color: #ffffff; border-color: #606060; }
    .btnVisor .btn-danger:hover { background-color: #767676; color: #ffffff; }

/*mensajes y modals*/
.btn-default, .btn-danger, .btn-info, .btn-success, .btn-primary, .btn-secondary, .btn-warning, .btn-light, .btn-dark, .btn-link { font-size: 12px !important; font-family: Arial !important; }
.alert-info { background-color: #1C90F3 !important; }

/*Tipo de Letra*/
body { font-family: Arial !important; font-size: 12px !important; color: #606060 !important; }
h1 { font-family: Arial !important; }
h2 { font-family: Arial !important; }
h3 { font-family: Arial !important; }

/*Incidencias*/
#tituloIncidencias { font-family: Arial !important; }

/*Tablas*/
.dataTables_wrapper .table > thead > tr > th { font-family: Arial !important; }

/*Dev*/
.dxgvHeader td { font-family: Arial !important; }

/*WebScan*/
.bg-aqua, .callout-info.callout, .alert-info, .label-info, .modal-info .modal-body { background-color: #2A5DB0 !important; }
.bg-aqua, .callout-info.callout, .alert-info, .label-info, .modal-info .modal-body { background-color: #2A5DB0 !important; }

@media (max-width: 768px) {
    .alert.notification { width: 100%; left: 0; }
}

/*@media all and (min-width:768px) {
    .sidebar-collapse.sidebar-mini .app-header .navbar { margin-left: 50px !important; }
    .sidebar-collapse.sidebar-mini .app-sidebar { z-index: 1031; }
    .sidebar-collapse.sidebar-mini .sidebar-menu > li:hover > a > span:not(.float-right), .sidebar-collapse.sidebar-mini .sidebar-menu > li:hover > .treeview-menu { width: 230px; display: none !important; }
    .sidebar-collapse.sidebar-mini .sidebar-menu > li:hover > a > span:not(.float-right) { display: block !important; }
    .modal-lg { width: 800px; }
}

@media all and (max-width:767px) {
    .app-sidebar, .left-side { padding-top: 8px; }
    .app-header .navbar { margin: 0 !important; }
    .app-content, .right-side, .main-footer { margin-left: 0 !important; }
    .sidebar-open .app-content, .sidebar-open .right-side, .sidebar-open .main-footer { -webkit-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -o-transform: translate(0px, 0); transform: translate(0px, 0); }
}*/

@media all and (min-width:900px) {
    .modal-lg {
        width: 1080px;
    }
}

@media all and (max-width:992px) {
    .fa,.fas,.far { font-size: 1.0em; }
}

hr.divider { border-top: 1px solid #8c8b8b; width: 100%; text-align: center; }
    hr.divider:after { content: '§'; display: inline-block; position: relative; top: -14px; padding: 0 10px; color: #8c8b8b; font-size: 18px; -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); transform: rotate(60deg); }

/*Mensajes Avisos*/
.bg-yellow, .callout-warning.callout, .alert-warning, .label-warning, .modal-warning .modal-body { background-color:#fcf398 !important; color:#606060 !important}
.bg-green, .callout-succes.callout, .alert-success, .label-success, .modal-success .modal-body { background-color: #d3ecba !important; color: #606060 !important }
.bg-blue, .callout-info.callout, .alert-info, .label-info, .modal-info .modal-body { background-color: #cae4f2 !important; color: #606060 !important }
.bg-red, .callout-danger.callout, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color:#f2cacc !important; color:#606060 !important }

/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
	background: url(images/border-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(images/border-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(images/border-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(images/border-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {  
}

[data-notify="container"][class*="alert-pastel-"] {
	        background-color: rgb(255, 255, 238);
	        border-width: 0px;
	        border-left: 15px solid rgb(255, 240, 106);
	        border-radius: 0px;
	        box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);
	        font-family: 'Old Standard TT', serif;
	        letter-spacing: 1px;
        }
        [data-notify="container"].alert-pastel-info {
	        border-left-color: rgb(255, 179, 40);
        }
        [data-notify="container"].alert-pastel-danger {
	        border-left-color: rgb(255, 103, 76);
        }
        [data-notify="container"][class*="alert-pastel-"] > [data-notify="title"] {
	        color: rgb(80, 80, 57);
	        display: block;
	        font-weight: 700;
	        margin-bottom: 5px;
        }
        [data-notify="container"][class*="alert-pastel-"] > [data-notify="message"] {
	        font-weight: 400;
        }



.error-campo {
    background-color: rgba(255, 0, 0, 0.09);
}

.correcto-campo {
    background-color: none;
}

#return-to-top {
    position: fixed;
    bottom: 80px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 12px;
        top: 10px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 5px;
        }

.errorMessageFloat {
    position: absolute;
    margin-top: 3px;
    margin-left: 3px;
    background-color: rgb(242, 65, 65);
    z-index: 999;
    top: 0px;
    right: 5px;
    color: rgb(255, 255, 255) !important;
    font-weight: bold !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(242, 65, 65);
    border-image: initial;
    border-radius: 10px;
    padding: 1px 5px;
}

.hasError {
    background-color: rgba(255, 0, 0, 0.09) !important;
    border-color: rgb(255, 85, 85) !important;
}

.timeline-icon-info {
    color: white !important;
    background: #00c0ef !important;
}

.modal-lg-c {
    min-width: 60% !important;
    width: 800px;
}

.BtnStyle{
    margin-top: 18px;
}

.color-aqua {
    color: #00c0ef;
}

/*Despligue de control de admin*/
.cssActivity {
    position: absolute;
    display: none;
    z-index: 905;
    top: 46px;
    right: 0px;
    width: 340px;
    height: 105px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: white;
}

hr.v {
    width: 1px;
    height: 500px;
}

.user-menu {
    padding-right: 10px;
}

.cssANombre {
    font-weight: bold;
    display: block;
    font-size: 12px;
    text-transform: capitalize;
    color: black;
}

.cssAPerfil {
    color: dimgray;
    display: block;
    text-transform: capitalize;
}

.cssAFecha {
    font-size: 75%;
    font-weight: normal;
    color: #00c0ef;
    display: block;
    text-transform: capitalize;
}

.contenido {
    background: #fff;
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-word;
}

.usuario {
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: 60%;
    border-radius: 60%;
    background-size: 60% auto;
    padding: 10px 10px 10px 10px;
    align-content: center;
}

.max {
    display: flex;
    align-items: center;
    justify-content: center;
}

#divContenido {
    height: 115px;
    width: 700px;
    background-color: #fff;
    padding: 0px 0px 0px 10px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}

#divNombre {
    height: 30px;
    width: 550px;
    margin: 0px auto;
    background-color: #fff;
    padding: 10px 0px 0px 0px;
    word-break: break-all;
    text-align: justify;
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-word;
}

#divSalir {
    height: 30px;
    width: 270px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    word-break: break-all;
    text-align: justify;
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-word;
}

#divPerfil {
    height: 20px;
    width: 550px;
    margin: 0px auto;
    background-color: #fff;
}

#divFecha {
    height: 15px;
    width: 550px;
    margin: 0px auto;
    background-color: #fff;
}

.circle-icon {
    background: #808080;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    align-content: center;
}

.icon-background {
    color: #c0ffc0;
}

.circle-icon-fe {
    background: #808080;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    align-content: center;
}
/*
#page {
    margin: 0px auto;
    width: 100%;
}
*/
/*#header {
    top: 0 !important;
    width: 100% !important;
    padding: 10px 20px 35px;
    background-color: #D7DBDD;
    font-size: 18px;
    color: #333;
    border: none !important;
}*/

#content {
    overflow: auto;
    padding: 0% 3% 0% 3% !important;
    width: 100%;
    border: none !important;
}

.panel-head-color {
    color: #4bb448;
    font-weight: normal !important;
}

.panel-margen {
    border-top: 1px solid #999 !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    margin-bottom: unset !important;
}

.panel-padre {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.panel-encabezado {
    border: none !important;
    font-size: small;
}

.icono-encabezado {
    font-size: 18px !important;
    color: #00b1e6 !important;
    border-radius: 50%;
    background-color: #fff;
}

.panel-contenido {
    padding: 5px 15px 0px !important;
}

.panel-notificacion {
    padding: 0px 10px 0px !important;
}

.panel-pie {
    padding: 0px 10px !important;
    border: none !important;
}

.opcion-extendida {
    width: 340% !important;
    right: 0%;
}

.panel-color {
    background-color: #D7DBDD !important;
    font-weight: normal !important;
    border-radius: unset !important;
    margin-bottom: unset !important;
    border-left: none !important;
    border-right: none !important;
}

.efectoColor {
    font-size: 32px;
    color: #9c47fc;
    display: block;
    background: -webkit-linear-gradient(#9c47fc, #356ad2);
    -webkit-text-fill-color: transparent;
}

.open {
    display: none
}

.fa-sombra {
    color: #999;
    text-shadow: 2px -1px 0px #f2f2f2;
}

.contenido-letra {
    color: #002838 !important;
    font-weight: normal !important;
}

.clase-texto {
    color: #808080;
    font-weight: normal;
    font-size: small;
}

.pie-notificacion {
    color: #808080;
    font-weight: normal;
    font-size: smaller;
    text-align: right;
    padding: 0px 15px 0px 0px;
}

.notificaciones-icono {
    padding: 2px 5px !important;
    display: inline !important;
    background: red;
    position: relative;
    top: -10px;
    left: -12px;
    border-radius: 50% !important;
    color: #fff !important;
}

.seccion {
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
    right: -115px !important;
}

.cerrarnotificacion {
    display: block;
    width: 27px;
    height: 27px;
    border: 0px solid #000000;
    color: #808080;
    text-align: center;
    text-decoration: none;
    background: #D7DBDD;
    box-shadow: #D7DBDD;
    font-size: 20px;
    font-weight: 600;
}

    .cerrarnotificacion:hover {
        background: #ff0000;
        color: white;
    }

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.dxtl__B0 {
    color: black;
}
.dxtlFocusedNode a {
    color: black;
}

.dxtl__B3 {
    color: black;
}
.dxtlSelectedNode a:hover, .dxtlFocusedNode a:hover {
    color: #5d5a5a;
}

.bg-purple {
    /*width: 100px;
    height: 100px;
    border-radius: 10px;*/
    background-color: #44bcd8 !important
}

/* Estilo personalizado para el enlace */
.enlace-personalizado {
    color: green;
    text-decoration: none;
}

.bg-rosa {
    background-color: pink;
}

.bg-verde {
    background-color: #d3ecba;
}

.pagination.m-0 {
    justify-content: flex-end; /* Alinea los elementos a la derecha */
    margin: 0; /* Elimina cualquier margen adicional si es necesario */
}
.bg-amarillo {
    background-color: #fcf398;
}

.pagination {
    --bs-pagination-font-size: 0.75rem !important;
}

/*.bg-purple {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background-color: #44bcd8 !important
}*/

@media (min-width:576px) {
 
    .modal-archivos {
        max-width: 1000px;
        margin-right: auto;
        margin-left: auto
    }
    
}

.form-group {
    font-size: 14px; /* Ajusta el tamaño del texto según tus necesidades */
    line-height: 1.2; /* Ajusta el espacio entre líneas según tus necesidades */
}

.media-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.media {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    flex-basis: 50%; /* Ajusta el ancho de los elementos según tus necesidades */
}

.media-body {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    width: 100%;
}

.media-content {
    margin-top: 10px; /* Ajusta el espaciado entre la imagen y el contenido */
}

.table {
    --bs-table-striped-bg: rgba(0, 198, 231, 0.08);
    --bs-table-hover-bg: #F0FCF6;
}

/*:root, [data-bs-theme=light] {
    --bs-link-color: #000000;
}*/

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

/*.nav > li {
    margin-right: 5px;*/ /* Ajusta el valor según el espaciado deseado */
/*}*/
.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

.EncabezadosText > td,
.EncabezadosText > td > a,
.EncabezadosText > th {
    /*background-color: #F0FCF6 !important;*/
    border-color: White;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #4FA26B !important;
    --bs-table-bg-type: #F0FCF6 !important;
}

.btn-info {
    --bs-btn-color: #ffff;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #ffff;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #ffff;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffff;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.close {
    float: right;
    font-size: 21px;
    background: #fff !important;
    position: inherit !important;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    border: none;
}


/*.sidebar-mini.sidebar-collapse .app-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .float-end, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none !important;
    -webkit-transform: translateZ(0)
}*/

a {
    text-decoration: none;
}


tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.viewer-toolbar > li {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    float: left !important;
}

ul.viewer-toolbar {
    display: flex;
    justify-content: center;
}

table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(94 214 159 / 8%)
}

.bg-lemon {
    background-color: #4fb946;
    color: white;
}
.close:focus {
    outline:none;
}


.form-select {
    background-image: var(--bs-form-select-bg-img) !important;
    background-position: right 0.75rem center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 12px !important;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

#DivImagenCarga .base-layer .row .btn-group .btn{
	padding: 3px 6px !important;
}
.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    font-size: 110% !important;
    z-index: 2;
}
.modal-content {
    border-radius: 5px;
}
/*Datatable header cambiar color*/
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    color: #4FA26B;
    background-color: #F0FCF6;
}

#ctl00_ContentPlaceHolder1_ASPxGridView1_DXMainTable .dxgvHeader {

    background-color: #F0FCF6;
}

#ctl00_ContentPlaceHolder1_ASPxGridView1_DXMainTable .dxgvHeader td {
    color: #4FA26B;
    border-color: White;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    --bs-table-bg-type: #F0FCF6;
 }
#secciontablasreportes .info-box-text {
    color: #4FA26B;
}

/**
    Solución temporal de adminLTE UPLOAD FILE
    */
    .btn.btn-file {
    position: relative;
    overflow: hidden
}

    .btn.btn-file > input[type='file'] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        opacity: 0;
        filter: alpha(opacity=0);
        outline: none;
        background: white;
        cursor: inherit;
        display: block
    }

/* resolver estilos nuevos de easyui1.11.0 - color amarillo a todo*/
.checkbox{border: 2px !important;}

.switchbutton-on{background-color:  #0081c2 !important;  color:white !important; }

.combobox-item-selected{background-color: #0081c2 !important;  color:white !important; }

.textbox {border-color: #D4D4D4 !important;}

.combo-arrow {background-color: #ffffff !important; border: 1px solid #D4D4D4 !important;}

/*fin estilos nuevos param easyui1.11.0*/

/*Comienzan estilos param AdminLTE4.0.Beta2*/
    /*color de submenu defs menu lateral*/
    .sidebar-wrapper .sidebar-menu > .nav-item > .nav-treeview {
        background-color: var(--objeto-menu-color) !important;
        border-radius: 5px !important;
    }

    /*Afecta dialog modal de notificaciones*/
    .dropdown-menu {
        min-width: 100px;
        max-width: none !important;
    }

    #contenedorNotificaciones {
        width: 600px !important;
        /*height: 80%;*/
        overflow: scroll;
    }

    @media only screen and (max-width: 700px) {
        #contenedorNotificaciones {
            width: 400px !important;
            height: 600px;
            overflow: scroll;
        }
    }

    @media only screen and (max-width: 500px) {
        #contenedorNotificaciones {
            width: 150px !important;
            height: 350px;
            overflow: scroll;
        }
    }

    li.user-header {
        background-color: #00c0ef !important;
    }

    li.user-footer a {
        background-color: #00c0ef;
        border: 2px solid #3C8DBC;
    }

        li.user-footer a:hover {
            background-color: #a4dcfc !important;
            color: white !important;
            border: 2px solid #a4dcfc !important;
        }

    #menuLateralMaster {
        height: 100% !important;
        overflow-y: auto;
        max-width: fit-content;
        transition-timing-function: ease-in-out;
        transition-duration: .3s;
    }

    #menuLateralMaster::-webkit-scrollbar {
        width: 8px;
    }

    #menuLateralMaster::-webkit-scrollbar-track {
        background: inherit;
    }

    #menuLateralMaster::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 20px;
        border: 1px solid rgb(141, 130, 130);
        margin-right: 12px;
    }
/*fin estilos AdminLTE4.0Beta2*/


/* estilos jQuery Validation Plugin - v1.21.0 */

.validation-error-message {
    color: red;
    font-size: 0.9em;
}

input.validation-error-message {
    border: 1px solid red;
}

/* fin estilos jQuery Validation Plugin - v1.21.0 */