/*#region general*/

.redondeado{
    border-radius:10px!important;
}

.circular{
    border-radius:50px!important;
}

@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 3000px!important;
    }
}

.card-header-sinfechas{
    justify-content:center!important;
}

.divtarjetacontenedora{
    position:relative;
}

.ganchomovimientotarjetas{
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 12px;
}

.comboAnchoTarjeta{
position: absolute;
    top: 9px;
    right: 30px;
    height: 36px!important;
    font-size: 1rem;
    width:110px!important;
}

#header_container{
    align-items:flex-start!important;
}

#header_title{
    margin-top: 20px!important;
}

.fondo_blanco{
    background-color:white;
}

.select2-dropdown{
        width: max-content!important;
}
/*#endregion general*/

/*#region Menú lateral  principal*/

.menu-link{
    display:block!important;
}
.menu-link > .menu-icon{
    text-align:center;
    width: 100%!important;
    justify-content: center!important;
}
.menu-link > .menu-title{
    width: 100%;
    justify-content: center;
}
@media (min-width: 992px){
    .aside .aside-menu {
    width: 155px;
    }
}
#kt_aside{
    width:155px
}

.aside-menu{
    padding-top: 6px;
}

@media (min-width: 992px){
    .aside .aside-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 65px;
    padding:0!important;
}
}

@media (min-width: 992px){
.aside-enabled.aside-fixed.header-fixed .header {
    left: 155px;
    transition: left .3s ease;
}
}

@media (min-width: 992px){
    .aside-enabled.aside-fixed.toolbar-fixed .toolbar {
    left: 155px;
    transition: left .3s ease;
    }
}

@media (min-width: 992px){
    .aside-enabled.aside-fixed .wrapper {
    transition: padding-left .3s ease;
    padding-left: 155px;
    }
}
.aside-menu .menu-item .menu-link.active {
    transition: color .2s ease,background-color .2s ease;
    background-color:#1e1e2d;
    color: #3699FF;
}
.aside-menu .menu-item .menu-link.active .menu-icon i {
    color: #3699FF;
}
.aside-menu .menu-item .menu-link .menu-icon i {
    color: #3699FF!important;
}
.aside .aside-logo {
    background-color: #1e1e2d;
}
/*#region Menú lateral  principal*/

/*#region Header*/
#kt_header{
    background-color:white;
}

@media (min-width: 992px){
   
 .header .header-menu .menu>.menu-item>.menu-link {
 padding-top: 20px!important;
}
.header .header-menu .menu>.menu-item>.menu-link.active {
    transition: color .2s ease,background-color .2s ease;
    background-color:#f3f6f9 ;
    color:#181c32;
}
.header .header-menu .menu>.menu-item>.menu-link.active .menu-title{
    transition: color .2s ease,background-color .2s ease;
    background-color:#f3f6f9 ;
    color:#181c32;
}
}

.topbar .topbar-item i {
    color:#3699FF;
}

.topbar .topbar-item:hover i{
    color:#181c32!important;
}

@media (min-width: 992px){
    .header-fixed.toolbar-fixed .wrapper {
    padding-top: calc(10px + var(--kt-toolbar-height));
}

}

.nodo-dashboard{
    padding-top:20px
}
.btnuser-header{
    padding-top:10px;
}
/*#endregion Header*/

/*#region cartera*/
.apexcharts-toolbar{
    margin-top:-10px;
}
#kt_accordion_1_cartera{
    width:462px;
}

.form-check.form-check-custom{
    margin-bottom:5px;
}

.spinner-cartera{
    margin-top:-400px;
}
/*#endregion cartera*/

/*#region migracion*/
.vis-item.red {
  color: white;
  background-color: red;
  border-color: darkred;
}
.vis-item.green {
  color: white;
  background-color: green;
  border-color: darkgreen;
}
.vis-item.yellow {
  color: black;
  background-color: yellow;
  border-color: darkkhaki;
}
.vis-item.blue {
  color: white;
  background-color: cornflowerblue;
  border-color: darkslategrey;
}

/*.vis-item div div {
  transform: translateX(0px)!important;
}
*/
.card .card-header {
    display: flex;
    justify-content: flex-start!important;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 70px;
    padding: 0 2.25rem;
    background-color: transparent;
    border-bottom: 1px solid #eff2f5;
    align-content: stretch;
    flex-direction: row;
}

#licenciasRealesProductoMigracion{
    height: 43px;
    margin-top: 10px;
}

/*#zonatarjetasDetallemigraciones >div>div>div.card-body>div> div.row > div.col-sm-12.col-md-5.d-flex.align-items-center.justify-content-center.justify-content-md-start{
    display:none!important;
}*/

#zonatarjetasDetallemigraciones >div>div>div.card-body>div> div.row {
    display:none!important;
}

@media (max-width: 1199px){
    #header_container{
        width: 600px;
    }
}

@media (min-width: 1199px){
    #header_container{
        width: 1000px;
    }

    #guardarConfiguracionMigraciones{
            margin-left: -180px;
    margin-right: 25px;
    }
    #btnPantallaCronograma{
            margin-left: -50px;
    margin-right: 20px;
    }
}


/*#endregion migracion*/

/*#region actualizaciones*/

.btn-chkhistoricoactu{
     /*5   margin-top: 40px!important;*/
    margin-left: 5px!important;
	height:15px;
}

.btn-chkhistoricocronoactu{
   margin-top: 40px!important;
    margin-left: 5px!important;
}


.lbl-chkhistoricoactu{
    /* margin-top: 37px!important;*/
    margin-right: 5px!important;
    margin-left: 2px!important;
}

.w-11{
    width:11%!important;
}

#tarjetaA > div > div.card-header.border-0.pt-5 > div.w-50.ms-3{
    margin-top:25px!important;
}

.tecnicocronoactu{
    cursor:pointer;
}

#zonatarjetasCronogramaactualizaciones > div.vis-timeline.vis-bottom.vis-ltr > div.vis-panel.vis-left > div.vis-content > div > div{
    border-bottom: 1px solid #e6e6e6
}

.kt_datepickerActualizacion,#btnlimpiarfiltrosactu{
        margin-top:-10px;
}

.bold{
    font-weight:bold;
}

.cursor-pointer{
    cursor:pointer;
}

.openmodalobs{
    cursor:pointer;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:210px;
}
#kt_datatable_A > thead > tr > th > div > span > span.selection > span > button{
    top: 10px;
    right: 5px;
}

#zonatarjetasActualizaciones{
    font-size:0.9rem!important;
}

#zonatarjetasActualizaciones input, #zonatarjetasActualizaciones select{
    padding:5px!important;
}

#select2-filteractuprioridad-container > span, #select2-filteractuestado-container > span{
        font-size:0.9rem!important;       
}
#kt_datatable_A > thead > tr > th> div > span > span.selection > span{
     padding:5px!important;
      font-size:0.9rem!important;   
}
.actufilterinput{
    font-size:0.9rem;
}
#kt_datepicker_actualizaciones_desde, #kt_datepicker_actualizaciones_hasta{
    font-size:0.9rem;
}

#dtactualizaciones > tbody > tr > td{
    padding:5px;
    padding-left:12px;
}
/*#endregion actualizaciones*/

/*#region proyectos*/
.tt-dataset-origenes{
    background-color:white;
    padding-left:5px;
    border-radius:5px;
}
.tt-suggestion{
    margin-top:10px;
    margin-bottom:10px;
    border-radius:5px;
    padding-top:5px;
    font-weight: 500;
    color: #3f4254;
}
.tt-suggestion:hover{
    cursor:pointer;
    background-color:lightblue;
}
.tt-highlight{
    color: #3699FF!important;
    font-weight:800;
}
#kt_stepper_proyectos_form > div.mb-5 > div.flex-column.current > div:nth-child(2) > span > div{
    width:100%;
}

table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after{
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' fill='%23A1A5B7'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.42111 2.06463C4.22088 1.96161 3.9637 1.9809 3.78597 2.12863L0.177181 5.12847C-0.046034 5.31402 -0.0602611 5.63049 0.145404 5.83532C0.351069 6.04015 0.698744 6.05578 0.921959 5.87023L4.14137 3.19406L7.06417 5.84414C7.27904 6.03896 7.62686 6.03835 7.84105 5.84278C8.05524 5.64721 8.05469 5.33073 7.83982 5.13591L4.54449 2.14806C4.50704 2.1141 4.46541 2.08629 4.42111 2.06463Z'/%3e%3c/svg%3e);
    position: absolute;
    top: 20px;
    left: -10px;
}

.jkabanproyectos > div > div {
    background-color:#e8e8e8!important;
}

.color0{
    border-color:white!important;
}
.color1{
   /* border-color:#FF8A00!important;*/
    border-color:lightblue!important;
}
.color2{
    /*border-color:#F5D702!important;*/
    border-color:yellow!important;
}
.color3{
    border-color:#A0F57C!important;
}
.color4{
    border-color:#ACFAF1!important;
}
.color5{
    /*border-color:#63ABDB!important;*/
    border-color:green!important;
}
.color6{
    border-color:red!important;
    /*border-color:#bc7cff!important;*/
}
.color7{
    border-color:#FF81A8!important;
}
.color8{
    border-color:#FF7267!important;
}
.color9{
    border-color:#FF1200!important;
}
.color10{
    border-color:#FFFEAA!important;
}
.color11{
    border-color:#BAB7EB!important;
}

.colorFondo1{
   /* background-color:#FF8A00!important;*/
    background-color:lightblue!important;
}
.colorFondo2{
    /*background-color:#F5D702!important;*/
    background-color:yellow!important;
}
.colorFondo3{
    background-color:#A0F57C!important;
}
.colorFondo4{
    background-color:#ACFAF1!important;
}
.colorFondo5{
    /*background-color:#63ABDB!important;*/
    background-color:green!important;
}
.colorFondo6{
    background-color:red!important;
    /*background-color:#bc7cff!important;*/
}
.colorFondo7{
    background-color:#FF81A8!important;
}
.colorFondo8{
    background-color:#ff7000!important;
}
.colorFondo9{
    background-color:#941bff!important;
}
.colorFondo10{
    background-color:#FFFEAA!important;
}
.colorFondo11{
    background-color:#BAB7EB!important;
}

.colorFinDeSemana{
    background-color:lightgray!important;
}
.colorbloqueo{
    background-color:#4242428f!important;
}
.borderItemColorCronogramaProyectos{
    border-width:6px!important;
}

.codincidenciaseleccion:hover{
    cursor:pointer;
    font-weight: 700;
    transition-duration:0.5s;
}

.cronogramapar{
    background-color:#dbe6ff6e;
    max-height:700px
}
.cronogramaimpar{
    max-height:700px;
    background-color:#ffffff6e;
}
#zonatarjetasCronogramaproyectos .vis-timeline{
    max-height:1375px!important;
}
.vis-timeline{
    max-height:750px!important;
}
#zonatarjetasCronogramaproyectos{
    align-content: baseline;
}

.inicioretrasado{
    /*background-color:dodgerblue!important;*/
    background-color:#3ea0ff!important;
    color:white!important;
}
.horassuperadas{
    /*background-color:red!important;*/
    background-color:#ff6565!important;
    color:white!important;
}
.retrasada{
    /*background-color:orange!important;*/
    background-color:#ffbc42!important;
    color:white!important;
}
.retrasadaicono{
    color:orange!important;
}
.noiniciada{
    /*background-color:grey!important;*/
    background-color:#908f8f!important;
    color: white!important;
}
.noiniciadaicono{
    color:grey!important;

}

.inicioretrasado-horassuperadas{
    /*background:linear-gradient(90deg, dodgerblue 50%,  red 50%)!important;*/
    background:linear-gradient(90deg, #3ea0ff 50%,  #ff6565 50%)!important;
    color:white!important;
}

.inicioretrasado-retrasada{
    /*background:linear-gradient(90deg, dodgerblue 50%,  orange 50%)!important;*/
    background:linear-gradient(90deg, #3ea0ff 50%,  #ffbc42 50%)!important;
    color:white!important;
}

.inicioretrasado-horassuperadas-retrasada{
    /*background: linear-gradient(90deg, dodgerblue 33%, red 33%, red 70%, orange 10%)!important;*/
    background: linear-gradient(90deg, #3ea0ff 33%, #ff6565 33%, #ff6565 70%, #ffbc42 10%)!important;
    color:white!important;
}

.horassuperadas-retrasada{
    /*background:linear-gradient(90deg, red 50%, orange 50%)!important;*/
    background:linear-gradient(90deg, #ff6565 50%, #ffbc42 50%)!important;
    color:white!important;
}

.inicioretrasado-noiniciada{
    /*background:linear-gradient(90deg, dodgerblue 50%, grey 50%)!important;*/
    background:linear-gradient(90deg, #3ea0ff 50%, grey 50%)!important;
    color:white!important;
}

.vis-timeline .vis-time-axis .vis-grid.vis-minor {
    border-left: 1px solid #3699ff!important;
    border-right: 1px solid #3699ff!important;
}

#cronogramaproyectoseleccionado{
    background-color:white;
    border-radius:10px;
    margin-bottom:10px;
}
#cronogramaoperadoresproyectoseleccionado{
    background-color:white;
    border-radius:10px;
    margin-bottom:10px;
}

.cornogramaheader{
    height: 50px;
    color: white;
    background-color: #3699ff;
    display: flex;
    justify-content: center;
    align-items:center;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    font-size:1.6rem;
}

.cronogramabody{
    padding: 25px;
    background-color: #e8e8e8;
    display: flex;
    justify-content: center;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.select2-results__options{
    max-height: 500px;
    overflow: auto;
}
.select2-results__options > li > ul{
    max-height:100%!important;
}

.color88F1F7{
    background-color:#88F1F7!important;
}

.colorFF5B0D{
    background-color:#FF580D!important;
    color:white!important;
}

.colorABDA1F{
    background-color:#ABDA1F!important;
}
.colorFF0080{
    background-color:#FF0080!important;
    color:white!important;
}
.color86EAB0{
    background-color:#86EAB0!important;
}
.color808000{
    background-color:#808000!important;
    color:white!important;
}
.colorE6F960{
    background-color:#E6F960!important;
}
.color808080{
    background-color:#808080!important;
    color:white!important;
}

color2C16E9{
     background-color:#2C16E9!important;
    color:white!important;
}

#dtvisorproyectos > tbody > tr > td{
    padding:3px;
}

.modal-2000{
    max-width:2000px;
}
.badge_acciones_proyecto{
    position:absolute;
    right:-6px;
    top:-7px;
}
.btnacordeonproyectos{
    padding:5px;
}
.btnacordeonproyectos div p{
    margin-bottom:5px;
}
.codincidenciaseleccion{
    width:fit-content;
}
#dtvisorproyectos{
    background-color:white;
    padding-left:10px;
    border-radius:10px;
}
#dtvisorproyectos > tbody > tr> td{
    vertical-align:middle;
}

@media (min-width:1840px){
    #leyendaProyectos{
        position: absolute;
        left: 50%;
        top: 20px;
    }
}
.diaCronogramaFormateado{
    background-color: lightblue;
    padding: 3px;
    border-radius: 5px;
    color: white;
    margin-left:2%;
}
#zonatarjetasCronogramaproyectos > div.vis-timeline.vis-bottom.vis-ltr > div.vis-panel.vis-center > div.vis-content > div > div.vis-foreground > div> div.vis-item.vis-range.cronogramafestivo,
#cronogramaproyectoseleccionado .cronogramafestivo{
    height: 100%;
    /*height:50px;*/
    border-radius: 0px!important;
    border: none!important;
    opacity:0.7;
    z-index: 0;
}
#tarjetaA > div > div.card-header.border-0.pt-5 > div > span{
    z-index:9999;
}
#zonatarjetasCronogramaproyectos #contenedorTituloTarjetaA{
    align-self: start;
}

#cronogramaoperadoresproyectoseleccionado .cronogramafestivo{
        height: 100%;
        /*height:50px;*/
    border-radius: 0px!important;
    border: none!important;
    opacity:0.7;
    z-index: 0;
}

#tarjetaA > div > div.card-header.border-0.pt-5 > div > span > span.selection > span > button{
    top: 20%;
    right: 4px;
}

.festivosubgrupo{
    top:0!important;
    max-height:700px
}

.incidenciasinempezar{
    background-color: #d1d1d1!important;
    color: black!important;
}
.btn-copiar-proyecto-codproyecto{
    padding: 3px!important;
    padding-left: 11px!important;
    padding-bottom: 5px!important;
    position: absolute;
    margin-left: 72px;
    margin-top: -80px;
    cursor:pointer;
}

.btn-copiar-proyecto-codproyecto:active{
    transform:scale(0.9);
    transition-duration:0.5s;
}

.swalRestrasoProyecto{
    height:630px;
}
.swalRestrasoProyecto #swal2-html-container{
    height: 390px;
    max-height: none;
}

.vis-saturday{
    background-color:#e4e4e4;
}
.vis-sunday{
    background-color:#e4e4e4;
}
#ModalIncidenciaProyecto{
    z-index:9999;
}

.svg-chart-container{
    width:100%;
}

.chart-container > svg > g.chart > g > g.nodes-wrapper > g > foreignObject > div > div
{
  border: 3px solid #FF5205;
}

.chart-container > svg > g.chart > g > g.nodes-wrapper > g > foreignObject > div > div > div > div
{
  padding-bottom: 8px !important;
  padding: 4px !important;
}

.chart-container-Inci > svg > g.chart > g > g.nodes-wrapper > g > foreignObject > div > div
{
  border: 3px solid #FF5205;
}

.chart-container-Inci > svg > g.chart > g > g.nodes-wrapper > g > foreignObject > div > div > div > div
{
  padding-bottom: 8px !important;
  padding: 4px !important;
}
@media (min-width: 2230px){
    #zonatarjetasCronogramaproyectos > div.vis-timeline.vis-bottom.vis-ltr > div:nth-child(1) > div > div:nth-child(2){
        /*margin-left: -90px!important;*/
    }
}

.flatpickr-disabled{
    color: #eeeeee!important;
}

button.btn.btn-primary.copiarPortapapeles.btn-copiar-proyecto-codproyecto{
    position: absolute;
    left: -72px;
}

.horasrealessuperadas{
    background-color:#f4c1cf!important;
}
/*#endregion proyectos*/

/*#region comun*/
@media (min-width: 1025px){
    .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    }
}

@media (min-width: 1441px){
    .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}
}

#logoempresa{
    height: auto;
    width:80%;
    align-self: center;
    mix-blend-mode: multiply;
}

.tablapar{
    background-color:#dbe6ff6e;
}
.tablaimpar{
    background-color:#ffffff6e;
}
#kt_datatable_A > tbody > tr > td{
    vertical-align: middle;
    padding:0px;
}

#tarjetaA > div > div.card-body{
    padding-bottom:10px;
}

/*#endregion comun*/

/*#region errores*/

#dterrores > tbody > tr > td{
    padding:5px;
    padding-left:12px;
}

#dterrores > tbody > tr.even{
    background-color:white;
}

#dterrores > tbody > tr:hover{
      background-color: #ffe0ba;
    font-weight: 800;
}

.abrirmodalproblema,.abreincidenciaerror{
    cursor:pointer;
}
#kt_body > div.dtfh-floatingparent.dtfh-floatingparenthead{
        margin-top: 57px;
}
/*#dterrores > thead{
    position: fixed;
    top: 65px;
    background-color: white;
    border-radius: 10px;
}*/
/*#dterrores{
        margin-top: 100px!important;
}*/

/*#dterrores > thead > tr > th{
    padding-left:0px;
}*/

#dtvisorproyectos > tbody > tr> td:nth-child(9) > span{
     border-right: 3px solid #afafaf;
    border-bottom: 3px solid #afafaf;
    padding-right: 4px!important;
    padding-left: 4px;
    margin-right: 4px;
    display: inline-block;
    height: 31px;
    border-radius: 8px;
}

#dtvisorproyectos > tbody > tr > td:nth-child(9) > span > span{
    vertical-align: -webkit-baseline-middle;
}
#zonatarjetasCronogramaproyectos > div.vis-timeline.vis-bottom.vis-ltr > div:nth-child(1) > div > div.col-xl-12{
    margin-top: -10px;
    margin-left: 18px;
}

.error-seleccionado{
    background-color:#ffe0ba!important;
    color:white;
    font-weight:600!important;
}

#dterrores > tbody > tr > td{
    border: 1px solid #b1aeae;
}

#dterrores > tbody > tr > td:nth-child(5) > span:nth-child(2){
    display:inline-block;
    height:0px;
    overflow:hidden;
}

#exportarErroresExcel{
    width: 54px;
    height: 43px;
}
/*#endregion errores*/