/**
*	Ajustes generales
* 	Estos ajustes afectan a toda la plataforma
**/
/*Scroll*/
body *::-webkit-scrollbar{
    width: 5px;
    height: 5px;
}
body *::-webkit-scrollbar-thumb {
    background: #c5c5c5;
    border-radius: 10px;
}
body *::-webkit-scrollbar-thumb:hover {
    background: #636363;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
body *::-webkit-scrollbar-thumb:active {background-color: #636363;}
body *::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}
body *::-webkit-scrollbar-track:hover,
body *::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

/************************************/
body *::-webkit-input-placeholder {color: #B4B5B8 !important;}
body *:-ms-input-placeholder {color: #B4B5B8 !important;}

*::placeholder {
  color: #B4B5B8 !important;
  font-size: 14px !important;
}
/************************************/

body.mod-bg-1 {
margin-left: 17.9rem !important;}

body.nav-function-minify {
margin-left: 5.5rem !important;}

body.nav-function-minify.nav-function-fixed {
margin-left: .8rem !important;}

.btn:focus, .btn.focus {
outline: none;
box-shadow: none;
}

.page-content {
padding: 1.5rem 1rem 1.5rem 2rem;
}


tfoot {
background-color: #fafafa;
}

.disabledsearch {background-color: #f3f3f3 !important;opacity: 1  !important;}

.header-user-info-content .dropdown-item[data-target=".js-modal-settings"] {display:none !important;}

#editar_pass_usuario .modal-dialog {
width: 100%;
height: 100%;
margin: 0 !important;
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;}

#editar_pass_usuario .modal-dialog .modal-content {
width: 30rem;
max-width: 30rem;}


/*Menúi lateral derecho*/
aside.page-sidebar {
position: fixed !important;
left: 1rem !important;
top: 1rem !important;
height: calc(100% - 32px) !important;
box-shadow: 0 0 3px 0 #dee2e6 !important;
border-radius: 5px;}

body.nav-function-hidden aside.page-sidebar {border-bottom-left-radius: 0px !important;}

aside.page-sidebar .ajustes_contenedor_logo {
border-top-right-radius: 5px;
border-top-left-radius: 5px;}

body.nav-function-hidden aside.page-sidebar .ajustes_contenedor_logo {border-top-left-radius: 0px !important;}

aside.page-sidebar .nav-footer {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}

body.nav-function-hidden aside.page-sidebar .nav-footer {border-bottom-left-radius: 0px !important;}

.dropdown .dropdown-menu.show {
left: -72px !important;
}

body.mod-bg-1 {
margin-left: 16.9rem;
}

body.mobile-view-activated {
margin-left: 0 !important;
}

body.nav-function-hidden{
margin-left: -0.1rem !important;
}

body.nav-function-hidden aside.page-sidebar{
left: -13.5% !important;
}

body.nav-function-hidden aside.page-sidebar:hover{
left: 0 !important;
}

/* body.nav-function-minify{ */
/* margin-left: 4.7rem !important; */
/* } */

body.nav-function-minify aside.page-sidebar{
width: 4.6875rem !important;
}

body.nav-function-hidden.nav-function-minify{
margin-left: 3.6875rem !important;
}

body.nav-function-hidden.nav-function-minify aside.page-sidebar{
width: 4.6875rem !important;
left: 0 !important;
}

/* body.nav-function-minify.nav-function-fixed{ */
/* margin-left: 0 !important; */
/* } */

body.nav-function-minify.nav-function-hidden.nav-function-fixed{
margin-left: 3.7rem !important;
}

/* footer.page-footer { */
/* width: 100%; */
/* position: fixed; */
/* bottom: 0; */
/* left: 0; */
/* z-index: 9999; */
/* } */

/* DASHBOARD FINANCIERO*/
th,
td {
padding: 1px;
}

/* .lrow {
background:#F2F2F2;
position: sticky;
left:0;
border: 1px solid #fff;
} */

.has {
background: #fafafa;
position: sticky;
top: 0px;
border: 1px solid #fff;
}

.wrapper {
border: 1px solid #fff;
width: 100%;
/* max-height: 600px; */
/* overflow-y: auto; */
}

.proy {color: #6A6E6F;}

/* TERMINA DASHBOARD FINANCIERO*/
table th,
table td {vertical-align: middle !important;}

.table_icon {
font-size: 14px !important;
color: #9B9EA3 !important;
}

.table_icon16 {
font-size: 16px !important;
color: #9B9EA3 !important;
}

.icon_link {
cursor: pointer !important;
}

.button-icon {
background:transparent;
border:none;
padding: 0 !important;
}

.dropdownslim{
padding: 0 !important;
border: none !important;
border-radius: 0;
margin: 2px 0px 0px -4px;
max-height: 18px;}

.middle {vertical-align:middle !important;}

.nav-menu li.active > a {box-shadow:none!important;}

.pagination .page-item .page-link:hover {
color: #FFF;
}

.pagination .page-item .page-link {
cursor: pointer;
}

.d-flex {display:flex !important;}
.d-block {display:block !important;}
.d-inline-block {display:inline-block !important;}

.f-r{float: right !important;}
.f-l{float: left !important;}

.p-b-0 {padding-bottom: 0 !important;}
.p-b-2 {padding-bottom: 2rem !important;}

/* Top */
.m-t-half-1 {margin-top: .5rem !important;}
.m-t-1 {margin-top: 1rem !important;}
.m-t-15 {margin-top: 1.5rem !important}
.m-t-2 {margin-top: 2rem !important;}
.m-t-25 {margin-top: 2.5rem !important;}
.m-t-3 {margin-top: 3rem !important;}
.m-t-35 {margin-top: 3.5rem !important;}

/* Bottom */
.m-b-0 {margin-bottom: 0 !important;}
.m-b-half-1 {margin-bottom: .5rem !important;}
.m-b-1 {margin-bottom: 1rem !important;}
.m-b-15 {margin-bottom: 1.5rem !important;}
.m-b-2 {margin-bottom: 2rem !important;}
.m-b-25 {margin-bottom: 2.5rem !important;}
.m-b-3 {margin-bottom: 3rem !important;}
.m-b-35 {margin-bottom: 3.5rem !important;}

/* Left */
.m-l-half-1 {margin-left: .5rem !important;}
.m-l-1 {margin-left: 1rem !important;}
.m-l-15 {margin-left: 1.5rem !important;}
.m-l-2 {margin-left: 2rem !important;}
.m-l-25 {margin-left: 2.5rem !important;}
.m-l-3 {margin-left: 3rem !important;}
.m-l-35 {margin-left: 3.5rem !important;}

/* Right */
.m-r-half-1 {margin-right: .5rem !important;}
.m-r-1 {margin-right: 1rem !important;}
.m-r-15 {margin-right: 1.5rem !important;}
.m-r-2 {margin-right: 2rem !important;}
.m-r-25 {margin-right: 2.5rem !important;}
.m-r-3 {margin-right: 3rem !important;}
.m-r-35 {margin-right: 3.5rem !important;}

.justify-content-center {justify-content: center !important;}

/*Centrado de modales*/
#deletedMoved.show .modal-dialog ,
#modalAddIngresos.show .modal-dialog ,
#modalAddEgresos.show .modal-dialog {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-40%, -55%);
width: 100%;
}

.font-white {
    color: #FFF !important;
} 

/**
*	Ajustes de configuraci贸n
* 	Estos ajustes son los que aplican desde la configuraci贸n de generales
**/
.loggin_ajustes{
    width: 100%;
    height: 100vh;
    display: grid;
    place-items: center;
}


.login-form-content{
    display: grid;
    grid-template-rows: auto 1fr auto;
    width: 320px;
    background: #FFF;
    border-radius: 5px;
}

.logo-login {
    width: 180px;
    margin-bottom: 30px;
    margin-top: 30px;
    justify-self: center;
    max-width: 100%;
    max-height: 100%;
}

.login-form {
    display: flex;
    flex-direction: column;
    padding: 0 1.5rem 2rem;
    margin: 0;
}

@media (max-width: 640px) {
    .login-form-content {
        width: calc(100% - 200px) !important;
    }
}

@media (max-width: 450px) {
    .logo-login {
        width: 111px !important;
    }

    .login-form-content {
        width: calc(100% - 55px) !important;
    }
}


.ajuste_video_index{
margin-top: -1vw;
}
.dropzone_ajustes{
height: 10vw;
border: 2px dashed #dedede !important;
/* margin-left: 1.8rem; */
/* margin-right: 1.8rem; */
margin-top: 0vw;
margin-bottom: 1vw;
text-align: center;
background-color: whitesmoke !IMPORTANT;
border-radius: 8px;
}
.btn_file_ajustes{
margin-bottom: 1vw;
}
.logo_margenes{
margin-left: auto;
margin-right: auto;
}
.dropzone .dz-preview.dz-image-preview {
background: #909090 !important;
border-radius: 20px !important;
}
.img_old{
width: 20vw;
}
.img_old_container{
height: 100%;
text-align: center;
}
.img_container{
width: 50%;
background-color: #536768;
border-radius: 4px;
}
.download_icon{
/* width: 8vw; */
float: right;
/* margin-right: 1.5vw; */
}
.download_icon:hover{
cursor: pointer;
}
.eliminar:hover{
cursor: pointer;
}
.agregar:hover{
cursor: pointer;
}
.editar:hover{
cursor: pointer;
}
.agregar_2:hover{
cursor: pointer;
}
.select_dpto{
width: 100%;
margin-bottom: 1vw;
}
.editar_2{
cursor: pointer;
}
.guardar_imagen{
margin-top: 1rem;
margin-bottom: 2vw;
}
.h3_ajustes{
padding-right:30px;
width: 100%;
padding-top: .6vw;
}
/*.span_ajustes{
padding-top: .2vw;
position: absolute;
}*/
.icons_ajustes{
margin-top: .2vw;
float: right;
margin-bottom: -.2vw;
}
.input_comercializacion{
width: 6.2vw;
margin-right: -2vw;
}
/*.pajustes{
padding-top: .7vw;
margin-bottom: .7vw;
color: #646569;
font-size: 12px;
font-weight: 400;
}*/
.sumatotal{
margin-top: 2vw;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
appearance: textfield;
}
.ajustes_buscador{
background: #f7f7f7;
position: absolute;
z-index: 1;
width: 96%;
max-height: 220px;
overflow-y: auto;
}
.ajustes_buscador p{
margin-left: 2vw;
margin-top: 1vw;
margin-bottom: 1vw;
}
.ajustes_buscador p:hover{
cursor: pointer;
color: #afafaf;;
}
.ajustes_buscador_rp{
background: #f7f7f7;
position: absolute;
z-index: 1;
width: 96%;
}
.ajustes_buscador_rp p{
margin-left: 2vw;
margin-top: 1vw;
margin-bottom: 1vw;
}
.ajustes_buscador_rp p:hover{
cursor: pointer;
color: #afafaf;;
}
.ajustes_buscador_cobranza{
background: #f7f7f7;
position: absolute;
z-index: 1;
width: 15%;
}
.ajustes_buscador_cobranza p{
margin-left: 2vw;
margin-top: 1vw;
margin-bottom: 1vw;
}
.ajustes_buscador_cobranza p:hover{
cursor: pointer;
color: #afafaf;;
}
.pajustes_2{
padding-top: .7vw;
margin-bottom: 0.8vw;
color: #9B9EA3;
}
#dt-basic-example_filter{
width: 20vw;
height: 2vw;
position: relative;
}
#dt-basic-example_filter label{
padding-left: 2vw;
}
#dt-basic-example_filter div{
margin-left: -2vw;
position: absolute;
height: 100%;
}
#dt-basic-example_filter input{
height: 2vw;
}
.ajustes_form label{
padding-top: 0.8vw;
}
.ajustes_panelcontent{
/*margin-top: .8vw;*/
padding-left: 1vw;
padding-right: 1vw;
padding-bottom: .8vw;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: white;
}
.table-striped tbody tr:nth-of-type(even) {
background-color: #fafafa;
}
#accion input {
display: none;
}
.pencil_ajustes{
color: #9B9EA3;
width: 22px;
}
.cuenta_ordenate_hide, .beneficiario_hide, .cadena_pago_hide, .cadena_pago_options_hide, .institucion_extranjera_hide, .institucion_financiera_hide, .tipo_cambio_hide{
display: none;
}
.button_input input{
border: none !important;
color: white !important;
}
.loader_style{
display: none;
position: absolute;
position: absolute;
background-color: #00000021;
z-index: 10000;
text-align: center;
width: 100%;
min-height: 100%;
height: auto !important;
position: fixed;
top: 0;
left: 0;
}
.loader_style img{
width: 8vw;
margin-top: 21vw;
}
.page-item.active .page-link {
z-index: 1;
color: #646569;
background-color: #f2f2f2;
border-color: #8e8e8e;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #646569;
background-color: #fff;
border: 1px solid #dee2e6;
}
.pagination .page-item:first-child:not(.active) .page-link, .pagination .page-item:last-child:not(.active) .page-link, .pagination .page-item.disabled .page-link {
background: #f2f2f2;
}
.dataTables_empty {
color: #a5a5a5;
font-size: 2rem;
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.ajustes_margin_row{
margin-top: 1.5vw;
}
.dataTables_empty {
color: #a5a5a5;
font-size: 1.5rem;
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.padre_pencil{
height: 2vw;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.hover_pencil:hover{
cursor: pointer;
}
/*.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
background-color: #202022;
}*/
.color_ajustes{
width: 50%;
height: 2vw;
}
.row_ajustes_conf{
margin-bottom: 1vw;
}
.table th, .table td {
padding: 0.5rem;
vertical-align: top;
border-top: 1px solid #e9e9e9;
}
.modal-body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
/* padding: 1.25rem; */
padding-bottom: 0;
padding-top: 0;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.texto_normal{
font-weight: 4000;
font-size: 14px;
color: #646569;
}
.ajustes_contenedor_logo{
height: 5vw;
width: 100%;
}
.contenedor_link_logo{
height: 100%;
width: 100%;
}
.imagen_logo_ajustes{
max-width: 100%;
max-height: 100%;
margin-left: auto;
margin-right: auto;
padding-top: .5vw;
padding-bottom: .5vw;
}
.nav-function-minify:not(.nav-function-top) .imagen_logo_ajustes {
    display: none;
}
.nav-function-minify .logo_menu_colapsado {
    max-width: 90%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
}
.ajustes_panelcontent{
padding-top: 0px !important;
}
.toggle_button{
background-color: #1dc9b7 !important;
padding: 0 !important;
width: 1rem !important;
height: 1rem !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
border-radius: 50% !important;
opacity: 0.8 !important;
border: none !important;
}
.aproved{
color: #1ff11f;
}
.rejected{
color: red;
}
.money{
color: #e6e657;
}
.xml{
color: blue;
}
.input_ajustes input{
border: none;
color: var(--blanco);
width: 100%;
}
.eliminar_cfdi:hover{
cursor: pointer;
}
.eliminar_partida, .editar_partida:hover{
cursor: pointer;
}
.sumas_hide{
margin-left: 0.30rem;
}
.sumas_ajustes{
border: none;
font-size: .7vw;
}
.btn-danger {
color: #fff !important;
background-color: #DB4D3F !important;
border-color: #DB4D3F !important;
}
.btn-success {
color: #fff !important;
background-color: #2ECC71 !important;
border-color: #2ECC71 !important;
}

.alert-danger {
color: #DB4D3F;
border-color: #DB4D3F;
}
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .form-control.hasDatepicker[readonly]:invalid {
border-color: #DB4D3F !important;
padding-right: calc(1.47em + 1rem);
/*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd3995' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd3995' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E);*/
background-image: none;
background-repeat: no-repeat;
background-position: center right calc(0.3675em + 0.25rem);
background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

.note-editable.is-invalid {
    border: 1px solid #DB4D3F !important;
    padding-right: calc(1.47em + 1rem);
    /*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd3995' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd3995' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E);*/
    background-image: none;
    background-repeat: no-repeat;
    background-position: center right calc(0.3675em + 0.25rem);
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
    }

.was-validated .form-control2:invalid, .form-control2.is-invalid {
    border-color: #DB4D3F !important;
    padding-right: calc(1.47em + 1rem);
    background-image: none;
    background-repeat: no-repeat;
    background-position: center right calc(0.3675em + 0.25rem);
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

.was-validated .form-control:valid, .form-control.is-valid {
border-color: #2ECC71 !important;
padding-right: calc(1.47em + 1rem);
/*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);*/
background-image: none;
background-repeat: no-repeat;
background-position: center right calc(0.3675em + 0.25rem);
background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

.note-editable.is-valid {
    border: 1px solid #2ECC71 !important;
    padding-right: calc(1.47em + 1rem);
    /*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);*/
    background-image: none;
    background-repeat: no-repeat;
    background-position: center right calc(0.3675em + 0.25rem);
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 12px !important;
color: #DB4D3F !important;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 12px !important;
    color: #2ECC71 !important;
    }

.hide_renovacion{
display: none;
}
.text-danger{
color: #DB4D3F !important;
}
.new_razon{
max-width: 50%;
background: none;
border: none;
}
.centrado_vertical_div{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
max-width: 50%;
text-align: center;
background: none;
border: none;
}
.field-icon {
float: right;
margin-left: -25px;
margin-top: -25px;
position: relative;
z-index: 2;
margin-right: .5rem;
cursor:pointer;
}
.p_check{
position: absolute;
left: 0;
}
/* Customize the label (the container) */
.container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.container_2 input {
  cursor: pointer;
  margin-top: 3rem !important;
}
.container_3 input {
  cursor: pointer;
  margin-top: 1.5rem !important;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: #f5f5f5;
border-radius: 4px;
border: 1px solid;
border-color: #d6d6d6;
margin-top: 1rem;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #2ECC71;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
left: 4px;
top: 2px;
width: 5px;
height: 8px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/*
* Clases generales
*/
/*Ocultar forzado*/
.d-none {display:none!important;}

/*Quitar link de un a forzado*/
.unlink {
pointer-events: none!important;
cursor: default!important;}

/*Margins*/
.m-1{margin:1rem!important;}
.m-2{margin:2rem!important;}
.m-3{margin:3rem!important;}
.m-4{margin:4rem!important;}
.m-5{margin:5rem!important;}
.m-b-1 {margin-bottom: 1rem !important;}
.m-b-2 {margin-bottom: 2rem !important;}
.m-b-3 {margin-bottom: 3rem !important;}
.m-b-4 {margin-bottom: 4rem !important;}
.m-b-5 {margin-bottom: 5rem !important;}
.m-b-h {margin-bottom: .5rem !important;}
.m-b-h-1 {margin-bottom: 1.5rem !important;}
.m-b-h-2 {margin-bottom: 2.5rem !important;}
.m-b-h-3 {margin-bottom: 3.5rem !important;}
.m-b-h-4 {margin-bottom: 4.5rem !important;}
.m-b-h-5 {margin-bottom: 5.5rem !important;}
.m-t-1 {margin-top: 1rem !important;}
.m-t-2 {margin-top: 2rem !important;}
.m-t-3 {margin-top: 3rem !important;}
.m-t-4 {margin-top: 4rem !important;}
.m-t-5 {margin-top: 5rem !important;}
.m-t-h {margin-top: .5rem !important;}
.m-t-h-1 {margin-top: 1.5rem !important;}
.m-t-h-2 {margin-top: 2.5rem !important;}
.m-t-h-3 {margin-top: 3.5rem !important;}
.m-t-h-4 {margin-top: 4.5rem !important;}
.m-t-h-5 {margin-top: 5.5rem !important;}
.m-l-1 {margin-left: 1rem !important;}
.m-l-2 {margin-left: 2rem !important;}
.m-l-3 {margin-left: 3rem !important;}
.m-l-4 {margin-left: 4rem !important;}
.m-l-5 {margin-left: 5rem !important;}
.m-l-h {margin-left: .5rem !important;}
.m-l-h-1 {margin-left: 1.5rem !important;}
.m-l-h-2 {margin-left: 2.5rem !important;}
.m-l-h-3 {margin-left: 3.5rem !important;}
.m-l-h-4 {margin-left: 4.5rem !important;}
.m-l-h-5 {margin-left: 5.5rem !important;}
.m-r-1 {margin-right: 1rem !important;}
.m-r-2 {margin-right: 2rem !important;}
.m-r-3 {margin-right: 3rem !important;}
.m-r-4 {margin-right: 4rem !important;}
.m-r-5 {margin-right: 5rem !important;}
.m-r-h {margin-right: .5rem !important;}
.m-r-h-1 {margin-right: 1.5rem !important;}
.m-r-h-2 {margin-right: 2.5rem !important;}
.m-r-h-3 {margin-right: 3.5rem !important;}
.m-r-h-4 {margin-right: 4.5rem !important;}
.m-r-h-5 {margin-right: 5.5rem !important;}
.m-t-0 {margin-top:0!important;}
.m-b-0 {margin-bottom:0!important;}
.m-r-0 {margin-right:0!important;}
.m-l-0 {margin-left:0!important;}

.m-b-5px {margin-bottom:5px!important;}
.m-b-4px {margin-bottom:4px!important;}
.m-b-3px {margin-bottom:3px!important;}
.m-b-2px {margin-bottom:2px!important;}
.m-b-1px {margin-bottom:1px!important;}

.m-t-5px {margin-top:5px!important;}
.m-l-5px {margin-left:5px!important;}
.m-r-5px {margin-right:5px!important;}

.m-t-18px {margin-top:18px!important;}

.m-b-1px {margin-bottom:1px!important;}
.m-t-1px {margin-top:1px!important;}
.m-l-1px {margin-left:1px!important;}
.m-r-1px {margin-right:1px!important;}

/*Paddings*/
.p-1{padding:1rem!important;}
.p-2{padding:2rem!important;}
.p-3{padding:3rem!important;}
.p-4{padding:4rem!important;}
.p-5{padding:5rem!important;}
.p-b-075 {padding-bottom: 0.75rem !important;}
.p-b-1 {padding-bottom: 1rem !important;}
.p-b-2 {padding-bottom: 2rem !important;}
.p-b-3 {padding-bottom: 3rem !important;}
.p-b-4 {padding-bottom: 4rem !important;}
.p-b-5 {padding-bottom: 5rem !important;}
.p-b-h {padding-bottom: .5rem !important;}
.p-b-h-1 {padding-bottom: 1.5rem !important;}
.p-b-h-2 {padding-bottom: 2.5rem !important;}
.p-b-h-3 {padding-bottom: 3.5rem !important;}
.p-b-h-4 {padding-bottom: 4.5rem !important;}
.p-b-h-5 {padding-bottom: 5.5rem !important;}
.p-t-075 {padding-top: 0.75rem !important;}
.p-t-1 {padding-top: 1rem !important;}
.p-t-2 {padding-top: 2rem !important;}
.p-t-3 {padding-top: 3rem !important;}
.p-t-4 {padding-top: 4rem !important;}
.p-t-5 {padding-top: 5rem !important;}
.p-t-h {padding-top: .5rem !important;}
.p-t-h-1 {padding-top: 1.5rem !important;}
.p-t-h-2 {padding-top: 2.5rem !important;}
.p-t-h-3 {padding-top: 3.5rem !important;}
.p-t-h-4 {padding-top: 4.5rem !important;}
.p-t-h-5 {padding-top: 5.5rem !important;}
.p-l-075 {padding-left: 0.75rem !important;}
.p-l-1 {padding-left: 1rem !important;}
.p-l-2 {padding-left: 2rem !important;}
.p-l-3 {padding-left: 3rem !important;}
.p-l-4 {padding-left: 4rem !important;}
.p-l-5 {padding-left: 5rem !important;}
.p-l-h {padding-left: .5rem !important;}
.p-l-h-1 {padding-left: 1.5rem !important;}
.p-l-h-2 {padding-left: 2.5rem !important;}
.p-l-h-3 {padding-left: 3.5rem !important;}
.p-l-h-4 {padding-left: 4.5rem !important;}
.p-l-h-5 {padding-left: 5.5rem !important;}
.p-r-1 {padding-right: 1rem !important;}
.p-r-2 {padding-right: 2rem !important;}
.p-r-3 {padding-right: 3rem !important;}
.p-r-4 {padding-right: 4rem !important;}
.p-r-5 {padding-right: 5rem !important;}
.p-r-h {padding-right: .5rem !important;}
.p-r-h-1 {padding-right: 1.5rem !important;}
.p-r-h-2 {padding-right: 2.5rem !important;}
.p-r-h-3 {padding-right: 3.5rem !important;}
.p-r-h-4 {padding-right: 4.5rem !important;}
.p-r-h-5 {padding-right: 5.5rem !important;}
.p-t-0 {padding-top:0!important;}
.p-b-0 {padding-bottom:0!important;}
.p-r-0 {padding-right:0!important;}
.p-l-0 {padding-left:0!important;}

.p-5px {padding:5px !important;}
.p-b-5px {padding-bottom:5px !important;}
.p-l-5px {padding-left:5px !important;}
.p-r-5px {padding-right:5px !important;}

.p-t-4px {padding-top:4px !important;}
.p-b-4px {padding-bottom:4px !important;}
.p-l-4px {padding-left:4px !important;}
.p-r-4px {padding-right:4px !important;}


.p-10px {padding:10px !important;}
.p-t-10px {padding-top:10px !important;}
.p-b-10px {padding-bottom:10px !important;}
.p-l-10px {padding-left:10px !important;}
.p-r-10px {padding-right:10px !important;}


.p-t-1px {padding-top:1px !important;}
.p-t-2px {padding-top:2px !important;}
.p-t-3px {padding-top:3px !important;}
.p-t-4px {padding-top:4px !important;}
.p-t-5px {padding-top:5px !important;}

/*Tama帽o de fuentes*/
.f-10 {font-size:10px !important;}
.f-11 {font-size:11px !important;}
.f-12 {font-size:12px !important;}
.f-13 {font-size:13px !important;}
.f-14 {font-size:14px !important;}
.f-15 {font-size:15px !important;}
.f-16 {font-size:16px !important;}
.f-17 {font-size:17px !important;}
.f-18 {font-size:18px !important;}
.f-19 {font-size:19px !important;}
.f-20 {font-size:20px !important;}
.f-21 {font-size:21px !important;}
.f-22 {font-size:22px !important;}
.f-23 {font-size:23px !important;}
.f-24 {font-size:24px !important;}
.f-25 {font-size:25px !important;}
.f-26 {font-size:26px !important;}
.f-27 {font-size:27px !important;}
.f-28 {font-size:28px !important;}
.f-29 {font-size:29px !important;}
.f-30 {font-size:30px !important;}

.f-weight-400 {font-weight: 400 !important;}
.f-weight-500 {font-weight: 500 !important;}
.f-weight-600 {font-weight: 600 !important;}
.f-weight-700 {font-weight: 700 !important;}
.f-weight {font-weight: bold !important;}


.w-1 {width:1% !important;}
.w-2 {width:2% !important;}
.w-3 {width:3% !important;}
.w-4 {width:4% !important;}
.w-5-half {width:2.5% !important;}
.w-5 {width:5% !important;}
.w-6 {width:6% !important;}
.w-7 {width:7% !important;}
.w-8 {width:8% !important;}
.w-9 {width:9% !important;}
.w-10 {width:10% !important;}
.w-15 {width:15% !important;}
.w-20 {width:20% !important;}
.w-25 {width:25% !important;}
.w-30 {width:30% !important;}
.w-35 {width:35% !important;}
.w-40 {width:40% !important;}
.w-45 {width:45% !important;}
.w-50 {width:50% !important;}
.w-55 {width:55% !important;}
.w-60 {width:60% !important;}
.w-70 {width:70% !important;}
.w-80 {width:80% !important;}
.w-90 {width:90% !important;}
.w-100 {width:100% !important;}

.color-white {color:#FFF !important;}

.vertical-align-inherit {vertical-align: inherit !important;}
.vertical-align-middle {vertical-align: middle !important;}

.inputicon {
display: flex;
align-items: center;}

.inputicon i {
position: absolute;
right: 2rem;}

.inputicon input {padding-right: 2rem !important;}

/*Ajustes a las tablas solo se toman en cuenta las tablas con clase table*/
table.table p {
padding:0 !important;
margin-bottom:0 !important;}

table.table tbody tr {box-shadow:none !important;}
table.table tbody tr:not(.trfooter):not(.tabla_omitir_estilos) th:not(.trseleted),
table.table tbody tr:not(.trfooter):not(.tabla_omitir_estilos) td:not(.trseleted) {background: #FFF;}

#adminMaster.table tbody tr td:first-child {text-align:left !important;}

/*
* Reemplazar css del template
*/
.nav-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper {padding-left:0!important;}
.nav-function-fixed .nav-footer {background:transparent!important;}
.dataTables_filter label {margin-bottom:0!important;}
.justify-content-right {justify-content:right!important;}

.subheader .btn {
height: 30px;
padding: 0.25rem 1.125rem;}

.page-header {
width: calc(100% - 49px);
padding: 0 1rem;
margin-top: 1rem;
margin-left: 2rem !important;}

.header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"]:after {
content: " ";
width: 2.5rem;
height: 2.5rem;
top: 0.8125rem;
z-index: -1;
left: 0.8125rem;
opacity: 1;}

.header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
position: absolute;
border: 0px solid #ccc;
right: 1rem;
top: 4.0625rem !important;
left: auto !important;
padding: 0;
margin: 0;}

.colTablesMostar {
position: absolute;
bottom: 1.6rem;
padding: 0;
left: 1rem;
z-index:999;}

.colTablesMostar label {display: none;}
.colTablesMostar select {max-width: 4.7rem;}

.specialinput{
border: none !important;
background: transparent !important;
padding: 0 !important;
height: 15px !important;}

.btn-link {
	background:transparent !important;
	box-shadow: none !important;
	padding:0 !important;
}

.text-suspensive {
white-space: nowrap;
text-overflow: ellipsis;
display: block;
overflow: hidden;}

.max-width-85 {max-width: 85%;}
.max-width-90 {max-width: 90%;}

.datepicker {margin-left:16.875rem;}
body.nav-function-hidden:not(.nav-function-minify) .datepicker {margin-left:0 !important;}
body.nav-function-minify .datepicker {margin-left:4.2875rem !important;}

.datepicker:after,
.datepicker:before {display:none !important;}

/* mod-bg-1 desktop chrome webkit pace-done pace-done blur */
/* mod-bg-1 desktop chrome webkit pace-done pace-done nav-function-hidden blur */

/* mod-bg-1 desktop chrome webkit pace-done pace-done nav-function-hidden nav-function-minify blur */

.select2-container{z-index: 9999 !important;}

.findinselect {
position: absolute;
z-index: 999;
max-height: 19rem;
overflow-y: auto;
overflow-x: hidden;
max-width: calc(100% - 24px);}

.searchicon {
	position: absolute;
    top: 30px;
    right: 17px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.47;
    color: #495057;
}

.form-control2 {
    display: block;
    width: 100%;
    height: calc(1.47em + 1rem + 2px);
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.47;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.form-control2[disabled] {
    background-color: #f3f3f3;
    opacity: 1;
}

.form-control2[disabled] .cajas,
.form-control2[disabled] + .cajas {
    display: none;
}

.text-max-height {
max-height: 4rem;
overflow-y: auto;}

.box-shadow-none {box-shadow: none !important;}

.panel .panel-content,
.panel .panel-hdr {border: none !important;}

.panel .panel-hdr button {padding:0 !important;}

.header-user-info-content .header-user-info-dropdown {padding: 1rem 1.25rem !important;}

/* .page-breadcrumb {padding-left:1rem;} */

.page-footer.cajas {
margin-left: 2rem;
margin-bottom: 1rem;
width: calc(100% - 49px);}

.subheader-title small {margin:5px 0 0 !important;}

/* tooltip */
.tooltip .tooltip-inner {color: #FFF !important;}

/* Modal falso */
.swal2-container .swal2-title {text-align:left;padding:1.25rem 1.25rem;}
.swal2-container .swal2-html-container {text-align:left;margin: 0 1.25rem;}

.swal2-styled.swal2-confirm:focus,
.swal2-styled.swal2-default-outline:focus {
    box-shadow: none !important;
}

.swal2-cancel,
.btn-secondary{
color: var(--amarillo) !important;
background-color: var(--blanco) !important;
border-color:  1px solid var(--amarillo) !important;
}

.swal2-cancel:hover,
.btn-secondary:hover{
color: var(--amarillo) !important;
background-color: var(--blanco) !important;
border-color:  1px solid var(--amarillo) !important;
}

.swal2-popup {padding:0 !important;}

.swal2-popup .swal2-actions {padding: 1.25rem !important;margin: 0 !important;}

.ajustartop-8vw {margin-top: -0.8vw !important;}

table.dataTable {
margin-top: 0 !important;
margin-bottom: 0 !important;}

/* Checkbox simple */
[type='checkbox'] {
line-height: 1.3;
/* width: 0px !important; */
height: 0px !important;
}

.iconcheckbox:before,
[type='checkbox']:before {
visibility: visible;
content: "\f0c8";
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
font-size: 17px;
position: absolute;
margin-top: -14px;
margin-left: -1px;
color: #B4B5B8;}

/* Checkbox activo */
.iconcheckboxtrue:before,
[type='checkbox']:checked:before {
visibility: visible;
content: "\f14a";
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
font-size: 17px;
position: absolute;
margin-top: -14px;
margin-left: -1px;}

/* Checkbox deshabilitado */
[type='checkbox']:disabled:not(.exclude-disabled-style),
[type='checkbox']:disabled + label:not(.body-font-color),
[type='checkbox']:checked:disabled:not(.exclude-disabled-style) {
	opacity: .5 !important;
	cursor: no-drop;
}

[type="button"]:disabled, button:disabled {opacity: .5!important;}
[type="button"]:disabled,
[type="button"]:disabled a,
[type="button"]:disabled i,
button:disabled a,
button:disabled i,
button:disabled {cursor: no-drop!important;;}

.checkmark,
.geekmark {display: none !important;}

label {
display: inline-block;
margin-bottom: 0;
/* background: red; */
line-height: 1;}

.table {margin-bottom: 0 !important;}

#main_table_content.wrapper1 table.table,
#main_table_content.wrapper2 table.table,
#main_table_content.wrapper3 table.table {margin-bottom: 0 !important;}

#main_table_content.wrapper + #main_table_content.wrapper table.table {margin-top: -3px !important;}


.content_simplelist {
position: absolute;
width: calc(100% - 24px);
z-index: 999;
max-height: 19.5rem;
overflow-y: auto;}

.content_simplelist_cliente {
position: absolute;
width: calc(100% - 24px);
z-index: 999;
max-height: 19.5rem;
overflow-y: auto;}

.selectinput,
.searchoption,
.content_simpleinputtext {font-size:0.8125rem !important;}

.titulosespeciales {
    color: #9e9e9e !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    text-align: center;
    padding: 0 0 0.5rem;
	margin:0;
}


.titulosespeciales2 {
    font-weight: 500 !important;
    font-size: 16px !important;
    text-align: center;
    padding: 0 0 0.5rem;
	margin:0;
}

.border2 {
    border: 1px solid #e4e5e7 !important;
    box-shadow: none !important;
}


.extrainfo-small {
    font-size: 12px !important;
    color: #B4B5B8 !important;
}
/* .fondo-celda { */
    /* background-color: #fafafa; */
    /* color: #808080 !important; */
/* } */

.noHover{pointer-events: none;}

/*Ajustar las tablas que no tienen filtro de mostrar. EJEMPLO: Sección de mi trabajo*/
/* #atencion_renovacionespendientes table + div div:first-child , */
/* #atencion_implementaciones table + div div:first-child { */
    /* padding-left: 0 !important; */
/* } */

.dashboard-ventas .cajas {
    padding: 1rem;
}

.gray-percentage {
    color: #9b9ea3 !important;
}

.recortar-texto {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.contenedor-imagen {
    height: 20rem;
    overflow: hidden;
    position: relative;
}

.cortar-imagen {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}

.nav-function-minify:not(.nav-function-top) #renovacion_container {
    left: 8.2rem !important;
    width: calc(100% - 8.5rem) !important;
}

@media only screen and (max-width: 992px) {
    #renovacion_container  {
        left: 1.6rem !important;
        width: 92% !important;        
    }
}

#contenidosCustomInfo a:last-child,
.link-recursos a:last-child {
    border: none !important;
}

/*Badge para los estatus de clientes*/
.badge-status {
    color: #ffffff !important;
    padding: 3px 10px;
    font-size: 10px !important;
    border-radius: 5px;
    display: inline-block;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

/*estilos para el selector con la clase badge-status*/
select.badge-status {
    display: block;
    font-size: 13px !important;
}

select.badge-status option {
    background: white;
    color: #505050;
}

.badge-status-border {
    color: #666666 !important;
    padding: 3px 10px;
    font-size: 10px !important;
    border-radius: 5px;
    border: #b4b5b8 1px solid;
    display: inline-block;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.badge-label-border {
    color: #B4B5B8 !important;
    padding: 1px 5px;
    font-size: 9px !important;
    border-radius: 5px;
    border: #B4B5B8 1px solid;
    display: inline-block;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

/*
.bg-verde {
    background-color: #2ECC71;
}
.bg-rojo {
    background-color: #DB4D3F;
}
.bg-amarillo {
    background-color: #FFB606;
}
.bg-azul {
    background-color: #3498DB;
}
.bg-gris {
    background-color: #B4B5B8;
}
.bg-terciarygray {
    background-color: #B4B5B8;
}
.bg-morado {
    background-color: #533278;
}
*/
.wt {
    color:#f68e1f !important;
}
.bg-wt {
    background-color: #f68e1f;
}
.wl {
    color:#02b396 !important;
}
.bg-wl {
    background-color: #02b396;
}
.wc {
    color:#3d98ff !important;
}
.bg-wc {
    background-color: #3d98ff;
}

.bg-bodyfontcolor {
    background-color: #FFF;
}

.bg-white{background:#FFF !important;}

.bg-sinformato {
    background: transparent !important;
    color: #646569 !important;
}

.breadcrumb > li.breadcrumb-item:hover {
    max-width: 100% !important;
}

td:has(.td-parent-text-left) {
    text-align: left !important;
}

.titulo-Actividad {
    text-align: center;
}

.custom-control-label::before {
    border: #B4B5B8 solid 1px;
}

.custom-control-label {
    font-weight: 400;
    color: #666666 !important;
    font-size: 12px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: transparent; /*#e5a100;*/
    background-color: #2ECC71; /*#FFB606;*/
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(45, 204, 113, 0.7);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #68cc92; /*#ffd167*/
}

.titulo-Actividad {
    text-align: center;
}

.borde-edicion-inline {
    border-bottom: 1px dotted gray;
    cursor: pointer;
}

.custom-collapsible-open {
    height: auto !important;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.custom-collapsible-close {
    height: 0px !important;
}

.custom-collapsible-close div {
    display: none !important;
}

#tbl-contenidos-seguimiento-proyectos td:nth-child(1) {
    width: 10px;
}


td.hiddenRow {
    padding: 0;
    border: none;
}

.usuario-overlap {
    height: 1.7rem;
    width: 1.7rem;
    margin-right: -10px;
    border: 1px solid #fff;
}

textarea.form-control {
    min-height: 40px;
}

textarea.textarea-alto-auto {
    resize: none;
    overflow: auto;
    max-height: calc(50vh);
}

/* establecer el color blanco a los inputs que tengan el atributo readonly, no  tengan disabled y que sean datepicker */
.form-control.hasDatepicker[readonly]:not([disabled]),
.form-control.hasDatepicker[readonly]:not([disabled]) + .limpiar-fecha span {
    background-color: white !important;
    cursor: default;
}

.hide-after::after {
    display: none;
}

.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
    left: -1rem;
    top: 50%;
    transform: translate(-50%, -50%);
}

.custom-control-input[type='checkbox']:disabled + label:not(.body-font-color) {
    opacity: 1 !important;
    cursor: default;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #e5a100;
}

.subtitulo {
    color: #686868 !important;
    font-weight: 500 !important;
    margin: 0;
}

.modal-mediano {
    max-width: 40% !important;
}

.modal-largo {
    max-width: 60% !important;
}

@media only screen and (max-width: 1600px) {
    .modal-mediano {
        max-width: 46% !important;
    }
}

@media only screen and (max-width: 1440px) {
    .modal-mediano {
        max-width: 50% !important;
    }
}

.check-readonly[type='checkbox']:before {
    opacity: 0.7 !important;
}

/*Cambia el color del texto del selector cuando no se ha seleccionado ninguna opcion*/
#form-plataforma-ldr select:has(option:checked[value=""]),
.form-nofilled select:has(option:checked[value=""]),
.selectorCheckContentText.disabled-custom:not(.select-check-is-empty) span,
.selectorCheckContentText.disabled-custom .fa-angle-down {
  color: #9b9ea3 !important;
}

/*Mantiene el color oscuro en las opciones cuando no se ha seleccionado ninguna opcion*/
#form-plataforma-ldr select:has(option:checked[value=""]) option,
.form-nofilled select:has(option:checked[value=""]) option,
.form-nofilled select:has(option:checked[value=""]) optgroup {
  color: #495057;
}
.circle-number {
    background: #6A6C6F;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    color: #FFF !important;
    line-height: normal;
}

.contenedor-terciarygray {
    padding: .5rem;
    border-radius: 5px;
    background: #F2F3F4;
}

.remove-iframe {
    display: none;
}

.modal.show .remove-iframe {
    display: inline-block !important;
    position: relative;
    left: 10px;
    top: 33px;
    border-radius: 50px;
    /* color: #fff !important; */
}

.iframe-preview {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    border-radius: 5px;
    display: block;
}

.iframe-preview + iframe {
    display: none !important;
}

.iframe-preview.d-none + iframe {
    display: block !important;
}

table.table [id*="videocontainerwk_"],
table.table img:not(.usuario-overlap),
table.table video,
table.table iframe {
    display: none !important;
}

[id*="videocontainerwk_"]:focus,
[id*="videocontainerwk_"] .iframe-preview:focus,
[id*="videocontainerwk_"] .remove-iframe:focus,
[id*="videocontainerwk_"] .remove-iframe i:focus {
    outline: none;
}

.descripcionContenedorInformacionSolicitud img {
    max-width: 100% !important;
}

/* .note-popover .popover-content {
    display: none !important;
} */

#mostrarVideo .modal-dialog {
    position: absolute !important;
    width: 90% !important;
    max-width: 90% !important;
    height: 90% !important;
    left: 5% !important;
}

#mostrarVideo .modal-dialog .modal-content {
    height: 100%;
}

#mostrarVideo .modal-dialog .modal-content iframe {
    width: 100% !important;
    height: 100% !important;
}

.fake-video {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 5px !important;
}

.fake-video::after {
    content: '';
    display: block;
    background: gray;
    height: 140px;
    width: 97%;
    position: relative;
    top: -140px;
    left: 0px;
    z-index: 1;
    opacity: 0.5;
    border-radius: 5px;
    cursor: pointer;
}

.status:before {
    background: #db4d3f;
    width: 10px;
    height: 10px;
    right: -2px;
    top: 1px;
}

/*Al pasar el cursos por la barra de progreso en una tabla, para mostrar el avance*/
tr td .progress {position: relative;}
tr td .progress-bar {position: absolute; height: 100%;}
tr td .etiquetaProgreso {position: relative; color: transparent !important;}

tr:not(.trempty):hover td .etiquetaProgreso,
tr td .etiquetaProgreso {
    color: #ffffff !important;
    margin: 0 auto;
    border-radius: 10px;
    height: 12.5px;
    font-size: 10px !important;
}


tr:not(.trempty):hover td .etiquetaProgreso {
    /*color: #454545 !important;
	background-color: #ffffff45;*/
}

/* #agregar-modal,
#agregar-modal_1,
#modal_add_bitacora_main {z-index: 2051 !important;} */

#agregar-modal,
#agregar-modal_1 {z-index: 2051 !important;}

.option-inactive {
    color: #aaaaaa;
    background-color: #f3f3f3;
}

.readonly {
    background-color: #f3f3f3;
    opacity: 1;
    pointer-events: none !important;
}

/* si la tabla tiene la clase hide-border-next-col (se aplica cuando se agrega la imagen del cliente)
    para el primer th o th del header y body se escondera el border derecho
*/
table.hide-border-next-col thead th:first-child,
table.hide-border-next-col tbody td:first-child {
    border-right: none;
    color: transparent !important;
}

/* si la tabla tiene la clase hide-border-next-col (se aplica cuando se agrega la imagen del cliente)
    para el segundo th o th del header y body se escondera el border izquierdo
*/
table.hide-border-next-col thead th:nth-child(2),
table.hide-border-next-col tbody td:nth-child(2) {
    border-left: none;
    padding-left: 0.25rem;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

td.border-top-bold {
    border-top: 2px solid #e5e4e4;
}

/* INICIO PANEL LATERAL*/
div#bodyPanelLateralFondo {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2048;
    top: 0;
    left: 0;
    opacity: .15;
}

.bodyPanelLateral {
    position: fixed;
    height: 100%;
    width: 40%;
    background: #FFF;
    opacity: 1;
    top: 0;
    right: -100%;
    /* right: 0; */
    box-shadow: -1px 0 10px #dee2e6;;
    transition: right .25s ease;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 2049;
}

/*Remueve el background y la flecha del selector y bordes de los datepickers*/
#bodyPanelLateral select:disabled,
#bodyPanelLateral input:not(.fecha)[readonly] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
}
/* FIN PANEL LATERAL*/

@media (min-width: 992px) {
    .col-20-pc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.not-form-control-format:not(.is-invalid) {
    border: none !important;
}

.not-form-control-format {
    background-color: #FFF !important;
    opacity: 1;
    padding: 0 !important;
    height: auto;
    -webkit-appearance: none; /* Oculta la apariencia nativa */
    -moz-appearance: none;
    appearance: none;
    background: none; /* Opcional: elimina el fondo */
}

.not-form-control-format::-ms-expand {
    display: none;
}

.hide-option {
    display:none;
    visibility:hidden;
    height:0;
    font-size:0;
}

.highlight-row {
    border: 2px solid #007bff;
}

.bg-celda-inactiva {
    background-color: #f9f9f9 !important;
}

.ws-pre-line {
    white-space: pre-line;
}

/* Quitamos el borde rojo exterior del contenedor completo de Summernote */
.note-editor.is-invalid {
    border-color: #dee2e6 !important; /* O el color gris por defecto de tu plantilla */
    box-shadow: none !important;
}

/* Aplicamos el borde rojo ÚNICAMENTE a la caja de edición (área blanca) */
.note-editor.is-invalid .note-editing-area {
    border: 1px solid #dc3545 !important; /* Rojo de Bootstrap */
}

/* Agregamos el sombreado difuminado de foco (focus) solo a la caja blanca cuando el usuario hace clic */
.note-editor.is-invalid:focus-within .note-editing-area {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
    z-index: 500;
}

/* Cuando Summernote bloquea el editor, le aplica 'contenteditable="false"' a la caja de texto */
.note-editor .note-editable[contenteditable="false"] {
    background-color: #f3f3f3 !important; /* El gris exacto de campos deshabilitados en Bootstrap */
    color: #6c757d !important;            /* Texto gris tenue */
    cursor: not-allowed !important;       /* Cursor de bloqueo (círculo tachado) */
}

/* Opcional: Asegurar que el contenedor general se vea bloqueado */
.note-editor .note-editable[contenteditable="false"] ~ .note-toolbar {
    background-color: #f3f3f3;
    opacity: 0.6;
    pointer-events: none; /* Evita cualquier interacción con los botones */
}

.note-editor .note-editing-area .table th, 
.note-editor .note-editing-area .table td {
    border-top: 1px solid #E5E5E5 !important;
}

.note-editor .note-editing-area .table-bordered th,
.note-editor .note-editing-area .table-bordered td {
    border: 1px solid #E5E5E5 !important;
}

.note-editor .note-editing-area table.table,
.note-editor .note-editing-area table.table tbody tr,
.note-editor .note-editing-area table.table tbody tr td,
.note-editor .note-editing-area table.table tbody tr td span,
.note-editor .note-editing-area table.table tbody tr td p,
.note-editor .note-editing-area table.table tbody tr td div {
    color: #666666 !important;
    background: #FFF !important;
    background-color: #FFF !important;
}

.note-editor .note-editing-area table.table,
.note-editor .note-editing-area table.table tbody tr:hover,
.note-editor .note-editing-area table.table tbody tr:hover td,
.note-editor .note-editing-area table.table tbody tr:hover td span,
.note-editor .note-editing-area table.table tbody tr:hover td p,
.note-editor .note-editing-area table.table tbody tr:hover td div {
    color: #666666 !important;
    background: #FFF !important;
    background-color: #FFF !important;
}

.note-editor .note-editing-area table.table:not(.nohover) tbody tr:not(.trfooter):not(.trempty):hover :not(.selectorCheckContentText) > span:not(.badge-status):not(.fa-square),
.note-editor .note-editing-area table.table:not(.nohover) tbody tr:not(.trfooter):not(.trempty):hover td,
.note-editor .note-editing-area table.table:not(.nohover) tbody tr:not(.trfooter):not(.trempty):hover td span,
.note-editor .note-editing-area table.table:not(.nohover) tbody tr:not(.trfooter):not(.trempty):hover td p,
.note-editor .note-editing-area table.table:not(.nohover) tbody tr:not(.trfooter):not(.trempty):hover td div {
    color: #666666 !important;
    background: #FFF !important;
    background-color: #FFF !important;
}


.nav-menu li a {
    padding: 0.8125rem 2rem !important;
}

.nav-menu li > ul li a {
    padding: 0.6rem 2rem 0.6rem 3rem !important;
}

.nav-menu li > ul li > ul li a {
    padding: 0.6rem 2rem 0.6rem 3.75rem !important;
}

input[type="checkbox"].is-invalid::before {
    color: #DB4D3F;
}

input[type="checkbox"].is-valid::before{
    color: #2ECC71;
}

table.table.table-bordered thead {
    position: sticky;
    top: -1px;
    z-index: 1;
}

#contentTabsMiTrabajo table.table.table-bordered thead {
    top: 53px !important;
}

.evento-pasado div,
.evento-pasado {
    background: var(--sinrespuesta) !important;
    border-color: var(--sinrespuesta) !important;
    color: #FFF !important;
}

.evento-pasado .fc-daygrid-event-dot {
    border-color: #FFF !important;
}

.input-height-26 {
    height: 26px !important;
}

.container-scroll,
.container-scroll-70 {
    max-height: calc(70vh);
    overflow: auto;
}

.container-scroll-90 {
    max-height: calc(90vh);
    overflow: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.input-group .form-control.is-invalid + .input-group-append .input-group-text,
.input-group .form-control.is-invalid ~ .input-group-text,
.input-group .input-group-prepend .input-group-text.is-invalid {
  border-color: #dc3545;
}

.input-group .form-control.is-valid + .input-group-append .input-group-text,
.input-group .form-control.is-valid ~ .input-group-text,
.input-group .input-group-prepend .input-group-text.is-valid {
  border-color: #28a745;
}

td.is-valid {
  border-bottom: 3px solid #28a745 !important;
  border-top: 2px solid #28a745 !important;
  border-left: 1px solid #28a745 !important;
  border-right: 1px solid #28a745 !important;
}

tbody:last-child tr:last-child td.is-valid {
  border-bottom: 1px solid #28a745 !important;
  border-top: 1px solid #28a745 !important;
  border-left: 1px solid #28a745 !important;
  border-right: 1px solid #28a745 !important;
}

td.is-invalid {
  border-bottom: 3px solid #dc3545 !important;
  border-top: 2px solid #dc3545 !important;
  border-left: 1px solid #dc3545 !important;
  border-right: 1px solid #dc3545 !important;
}

tbody:last-child tr:last-child td.is-invalid {
    border-bottom: 1px solid #dc3545 !important;
    border-top: 1px solid #dc3545 !important;
    border-left: 1px solid #dc3545 !important;
    border-right: 1px solid #dc3545 !important;
}


table.table td.saludable:has(input[type="radio"]:checked),
table.table td.saludable input[type="radio"]:checked + label,
table.table td.saludable input[type="radio"]:checked + label span {
    border-color: #28a745 !important;
    background: #28a745 !important;
    color: #FFF !important;
}

table.table td.riesgo:has(input[type="radio"]:checked),
table.table td.riesgo input[type="radio"]:checked + label,
table.table td.riesgo input[type="radio"]:checked + label span {
    border-color: #ffb606 !important;
    background: #ffb606 !important;
    color: #FFF !important;
}

table.table td.critico:has(input[type="radio"]:checked),
table.table td.critico input[type="radio"]:checked + label,
table.table td.critico input[type="radio"]:checked + label span {
    border-color: #dc3545 !important;
    background: #dc3545 !important;
    color: #FFF !important;
}

table.table td.forzado:has(input[type="radio"]:checked),
table.table td.forzado input[type="radio"]:checked + label,
table.table td.forzado input[type="radio"]:checked + label span {
    border-color: var(--sinrespuesta) !important;
    background: var(--sinrespuesta) !important;
    color: #FFF !important;
}

.visibility-hidden {
    visibility: hidden !important;
}

.br-5px {
    border-radius: 5px !important;
}

#addModalModuloTareasProyectos_Tareas .modal-dialog,
#addModalModuloTareasProyectos_TareasHeader .modal-dialog {
    max-width: 50% !important;
}

.cajaComentarios {
    border: 1px solid #E5E5E5;
    padding: .5rem 1rem;
    border-radius: 5px;
}

#panel-modulo-tareas-proyectos-html .contenedor_doble_click .form-control {
    height: 20px !important;
    padding: 0 !important;
    font-size: 10px !important;
}


.content-files {
	background-color: #f3f4f6 !important;
	padding: 1rem !important;
	border-radius: 5px;
}

.text-decoration-none {
    text-decoration: none !important;
}

.small-select {
    height: 20px !important;
    padding: 0 !important;
    font-size: 10px !important;
}

.pointer-events-none {
    pointer-events: none !important;
}