body{
	color: #595959;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
}

#order-summary{
    height: 250px;
    background:#f2f2f2;
    margin-top: 8%;
    margin-right: 5%;
    padding: 5%;
}

.order{
	width: 80%;
    height: auto;
    background: #f2f2f2;
    margin-top: 10px;
    margin-left: 10px;
    min-width: 15rem;
}

footer{
	background-color: #f2f2f2;
	border-top: 1px #ccc solid;
	line-height: 20pt;
	text-align: justify;
  	text-justify: inter-word;
  	padding:15px;
}

.options p{
	text-align: justify;
  	text-justify: inter-word;
  	padding: 15px 20px 15px 0px;
}

.box{
	padding-top: 15px;
	position:relative;
	top: 0;
  	left: 0;
}

.box:hover{
	background-color: #21469b; 
	color: white;
	border-radius: 1rem;
}  

.box img{
	position: relative;
	top: 0;
 	left: 0;
}

.box img.hover-img{
	position: absolute;
	top: 15px;
  	left: 15px;
	opacity: 0;
}

.box:hover img{
	opacity: 0;
}

.box:hover img.hover-img{
	opacity: 1;
}

.logo-header{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	/* min-height: 10vh;
	padding: 10px 20px 10px 25px; */
}

.logo-header p{
	padding-top: 15px;
}

.logo-header h5{
	padding-left: 15px;
	align-self: center;
	font-weight: bolder;
}

.curr-amt-div{
	align-self: center; 
	text-align: center; 
	font-size: 18px;
}

.curr-amt label{
	margin: 0;
	font-weight: bolder;
	color: #0374ec;
	align-self: center;
}

.curr-amt a{
	color: #0374ec;
	font-weight: bolder;
	font-size: 18px;
}

.addParams label{
	color: #595959;
}

.fav-remove{
	color:#595959;
}

#loading {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}

#loading img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 3%;
  min-height: 3%; 
}

.dashboard{
	border: 1px #f2f2f2 solid;
	padding: 10px;
	margin: 5px;
}

.dashboard h6{
	font-weight: bolder;
	margin: 0px;
}

.dashboard p{
	padding: 0px;
	margin: 0px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 50px;
  color: black;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 50px;
  color: black;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #000000;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,1);    
}

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 5px;
    background-color: #999999;
}

.status{
	width: 50%;
    height: auto;
    background: #f2f2f2;
    margin-top: 10px;
    margin-left: 10px;
    min-width: 15rem;
}