.tarjeta{

border: 1px solid rgba(0,0,0,.125);
margin: 5px 5px;
}



.subtarjeta{

padding: 5px;

}



.ancho_25p

{

    width: 25%;

}



h5{

background-color: #6e6e6e;

color: #fff;

padding: 5px;

margin-bottom: 0;

margin-top: 0;

border-bottom: 1px solid rgba(0,0,0,.125);

font-size: 20px;

text-align: center;

}



input[type=password], input[type=text], input[type=tel]{

padding: 10px !important;

display: inline-block !important;

border: 1px solid #ccc !important;

box-sizing: border-box !important;

margin: 2px 0 !important;

}



select {

padding: 8px !important;

display: inline-block !important;

border: 1px solid #ccc !important;

box-sizing: border-box !important;

margin: 2px 0 !important;

width: 100%;

font-size:12px;

}



.tabla

{

width:100%;

max-width: 100%;

margin-bottom: 1px;

border-collapse:collapse;

display: table;

border-spacing: 2px;

border-color: grey;

}



.tabla th{

padding:10px;

font-weight:bold;

border-top:solid 1px #dee2e6;

border-bottom:solid 2px #dee2e6;

text-align: inherit;

background-color: #e7e7e7;

}



.tabla td

{

padding:10px;

border-top:solid 1px #dee2e6;

height:15px;

}



a:link, a:visited, input[type=submit], button {

color: white;

padding: 10px 10px;

text-align: center;

text-decoration: none;

cursor: pointer;

display: inline-block;

border-radius: 5px;

border: none;

}



.eliminar {background-color: #f44336;}

.eliminar:hover {background: #da190b;}



.ok {background-color: #bd1714;width: 120px;}

.ok:hover {background-color: #a32b3b;}



.ok2 {background-color: #bd1714;}

.ok2:hover {background-color: #a32b3b;}



.ok3 {background-color: #bd1714;width: 320px;}

.ok3:hover {background-color: #a32b3b;}





.defecto {background-color: #e7e7e7; color: black !important;}

.defecto:hover {background: #ddd;}



.centrar{

    text-align: center;

}



.modal

{

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

}

.contenido_modal {

    background-color: #fefefe;

    border: 1px solid #888;

    padding: 20px;

}



#cambia{

    font-weight: bold;

    color: blue;

}

/*

.mensajito{

  visibility: hidden;

  width: 120px;

  background-color: black;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  padding: 5px 0;



  position: absolute;

  z-index: 1;

}

*/





/*Agregados*/

.form-rounded {
border-radius: 1rem;
}

.encabezado{
padding: 5px;
margin-bottom: 0;
margin-top: 0;
font-size: 20px;
text-align: center;
}


.fondo{
  background: url("https://fcctp.usmp.edu.pe/verano2023/img/fondo.jpg");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */

}


.login-container{

    margin-top: 5%;

    margin-bottom: 5%;

}

.login-form-1{

    padding: 25px 15px 15px 15px;
    background-color:white;
border-radius:15px 0px 0px 15px;

  /*  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19); */

}

.login-form-1 h3{

    text-align: center;

    color: #333;

}

.login-form-2{

    padding: 3%;

    background: #f5f5f5;

border-radius:0px 15px 15px 0px;


/*    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19); */

}

.login-form-2 h3{

    text-align: center;

    color: #fff;

}

.login-container form{

    padding: 16%;
    padding: 20px 70px 20px 70px;

}

.btnSubmit

{

    width: 100%;

    border-radius: 15px;

    padding: 1.5%;

    border: none;

    cursor: pointer;

}

.login-form-1 .btnSubmit{

    font-weight: 600;
    border-radius: 15px;

    color: #fff;

    background-color: #bd1714;

}

.login-form-2 .btnSubmit{

    font-weight: 600;

    color: #bd1714;

    background-color: #fff;

}

.login-form-2 .ForgetPwd{

    color: #fff;

    font-weight: 600;

    text-decoration: none;

}

.login-form-1 .ForgetPwd{

    color: #bd1714;

    font-weight: 600;

    text-decoration: none;

}

.bg-fcctp{

    background-color: #6e6e6e !important;

}

.cl-fcctp{

    color: #bd1714 !important;

}

.txt-about{

    color: #fff;

}

.micenter{

    text-align: center !important;


}

.login-form-1 .micenter{
padding:30;
}



.vertical-center {

    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */

    min-height: 5vh; /* These two lines are counted as one 🙂       */

    display: flex;

    align-items: center;

  }

.vertical-center2 {

padding-top:65px;
line-height : 28px;
padding-right: 90px;

  }

.especial{
font-size:17px;
}






  .table .thead-dark th {

    color: #fff;

    background-color: #bd1714;

    border-color: #990000;

}

.btn-primary {

    color: #fff;

    background-color: #bd1714;

    border-color: #990000;

}

.btn-primary:hover {

    color: #fff;

    background-color: #910e20;

    border-color: #a32b3b;

}





.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #910e20;

    border-color: #a32b3b;

}



.form-control2 {  width: 30% !important;}