* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body { 
	overflow-x: hidden;
    height: 100%;
    width: 100vw;
}

img {
	border: none;
}

a, a:visited, a:active {
	color: /*gray;*/#141b30;
}

a:hover {
	color: /*gray;*/#141b30;
	text-decoration: none
}

.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; /*OVERWRITING*/
    margin: 0 auto -4em; 
}

.container {
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 855px;
}

.banner {
    height: 121px;
    width: 839px;
}

.book-container {
	background-color: #efecd9; 
	border: #e1decb 7px solid;
	float: left;
	/*width: 632px; */
	width: 646px;
}

/* {devKarin} Unused styles?*/
.style5 {font-size: 12px; color: #464646; }
.style11 {color: #7e99a4}
.style20 {font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica; color: #838383; }

.success-message {
    width: 100%;
    height: auto;
    min-height: 2rem;
    background-color: rgb(60, 179, 113);
    border: 1px solid green;
    border-radius: 5px;
    margin: 0 0 10px;
    padding: 5px;
    text-align: center;
    color: rgb(255 255 255);
    font-weight: 700;
}

.warning-message {
    width: 100%;
    height: auto;
    min-height: 2rem;
    background-color: rgb(255, 255, 0);
    border: 1px solid rgb(97, 95, 2);
    border-radius: 5px;
    margin: 0 0 10px;
    padding: 5px;
    text-align: center;
    color: rgb(97 95 2);
    font-weight: 700;
}

.card-100 {
  margin: 2rem auto;
  background-color: rgb(200 201 207); /*rgb(233, 236, 213);*/
  color: rgb(51 51 51);
  border: 2px solid rgb(244 162 97);
  border-radius: 15px;
  width: 90%;
  padding: 1rem;
}

.error-alert {
    width: 100%;
    height: auto;
    min-height: 2rem;
    background-color: rgb(216, 112, 147);
    border: 1px solid red;
    border-radius: 5px;
    margin: 0 0 10px;
    padding: 5px;
    text-align: center;
    color: rgb(255 0 0);
    font-weight: 700;
}