.datepicker

{

    z-index: 1000!important;

}



.vich-image > a > img

{

    max-width: 100%;

}



.step_no {

    background: #26B99A;

}



.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no {

    background: #26B99A;

    color: #fff;

}



.wizard_verticle ul.wizard_steps li a.selected:before, .step_no {

    background: #26B99A;

    color: #fff;

}



.paso

{

    margin-top: 20px;

    height: 80px;

}



a {

    color: black;

}



.altura-maxima

{

max-height: 600px; 

overflow-y: auto;

}



.page_content

{

    background-color: #f5f5f5;

}



.x_panel

{

    -webkit-box-shadow: 2px 2px 5px #999;

    -moz-box-shadow: 2px 2px 5px #999;

    filter: shadow(color=#999999, direction=135, strength=2);

}



.tile-stats

{

    -webkit-box-shadow: 2px 2px 5px #999;

    -moz-box-shadow: 2px 2px 5px #999;

    filter: shadow(color=#999999, direction=135, strength=2);

}



.caja_sub_panel_parent

{

    height:auto;

    display: flex;

    flex-flow: row column;

}



.caja_sub_panel

{

    -webkit-box-shadow: 2px 2px 5px #999;

    -moz-box-shadow: 2px 2px 5px #999;

    filter: shadow(color=#999999, direction=135, strength=2);

    flex: 1 1 100%;

    display: flex;

    align-items: center;

}



.caja_sub_panel_hijo

{

}



.timeline-location {

    width: 200px;

}



a.link_resumen

{

    color: #73879C!important;

}



.btn

{

    font-size: inherit!important;

}



.btn-primary {

    color: #fff;

    background-color: #2A3F54!important;

    border-color: #2A3F54!important;

}



.timeline-date

{

    font-size: 1rem;

}



.tile-stats

{

    height: 90%;

    margin-bottom: 12px;

    padding-bottom: 5px;

    word-wrap: break-word;

    overflow-wrap: break-word;

}



.tile-stats > h3

{

    font-weight: 400;

    word-wrap: break-word;

}



.tile-stats .count2 {

    font-size: 1.1rem;

    font-weight: bolder;

    /*line-height: 1.65857143;*/

}



.altura-doble

{

    height: 190%!important;

}



.titulo-primario

{

    color: #fff;

    background-color: #2A3F54!important;

    border-color: #2A3F54!important;

    overflow-wrap: break-word;

}



.caja_entregado

{

    color: #fff;

    background-color: #28a745!important;

    border-color: #28a745!important;

}



.caja_no_entregado

{

    color: #fff;

    background-color: #6c757d!important;

    border-color: #6c757d!important;

}



.caja_entrega_parcial

{

    color: #fff;

    background-color: #ffc107!important;

    border-color: #ffc107!important;

}



.texto_entregado

{

    color: #28a745!important;

}



.texto_no_entregado

{

    color: #6c757d!important;

}



.texto_entrega_parcial

{

    color: #ffc107!important;

}



.btn_panel

{

    -webkit-box-shadow: 4px 4px 10px #999;

    -moz-box-shadow: 4px 4px 10px  #999;

    filter: shadow(color=#999999, direction=135, strength=2);

}



a.link_dashboard

{

    color: #2A3F54!important;

}



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,

.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,

.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,

.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,

.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,

.col-xl-auto {

    position: relative;

    min-height: 1px;

    float: left;

    /*padding-right: 10px;

    padding-left: 10px;*/

}



canvas#gauge_sla {

    width: 100% !important;

    height: auto !important;

    }





@media (min-width: 768px)

{

.col-md-15 {

    -ms-flex: 0 0 14.2%;

    flex: 0 0 14.2%;

    max-width: 14.2%;

}

}



@media (min-width: 1200px)

{

.col-xl-15 {

    -ms-flex: 0 0 12.5%;

    flex: 0 0 12.5%;

    max-width: 12.5%;

}

}









.popup {

    padding: 20px;

    background-color: rgba(100, 100, 100, 0.9);

    color: white;

    font-weight: 100;

    font-size: 14px;

    position: absolute;

    opacity: 0;

    transform: scale(0);

    transition: opacity 300ms, transform 300ms;

  }

  

  .popup > .close {

    position: absolute;

    right: -10px;

    top: -10px;

    background-color: black;

    padding: 4px 10px;

  }

  

  .popup:target {

    opacity: 1;

    transform: scale(1);

  }



a[aria-expanded=true] .fa-arrow-down {

    display: none;

 }

 a[aria-expanded=false] .fa-arrow-up {

    display: none;

 }