/*** Back ground general main**/

.arc {
    background-image: url("../Images/arc.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-color: black;
}
.gridImage {
  background-image: url("../Images/grid.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  background-color: white;
}
/*** Back ground general main**/
/**Login**/
.login{
  background-color: black;
}
.opacity {
  opacity: .95;
}
/**Login*/
/**Form**/
.submitField{
  border-style: solid;
  border-color: black;
  border-radius: 25px;
  color: white;
  
}
.roundShape{
  border-radius: 25px;
  width: 100%;
}


/**Form**/
/**Logo**/
.autoFitImage{
  background-size:cover;
}
.titleMenu{
  font-size: 150%;
}
.deproin{
  font-size: 175%;
}
.whiteText{
  color: white;
}
.blackText{
  color: black;
}
/**/

/**Vertical line**/
.vl {
  border-left: 4px solid white;
  height: 90%;
  position: relative;
  top: 5%;
}
/**Vertical line**/

/**var**/
.opacity5 {
  opacity: .5;
}
.opacity7 {
  opacity: .7;
}
.noOpacity {
  opacity: 1;
}
/**var***/
/***Icons**/
.moveDown{
  top: 30%;
}

i.material-icons , i.material-icons + span {
  vertical-align: middle;
}
/***Icons***/
/*******Text camps*************/ 
.pNoJump{
  display: inline;
}
.ptitle{
  font-style: italic;
  font-size: 150%;
}
.pNegritas{
  font-weight: bold;
}

/*******Text camps*************/


blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid black;
}
.iconBar{
  position: relative;
  /* Adjust these values accordingly */
  top: 3px;

}
blockquote.whiteLine {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid white;
}




.grid {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.row.grid .cell {
  // flex: auto;
  // flex: 0;
  // flex: 1;
  margin-left: 0;
}

/****text***/

p.verticalText {
  writing-mode: vertical-rl; 
}

/****Text***/


/***********Logo*******/
.logoBarra{

  width:  64px;
  height: 64px;
}
.logoFooterGerardo{
  width:  22%;
  height: 22%;
}
.logoFooterCastillo{
  width:  40%;
  height: 30%;
}
/*************************/


/****Footer****/

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}
/***foteer***/



.dot {
  height: 10px;
  width: 10px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}