.main{
    top:20px;
    position:relative;
}

.agreement{
    text-align:center;
}

.title-agreement{
    top:50%;
    position:relative;
}

.foliogrp{
    border: 1px solid #000;
    border-radius: 25px;
    padding: 20px;
    box-shadow: 1px 3px 3px 1px black;;
}

/* PERSONAL INFORMATION */

.personal-info{
    margin-top: 10px;
    border: 1px solid #000;
    border-radius: 25px;
    padding: 20px;
    box-shadow: 1px 3px 3px 1px black;
}

.title-personal{
    text-align:center;
}

/* END PERSONAL INFORMATION */

/* PAYMENT INFORMATION */

.payment-info{
    margin-top: 10px;
    border: 1px solid #000;
    border-radius: 25px;
    padding: 20px;
    box-shadow: 1px 3px 3px 1px black;
}

.title-payment{
    text-align:center;
}


/* END PAYMENT INFORMATION */


/* ITEMS FORM */

.items-form{
    margin-top: 10px;
    border: 1px solid #000;
    border-radius: 25px;
    padding: 20px;
    box-shadow: 1px 3px 3px 1px black;
}

.item-title{
    text-align: center;
}

.add-new{
    margin-top:40px;
}

/* END ITEMS FORM */

.transportation-form{
    margin-top: 10px;
    border: 1px solid #000;
    border-radius: 25px;
    padding: 20px;
    box-shadow: 1px 3px 3px 1px black;
}

.div-logo{
    text-align:center;
}

.img-logo{
    width:200px;
}

.img-shadow{
    box-shadow: 2px 3px 7px 2px rgba(0, 0, 0, 0.5);
    border-radius: 100px;
	width:120px;
    width:80px;
}

.img-hover figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.img-hover figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}



.spinner {
  border: 4px solid #ccc;
  border-top: 4px solid #004D43; /* color institucional Morton */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 0.8s linear infinite;
  margin: 20px auto;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}