body{
    background-color: #fff;
}


thead th:nth-child(1) {
    width: 20%;
}

thead th:nth-child(2){
    width: 20%;
}

th, td{
    padding: 20%;
}

html {
    font-family:Georgia, 'Times New Roman', Times, serif;
}

thead th, tfoot th{
    font-family:'Courier New', Courier, monospace;
}

th{
    letter-spacing: 2px;
}

td{
    letter-spacing: 1px;
}

#id{
    width: 50px;
}

#cate{
    width: 375px;
}

#estatus{
    width: 200px;
}

#area{
    width: 200px;
}



#formContent {
    -webkit-border-radius: 10px 50px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    padding: 900%;
    width: 115%;
    max-width: 450px;
    position: relative;
    padding: 0px;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    text-align: center;
    margin: 0 auto;
  }

  #formContentAdmin {
    -webkit-border-radius: 10px 50px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    padding: 900%;
    width: 50%;
    max-width: 400%;
    position: relative;
    padding: 0px;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    text-align: center;
    place-items: center;
    justify-content: center;
    margin: auto;

  }

  #formContentreport {
    -webkit-border-radius: 10px 900px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    width: 90%;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    margin: 0 auto;
    
  }

  #centrar{
    place-items: center;
    display: flex;
    justify-content: center;
  }

  #au{
    place-items: center;
    display: flex;
    justify-content: center;
  }

  .full-width {
    border-collapse: collapse;
    border-color: #111111; 
    width: 100%;
    height: 100%;
  }

  #aurecepcion{
    place-items: center;
    justify-content: center;
    padding-left: 35%;
  }

  #ausoporte{
    place-items: center;
    justify-content: center;
    display:grid;
  }

  #ausoporte2{
    place-items: center;
    justify-content: center;
    width:80% ;
    margin: auto;
}
#ausoporte4{
    place-items: center;
    justify-content: center;
    width:85% ;
    display:inline;
}


  #aurecepcion2{
    place-items: center;
    justify-content: center;
    display:grid;
  }

  #aurecepcion3{
    place-items: center;
    justify-content: center;
    display:grid;
  }

  #aurecepcion4{
    place-items: center;
    justify-content: center;
    display:grid;
   
  }

  #btn_si{
    place-items: center;
    display: flex;
    justify-content: center;
    float: left;
    text-align: left;
    width: -10%;
    height: -50%;
}

#btn_no{
    text-align: right;
    width: -10%;
    height: -50%;
}

#btn_salir{
    text-align: center;
    width: -10%;
    height: -50%;
}

#btn_contra_si{
    place-items: center;
    display: flex;
    justify-content: center;

    text-align: center;
    width: -10%;
    height: -50%;
    padding-bottom: 10%;
}

#btn_contra{
    text-align: left;
    width: 0%;
    height: 0%;
    padding-right: 110%;;
}

.con_estilos {
    width: 200px;
    padding: 5px;
    font-size: 16px;
    border: 1px solid rgb(46, 45, 45);
    height: 34px;
    background-color:rgb(254, 255, 255);
    }

    .con_estilos_areas {
        width: 50%;
        padding: 5px;
        font-size: 16px;
        border: 1px solid rgb(46, 45, 45);
        height: 34px;
        background-color:rgb(254, 255, 255);
        }

        .con_estilos_recep {
            width: 90%;
            padding: 5px;
            font-size: 16px;
            border: 1px solid rgb(83, 83, 92);
            height: 34px;
            background-color:rgb(254, 255, 255);
            }
            .con_estilos_reporte {
                width: 200%;
                padding: 5px;
                font-size: 16px;
                border: 1px solid rgb(83, 83, 92);
                height: 45px;
                background-color:rgb(254, 255, 255);
                border-radius: 5px;
                }

#up_cate{
    text-align: center;
    width: 300px;
    font-size: 15px;
    border: 1px solid rgb(46, 45, 45);
    background-color:rgb(254, 255, 255);
}

#inputsrep{
    vertical-align: middle;
    text-align: center;
    width: 95%;
}



#pa{  /*padre*/
	width: 100%;
}
#pa .A, #pa .B{  /*hijos*/
	display: inline-block;
}

.infol{
    color: aqua;
}

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
  }

.edit {
    place-items: center;
    justify-content: center;
    display:grid;
}

/* Diseño de tablas de tipo usuarios */
.conttabla {
    text-align: left;
    }

    .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(217, 235, 235);
    }

    .table-hover tbody tr:hover {
    background-color: rgba(81, 92, 122, 0.7);
    color: rgb(24, 33, 112);
    }

    .thead-green {
    background-color: #e2e3e5;
    color: #000;
    }

    .card {
  background: #ffffff none repeat scroll 0 0;
  margin: 15px 0;
  padding: 20px;
  border: 0 solid #e7e7e7;
  border-radius: 5px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}