.mt-5, .my-5 {
    margin-top: 5rem!important;
}

.fa-chevron-left {
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  padding-left: 12px;
}

.bg-dark {
    background-color: #eee!important;
}

.navbar-dark .navbar-brand {
    color: #343a40;
}

.jmacias_borde_reservar {
  border: 1px solid #f9bc33;
}

.profile-image-user{
	border-radius: 10px;
	border: 2px solid #5957f9;
}
.dollar-div-user{
	background-color: #5957f9;
	padding: 12px;
	border-radius: 10px;
}
.amount-user{
	color: #5957f9;
	font-size: 16px;
	font-weight: bold;
}
.recent-orders-user{
	font-size: 16px;
	font-weight: 700;
	color: #5957f9;
	margin-left: 2px;
}
.dollar-user {
  font-size: 16px !important;
  color: #5957f9 !important;
  font-weight: bold !important;
}
.recent-border-user {
    border-left: 2px solid #5957f9;
    display: flex;
    align-items: center;
}

.recent-orders-error{
font-size: 16px;
font-weight: 400;
color: #ea6055;
margin-left: 2px;
}

.recent-border-error{
border-left: 2px solid #ea6055;
display: flex;
align-items: center;

}

.navbar-toggler {
  display: none;
}

.parent_main {
  height: 100vh;
  width: 100vw;
  position: relative;
}

.child_sub {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hidden {
  display: none;
}

.alert {
    margin: 5px 10px !important;
}

.timestamp {
  font-size: 10px;
  color: #333745;
  margin-left: 2px;
}


::-webkit-scrollbar {
  width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
} body{
background-color: #eee;
}
.card{
background-color: #fff;
/*width: 280px;*/
width: 350px;
border-radius: 33px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding: 2rem !important;
margin-bottom: 100px!important;
}
.top-container{
display: flex;
align-items: center;
}
.profile-image{
border-radius: 10px;
border: 2px solid #f9bc33;
}
.name{
font-size: 15px;
font-weight: bold;
color: #272727;
position: relative;
top: 8px;
}
.mail{
font-size: 14px;
color: grey;
position: relative;
top: 2px;
}
.middle-container{
background-color: #eee;
border-radius: 12px;

}
.middle-container:hover {
border: 1px solid #f9bc33;
}
.dollar-div{
background-color: #f9bc33;
padding: 12px;
border-radius: 10px;
}
.round-div{
border-radius: 50%;
width: 35px;
height: 35px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.dollar{
font-size: 16px !important;
color: #f9bc33 !important;
font-weight: bold !important;
}


.current-balance{
font-size: 15px;
color: #272727;
font-weight: bold;
}
.amount{
color: #f9bc33;
font-size: 16px;
font-weight: bold;
}
.dollar-sign{
font-size: 16px;
color: #272727;
font-weight: bold;
}

.recent-border{
border-left: 2px solid #f9bc33;
display: flex;
align-items: center;

}

.recent-border:hover {
border-bottom: 1px solid #dee2e6!important;
}

.recent-orders{
font-size: 16px;
font-weight: 700;
color: #f9bc33;
margin-left: 2px;
}

.wishlist{
font-size: 16px;
font-weight: 700;
color: #272727;

}
.wishlist-border:hover{
border-bottom: 1px solid #dee2e6!important;
}
.fashion-studio{
font-size: 16px;
font-weight: 700;
color: #272727;
}
.fashion-studio-border:hover {
border-bottom: 1px solid #dee2e6!important;
}