@import url('https://fonts.googleapis.com/css?family=PT+Serif');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

#div_debug {
    background-color: yellow;
    /*border: 1px solid #e5e5e5;*/
    padding: 0 12px;
    position: relative;
}
/*boton action de emails*/
@media only screen and (max-width: 500px) {
    .button {
        width: 100% !important;
    }
}

.estatus_azul {
    background-color: #D5D5FF;
    color: #0000FF;
}
.estatus_rojo {
    background-color: #FFD5D5;
    color: #FF0000;
}
.estatus_ama {
    background-color: lightyellow;
    color: #FF0000;
}
.estatus_oro {
    background-color: #FFCC00;
}
.estatus_plata {
    background-color: #CCCCCC;
}
.disab {
    color: #CCCCCC;
}

/*table-link*/
.table-link td {
    cursor: pointer;
}
.table-link > tbody > tr:hover td {
    background-color: #cfcfcf;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 6px; /* con 7px muestra tools x2 en dos renglones */
}

/*Mis modificaciones a Bootstrap******************************************************************/
@media (min-width: 1102px) { /*mas grande que el lg*/
    .modal-lgx {
        width: 1100px;
    }
}
.panel .panel-heading {
    font-weight: bold;
}

/*cpanel recuadro "no hay resultados"*/
.alert_recuadro {
    color: #797b7c;
    font-size: 14px;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    line-height: 1.4;
}

/*Bloques layout ************************************************/
#elementos_lay {
    padding: 0em 12% 0em 12%;
    margin-top: 4em !important;
    text-align: justify;
    font-family: 'PT Serif', serif;
    font-size: 18px;
    line-height: 33px;
    color: #333;
}
#elementos_lay .div_lay {
    margin-top: 0;
    margin-bottom: 30px; /*deben ser iguales p y ol,ul */
}
/*#elementos_lay p {
    margin-top: 0;
    margin-bottom: 70px; !*deben ser iguales p y ol,ul *!
}*/
#elementos_lay p.tit_bloq { /*usa .div_lay*/
    font-size: 26px;
}
#elementos_lay p.cita { /*usa .div_lay*/
    font-family: 'Open Sans', cursive;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    color: #333;
    padding: 5%;
}
#elementos_lay p.error2 { /*usa .div_lay*/
    font-size: 18px;
    color: red;
}
#elementos_lay p.error {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: red;
}
#elementos_lay p.tit_eleme {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}
#elementos_lay ol, #elementos_lay ul {
    padding-left: 40px;
    list-style: disc;
    margin-top: 0;
    margin-bottom: 30px; /*deben ser iguales p y ol,ul */
}
#elementos_lay ol {
    font-weight: 300;
    padding: 7%;
    list-style: decimal;
}
#elementos_lay ol li {
    margin-bottom: 2.25em;
}
#elementos_lay ul.custom1 {
    list-style: none;
    padding-left: 20px;
}
#elementos_lay textarea {
    width: 100%;
}
#elementos_lay div.respuesta {
    background-color: #f2f3f2;
    margin-top: 5px;
    margin-bottom: 7px;
    padding: 0 5px;
}
#elementos_lay hr {
    margin: 0;
    border-top: 1px solid #C1C1C1;
}

/*signo +- mismo ancho, para btns*/
.plus_sign {
    font-family: 'Source Code Pro', 'Lucida Console', Helvetica, sans-serif;
}

/*simula comp card de bootstrap 4*/
.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}


@media(max-width: 981px) {

    #elementos_lay {
        padding: 0em 1.25em 0em 1.25em;
    }
    
}