/*
 *
 **
 *
 */

 #logos-gob-mb, #div-mb-show  {
    display: none;
}

.float{
    display: none !important;
}


@media screen and (max-width: 768px) {
    #div-mb-show {        
        display: block;        
        margin: 10px 0px 25px 0px;
        width: 100%;
    }
    #btn-mb-go{
        margin: auto;
    }
    #consulta-solicitud{
        margin-top: 30px;
    }
    .img-responsive{
        width: 35%;
        margin-bottom: 30px;
    }
    #btn-login-main{
        margin: 0px 80px;
    }
    #espacio-main, #logos-gob-desk{
        display: none;  
    }
     
    #logos-gob-mb {
        display: flex;
        
    } 

    #logos-gob-mb .logo-shield-main .img-responsive{
        width: 55%;
    }
    #logos-gob-mb .logo-fecamype-main .img-responsive{
        width: 55%;
    }
    .float{
        display: block !important;
        position:relative;
        width:60px !important;
        height:60px;
        bottom:100px !important;
        right:20px !important;
        background-color:rgb(53, 56, 59) !important;  
        opacity: 0.6;      
        color:#FFF;
        border-radius:50px;
        text-align:center;
        box-shadow: 2px 2px 3px #999;
        z-index:1000;
        animation: bot-to-top 2s ease-out;
    }

    #text-regform {
        margin-left:0px !important;
        text-align: center !important;
        
    } 

    #img-regform .img-responsive{
        width: 25% !important;
        margin: 0 auto !important;
        margin-bottom: 30px;
    }

    #progressbar {
        margin-bottom: 10px;
        overflow: hidden;
        color: #455A64;  
        margin-top: 10px;        
      }

    #progressbar li {
        list-style-type: none;
        width: 11.66%;
        float: left;
        position: relative;
        font-weight: 200;
      }
    
      #progressbar li:before {
        width: 35px;
        height: 35px;
        line-height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        background: #d8d5d5 ;
        border-radius: 50%;
        margin: auto;
        color: #fff;
      }

      #progressbar #step1:before ,#progressbar #step2:before,#progressbar #step3:before,
      #progressbar #step4:before, #progressbar #step5:before,#progressbar #step6:before, 
      #progressbar #step7:before,#progressbar #step8:before,#progressbar #step9:before{  
        background-size: 20px 25px;   
      }

      #progressbar li:after {        
        top: 15px;
        z-index: -1;
      }

      .list-inline {        
        height: 50px !important;             
      }

      #txt-prgb-estado{
          display: none;
      }

      #progressbar li.tip span {
        
        position: fixed;
        background: grey;
        width:auto;  
        margin-top:5px;
        padding: 5px;
        z-index: 1;
        background: rgb(100, 99, 99);
        color: #fff;
        -moz-border-radius: 5px;
        /* this works only in camino/firefox */
        -webkit-border-radius: 5px;
        /*   */    
        text-align: center;
        
      
      }

      .navbar-inverse .btn-link {
          color : #ffffff !important;
    }

    navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #e2dede !important;
    }

    #switch-role .bootstrap-switch-wrapper{
        margin-top: -10px;
        width: 156px !important;
    }
    
    #switch-role > .bootstrap-switch-wrapper > span .bootstrap-switch-success{
        width: 100px;
    }
      

}

@media screen and (max-width: 992px) {
    #switch-role .bootstrap-switch-wrapper{
        margin-top: -10px;
        width: 156px !important;
    }
    
    #switch-role > .bootstrap-switch-wrapper > span .bootstrap-switch-success{
        width: 100px;
    }

}


@media screen and (max-width: 992px) {
    #div-mb-show {        
        display: block;        
        margin: 10px 0px 25px 0px;
        width: 100%;
    }
    #btn-mb-go{
        margin: auto;
    }
    #consulta-solicitud{
        margin-top: 30px;
    }
    .img-responsive{
        width: 35%;
        margin-bottom: 30px;
    }
    #btn-login-main{
        margin: 0px 80px;
    }
    #espacio-main, #logos-gob-desk{
        display: none;  
    }
     
    #logos-gob-mb {
        display: flex;
        
    } 

    #logos-gob-mb .logo-shield-main .img-responsive{
        width: 45%;
    }
    #logos-gob-mb .logo-fecamype-main .img-responsive{
        width: 65%;
    }
    .float{
        display: block !important;
        position:relative;
        width:60px !important;
        height:60px;
        bottom:100px !important;
        right:20px !important;
        background-color:rgb(53, 56, 59) !important;  
        opacity: 0.6;      
        color:#FFF;
        border-radius:50px;
        text-align:center;
        box-shadow: 2px 2px 3px #999;
        z-index:1000;
        animation: bot-to-top 2s ease-out;
    }

    #text-regform {
        margin-left:0px !important;
        text-align: center !important;
        
    } 

    #img-regform .img-responsive{
        width: 25% !important;
        margin: 0 auto !important;
        margin-bottom: 30px;
    }

    #progressbar {
        margin-bottom: 10px;
        overflow: hidden;
        color: #455A64;  
        margin-top: 10px;        
      }

    #progressbar li {
        list-style-type: none;
        width: 11.66%;
        float: left;
        position: relative;
        font-weight: 200;
      }
    
      #progressbar li:before {
        width: 35px;
        height: 35px;
        line-height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        background: #d8d5d5 ;
        border-radius: 50%;
        margin: auto;
        color: #fff;
      }

      #progressbar #step1:before ,#progressbar #step2:before,#progressbar #step3:before,
      #progressbar #step4:before, #progressbar #step5:before,#progressbar #step6:before, 
      #progressbar #step7:before,#progressbar #step8:before,#progressbar #step9:before{  
        background-size: 20px 25px;   
      }

      #progressbar li:after {        
        top: 15px;
        z-index: -1;
      }

      .list-inline {        
        height: 50px !important;             
      }

      #txt-prgb-estado{
          display: none;
      }

      #progressbar li.tip span {
        
        position: fixed;
        background: grey;
        width:auto;  
        margin-top:5px;
        padding: 5px;
        z-index: 1;
        background: rgb(100, 99, 99);
        color: #fff;
        -moz-border-radius: 5px;
        /* this works only in camino/firefox */
        -webkit-border-radius: 5px;
        /*   */    
        text-align: center;
        
      
      }

      .navbar-inverse .btn-link {
          color : #ffffff !important;
    }

    navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #e2dede !important;
    }
      

}