.page-wrap-test{
    margin:0 10px 0 10px ;
}
.sni_input_ruc{
    border:2px solid #e5e5e5 !important;
    border-radius: 0px!important;
    padding:05px 15px !important;
    width: 50%;
    max-width: 400px !important;
    display: inline-block;
    text-align: center;
}

.sni_input_password{
    border:2px solid #e5e5e5 !important;
    border-radius: 0px!important;
    padding:5px 15px !important;
    width: 50%;
    align: center!important;
    max-width: 400px !important;
    text-align: center;}

.sni_input_nombre{
    border:2px solid #e5e5e5 !important;
    border-radius: 0px!important;
    padding:05px 15px !important;
    width: 50%;
    max-width: 300px !important;
    display: inline-block;
    text-align: center;
}
.sni_input_correo{
    border:2px solid #e5e5e5 !important;
    border-radius: 0px!important;
    padding:05px 15px !important;
    width: 50%;
    max-width: 300px !important;
    display: inline-block;
    text-align: center;
}
.button-añadir{
background-color: #47C0B9 !important;
    color:white !important;
    text-align: left !important;
    vertical-align: middle!important;
    padding: 10px 15px !important;
    display: inline-block;
    line-height:0 !important;
    margin-top: 12px;
    margin-left: 10px;
    background-color: #47C0B9 !important;
    color:white !important;
    text-align: left !important;
    vertical-align: middle!important;
    padding: 10px 15px !important;
    display: inline-block;
    line-height:0 !important;
    margin-top: 12px;
    margin-left: 10px;   
}

.button-cambiar{
background-color: #001f3c!important;
    color:white !important;
    text-align: right; 
    vertical-align: middle!important;
    padding: 10px 15px !important;
    display: inline-block;
    line-height:0 !important;
    margin-top: 12px;
    margin-left: 10px;
    color:white !important;
    text-align: right!important;
    vertical-align: middle!important;
    padding: 10px 15px !important;
    display: inline-block;
    line-height:0 !important;
    margin-top: 12px;
    margin-left: 10px;   
    border-radius:6px;
    border-style:solid;
    border-width:1px 1px
}
.button-enviar{
background-color: ##56af38!important;
    color:white !important;
    text-align: right; !important;
    vertical-align: middle!important;
    padding: 10px 15px !important;
    display: inline-block;
    line-height:0 !important;
    margin-top: 12px;
    margin-left: 10px;
    color:white !important;
    text-align: right!important;
    vertical-align: middle!important;
    padding: 10px 15px !important;
    display: inline-block;
    line-height:0 !important;
    margin-top: 12px;
    margin-left: 10px;   
     border-radius:6px;
    border-style:solid;
    border-width:1px 1px
}
.button-salir{
background-color: #9b9b9b!important;
    color:white !important;
    text-align: right !important;
    align-content: right!important;
    vertical-align: right!important;
    padding: 10px 15px !important;
    line-height:0 !important;
    color:white !important;
    text-align: left !important;
    vertical-align: middle!important;
    display: inline-block;
    line-height:0 !important;
    margin-top: -132px!important;
    margin-left: 950px;   
    border-radius:6px;
    border-style:solid;
    border-width:1px 1px
}
.sni_input_telefono{
    border:2px solid #e5e5e5 !important;
    border-radius: 0px!important;
    padding:05px 15px !important;
    width: 50%;
    max-width: 300px !important;
    display: inline-block;
    text-align: center;
}

.sni_btn_login{
    background-color: #86dc8a !important;
    color:white !important;
    text-align: center !important;
    padding: 5px 15px !important;
    display: inline-block;
    transition: all 0.5s;
    line-height:0 !important;
}
.button-form{

    background-color: white!important;
    color: black!important;
     border-radius:6px;
    border-style:solid;
    border-width:1px 1px;
    border-color: blue!important;
}
.button-form-eliminar{
    background-color: white!important;
    color: black!important;
     border-radius:6px;
    border-style:solid;
    border-width:1px 1px;
    border-color: red!important;

}
.sni_btn_update{
    background-color: #001f3c !important;
    color:white !important;
    text-align: left !important;
    vertical-align: middle!important;
    padding: 10px 15px !important;
    display: inline-block;
    line-height:0 !important;
    margin-top: 12px;
    margin-left: 10px;

}


.contenedor-table-contactos{
    margin-top: 15px;
}

.table-contactos-total-rows{
    margin-bottom: 5px;
    font-size: 12px;
}

.table-contactos {
  border: none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size: 12px;
}

.table-contactos thead tr{
    font-weight: 600 !important;
    height: 40px;
}

.table-contactos thead th{
    text-align: center;
}


.table-contactos tr {
  border: none;
  padding: .35em;
  text-align: center;

}

.table-contactos th,
.table-contactos td {
  padding: .5em;
  text-align: center;
  font-size: 1em;
}

.table-contactos th {
  letter-spacing: .1em;
  text-transform: uppercase;
}