.navbar-default, .c-blanco {
    color: white;
}

#aviso {
    font-weight: bold;
    font-size: 0.9em;
}

.link a:hover {
    text-decoration: none !important;
}

.link a {
    font-size: 1.3em; 
    text-decoration: underline !important;
	text-align:justify !important;
}

.td3 td {
    width: 33.3%;
}

.manuales td {
    height: 3em;
}

.activo {
    background-color: #e4e4e4;
    color: #8785a2;
}

.candidato {
    font-weight: bold;
}

   @media
      only screen 
    and (min-device-width: 1024px){
       .tb_apoyo td {
          border: 1px solid #cacaca;
          padding: 0.6rem;   
        }

       .th_apoyo th {
          border: 1px solid #fff;
          background-color: #AAA !important;
         color:#FFF !important;
         padding: 0.6rem; 
        }

        .titulo td{
            font-weight: bold;
            background-color: #FAEBD7; 
        } 

    }

/*HACE RESPONSIVE LA TABLA DE AVANCE*/
/*
    Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
    */
    @media
      only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1023px)  {

     

        /* Force table to not be like tables anymore */
         #tbAvance table {display: block;}
        #tbAvance thead {display: block;}
        #tbAvance tbody {display: block;}
        #tbAvance th {display: block;}
        #tbAvance td {display: block;}
         #tbAvance tr {display: block;}

        /* Hide table headers (but not display: none;, for accessibility) */
       #tbAvance thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #tbAvance tr {
      margin: 0 0 1rem 0;
    }
      
    #tbAvance tr:nth-child(odd) {
      background: #fafafa;
    }
    
       #tbAvance td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 55%;
            text-align: left;    
        }

       #tbAvance td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /* Force table to not be like tables anymore */
         #tbEdoprevio table {display: block;}
        #tbEdoprevio thead {display: block;}
        #tbEdoprevio tbody {display: block;}
       #tbEdoprevio th {display: block;}
        #tbEdoprevio td {display: block;}
        #tbEdoprevio tr {display: block;}

        /* Hide table headers (but not display: none;, for accessibility) */
       #tbEdoprevio thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #tbEdoprevio tr {
      margin: 0 0 1rem 0;
    }
      
    #tbEdoprevio tr:nth-child(odd) {
      background: #fafafa;
    }
    
       #tbEdoprevio td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 55%;
            text-align: left;    
        }

       #tbEdoprevio td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
        Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
        */

        #tbAvance td:nth-of-type(1):before { content: "Elección"; }
        #tbAvance td:nth-of-type(2):before { content: "Aspirante"; }
        #tbAvance td:nth-of-type(3):before { content: "A.C. requeridos"; }
        #tbAvance td:nth-of-type(4):before { content: "A.C. enviados al INE"; }
        #tbAvance td:nth-of-type(5):before { content: "A.C. en Lista Nominal"; }
        #tbAvance td:nth-of-type(6):before { content: "A.C. con inconsistencias"; }

        #tbEdoprevio td:nth-of-type(1):before { content: "Elección"; }
        #tbEdoprevio td:nth-of-type(2):before { content: "Titular de candidatura"; }
        #tbEdoprevio td:nth-of-type(3):before { content: "Asociacion Civil"; }
        #tbEdoprevio td:nth-of-type(4):before { content: "Aviso de Privacidad"; }

/*fmi*/
        .titulo td{
            /* Behave  like a "row" */
            padding-left: 0% !important ;
            text-align: center !important;
            font-weight: bold;
            background-color: #FAEBD7;  
        }

        .titulo td:before {
            /* Now like a table header */
            display:none;
        }
        
    }
/*fmi*/

.regimen p{
	margin-bottom: 0px !important;
}
    /*HACE RESPONSIVE LA TABLA DE AVANCE*/
/*