html, body {
  overflow-x: hidden !important;
}
body {
  position: relative !important;
}

.inegi-info 
{
  position: relative;
}

.subnivel2_tabla
    {
        width:90% !important;
    }

.inegi-info .titulo {
    position: absolute;
    top: 20px;
    background: silver;
    padding: 4px;
    left: 0;
    white-space: nowrap;
}

.progress{
    margin-bottom:15px !important;
}

.slider_personalizado{
    position:relative;
}

.output {
  position: absolute;
}

.txtSlider{
    position:relative;
}

.stepwizard-step p 
{
    margin-top: 10px;
}

.stepwizard-row 
{
    display: table-row;
}

.stepwizard 
{
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] 
{
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

/*Raya gris*/
.stepwizard-row:before 
{
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 90%;
    height: 1px;
    margin-left: 40px;
    background-color: #ccc;
}

.stepwizard-step 
{
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle 
{
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 6px 0;
    font-size: 16px;
    line-height: 1.428571429;
    border-radius: 15px;
    font-weight: bold;
}

.tabSelecc 
{
    color: #337ab7;
}

.tabNoSelecc 
{
    color: #adadad;
}

.tituloPestanaV2 
{
    display: block;
}

.img_personalizada 
{
    max-height: 35px;
    max-width: 35px;
}

.pasos
{
    display:block;
}


.div_estado
{
    margin-left:20px !important;
}

.percentCount
{
    display:none !important;
}

#divDialogo {
              max-width: 450px !important;
              min-width: 450px !important;
              width: 450px !important;
              max-height: 190px !important;
              min-height: 190px !important;
              height: 190px !important;
              position: fixed !important;
          }

/*Cambiar color*/
.color-verde
{
    background: #20b426;
}

/*              SLIDER                         */
/*Chrome*/
.slider-color-verde::-webkit-slider-runnable-track {
    height: 8px !important;
    background: #20b426 !important;
    border: none;
    border-radius: 3px;
}
input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
}
input[type=range]::-webkit-slider-runnable-track {
    height: 8px;
    background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%);
    border: none;
    border-radius: 3px;
    border-top: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
}
input[type=range]::-webkit-slider-thumb {
    /*Cursor*/
    -webkit-appearance: none;
    border: 1px solid grey;
    height: 27px;
    width: 27px;
    border-radius: 27px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%);
    margin-top: -8px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    cursor:pointer;
}
input[type=range]:focus {
    outline: none;
}

/*Internet Explorer*/

.slider-color-verde::-ms-track {
    height: 8px !important;
    background: #20b426 !important;
    background-color: #20b426 !important;
    border: none;
    border-radius: 3px;
    /*remove default tick marks*/
    color: #20b426;
}
input[type=range]::-ms-track {
    height: 20px !important;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: #428bca;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: #428bca;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: #428bca;
}

input[type=range]::-ms-track {
    height: 8px !important;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #428bca;
    border-radius: 10px;
}
.slider-color-verde::-ms-fill-lower {
    background: #20b426 !important;
    background-color: #20b426 !important;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #20b426;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}


input[type="range"]::-ms-thumb {
  /*Cursor*/
    border: 1px solid #bdc3c7;
    height: 15px !important;
    width: 15px !important;
    border-radius: 20px;
    background: silver;
    cursor: pointer;
    background-image: repeating-linear-gradient(90deg, #D8D8D8, #D8D8D8 60px, rgb(255, 255, 255) 61px);
    border-top: 35px solid silver;
    border-bottom: 20px solid silver;
}



/*Firefox*/
.slider-color-verde::-moz-range-track {
    height: 8px !important;
    background: #20b426 !important;
    background-color: #20b426 !important;
    border: none;
    border-radius: 3px;
    /*remove default tick marks*/
    color: #20b426;
}
input[type=range]::-moz-range-track {
    height: 8px;
    background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%);
    border: none;
    border-radius: 3px;
    border-top: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
}
input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
    border: 1px solid grey;
    height: 27px;
    width: 27px;
    border-radius: 27px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%);
    margin-top: -8px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    cursor:pointer;
}

/*              FIN SLIDER                      */

@media only screen and (min-width : 100px) 
{
    .stepwizard_principal 
    {
        padding-top: 20px !important;
    }
}

@media only screen and (min-width: 321px) and (max-device-width: 390px) {
    .stepwizard-row:before {
        top: 14px !important;
        bottom: 0 !important;
        position: absolute !important;
        content: " ";
        width: 70% !important;
        height: 1px;
        margin-left: 45px !important;
    }

    #btnBotonTab1 {
        margin-left: 40px !important;
        margin-right: 5px;
    }

    #btnBotonTab2 {
        margin-left: -70px !important;
        margin-right: 20px !important;
    }

    #btnBotonTab3 {
        margin-left: 0px !important;
        margin-right: 25px !important;
    }

    #btnBotonTab4 {
        margin-left: -90px !important;
        margin-right: 20px;
    }
}

@media only screen and (min-width: 391px) and (max-device-width: 455px) 
{
    .stepwizard-row:before 
    {
        top: 14px !important;
        bottom: 0 !important;
        position: absolute !important;
        content: " ";
        width: 70% !important;
        height: 1px;
        margin-left: 45px !important;
    }

    #btnBotonTab1 
    {
        margin-left: 40px !important;
        margin-right: 5px;
    }

    #btnBotonTab2
    {
        margin-left: -30px !important;
        margin-right: 25px !important;
    }

    #btnBotonTab3 
    {
        margin-left: 0px !important;
        margin-right: -05px !important;
    }

    #btnBotonTab4 
    {
        margin-left: 0px !important;
        margin-right: 30px;
    }
}

@media only screen and (min-width : 480px) 
{
    .pasos 
    {
        display: none;
    }
}

@media only screen and (min-width : 769px) 
{
    .pasos 
    {
        display: block;
    }

    #stepwizard_personalizado 
    {
        text-align: left;
    }
    .codigo_qr
    {
        display:block !important;
    }
}

@media only screen and (max-width : 320px) 
{

    /*#divTabPanel 
    {
        margin-top: 45px !important;
    }*/

    #btnBotonTab1 
    {
        margin-left: 30px !important;
    }

    #btnBotonTab2 
    {
        margin-left: 0px !important;
        margin-right: 90px !important;
    }

    #btnBotonTab3 
    {
        margin-left: -130px !important;
    }

    #btnBotonTab4 
    {
        margin-left: -100px !important;
    }

    /*.output
    {
        left:45% !important;
    }*/
}

@media only screen and (min-width: 456px) and (max-device-width: 568px) 
{
    .stepwizard-row:before 
    {
        top: 14px !important;
        bottom: 0 !important;
        position: absolute !important;
        content: " ";
        width: 85% !important;
        height: 1px;
        margin-left: 45px !important;
    }

    #btnBotonTab1 
    {
        margin-left: 40px !important;
        margin-right: 5px;
    }

    #btnBotonTab2 
    {
        margin-left: -45px !important;
        margin-right: 40px !important;
    }

    #btnBotonTab3 
    {
        margin-left: 0px !important;
        margin-right: -05px !important;
    }

    #btnBotonTab4 
    {
        margin-left: 0px !important;
        margin-right: 0px;
    }
}

@media only screen and (min-width: 569px) and (max-device-width: 767px) 
{
    .stepwizard-row:before 
    {
        top: 14px !important;
        bottom: 0 !important;
        position: absolute !important;
        content: " ";
        width: 85% !important;
        height: 1px;
        margin-left: 45px !important;
    }

    #btnBotonTab1 
    {
        margin-left: 40px !important;
        margin-right: 5px;
    }

    #btnBotonTab2 
    {
        margin-left: 10px !important;
        margin-right: 40px !important;
    }

    #btnBotonTab3 
    {
        margin-left: -25px !important;
        margin-right: 40px !important;
    }

    #btnBotonTab4 
    {
        margin-left: 0px !important;
        margin-right: 0px;
    }
}

@media only screen and (min-width: 600px)
{
    .subnivel2_tabla
    {
        width:100% !important;
    }

    #txtComentarios
    {
        height:200px;
    }
}

@media only screen and (min-width: 1200px)
{
    .txtSlider{
        width:253px !important;
    }
}

@media only screen and (max-width : 768px) 
{
    .pasos 
    {
        display: none;
    }

    /*#divTabPanel 
    {
        margin-top: 40px !important;
    }*/
    .codigo_qr
    {
        display:none !important;
    }
    .margin_left_nivel2
    {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width : 991px)
{
    .divCalificarPrincipal
    {
        margin-left:0px !important;
    }

    .div_estado
    {
        margin-left:0px !important;
        margin-top:0px !important;
    }

    .div_estado_movil
    {
        margin-left:0px !important;
        text-align:right !important;
    }

    .tdMovilImgTexto 
    {
        width: 50% !important;
        text-align:right !important;
    }

    .tdLblEstadoPersonalizadoMovil {
        text-align: left !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     .irs-single{
         display:none;
     }
}

@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */ 
  .irs-single{
         display:none;
     }
}