.wrapper-xl h1 {
text-align: center;
color: black;
font-size: 42px;
}

.first-day {
font-weight: 300;
color: #6690C5;
text-shadow: none;
}

a.agenda {
display: inline-block;
color: #ffffff;
font-weight: 400;
text-shadow: none;
background-color: #80C75C;
margin: 10px;
padding: 5px 30px;
border: 1px solid #f0f0f0;
border-radius: 15px;
text-decoration: none;
}

a.agenda:hover {
background-color: #A5EA82;
color: white;
}

img.footer-logo {
max-width: 200px;
max-height: 15px;
margin-top: -8px;
margin-left: -1px;
}

div#homepage-splash {
padding: 80px;
}

.lower-container {
margin-top: 10px;
margin-bottom: 50px;
}

table.table-responsive.coworker {
width: 100%;
}

table.table-responsive.coworker td {
padding: 6px 0;
}

table.info-table {
width: 100%;
margin-bottom: 10px;
}

table.info-table td {
padding: 5px;
}

table.info-table td:first-child {
text-align: right;
vertical-align: top;
font-weight: 300;
white-space: nowrap;
}

.first-day {
font-weight: 300;
color: #6690C5;
text-shadow: none;
}

div.super-avatar span.navbar-avatar {
float: none;
text-align: center;
display: block;
width: 100%;
}

div.super-avatar span.navbar-avatar .avatar-container {
height: 80px;
width: 80px;
margin: 20px 0 30px;
}

.super-avatar .avatar-container .avatar.soloAvatar .sub-avatar {
font-size: 40px;
font-family: sans-serif;
font-weight: 100;
padding-top: 25px;
text-align: center;
background-color: #909090;
}

.header .avatar-container .avatar .sub-avatar {
font-family: sans-serif;
font-weight: 100;
font-size: 15px;
background-color: rgb(144, 144, 144);
}

.header .avatar-container .avatar .sub-avatar span {
background: rgb(144, 144, 144) center;
}

.text-4x {
font-size: 41px;
}

div.table-content {
margin: 24px;
}

a.a-list i {
margin-right: .2em;
margin-bottom: 1em;
}

#user_map {
width: 100%;
height: 150px;
}

/* document processing popup window starts */
#docPop {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 200;
background-color: rgba(58, 63, 81, 0.7);
}

#docPop.show-offer-letter {
background-color: rgba(58, 63, 81, 1);
}

#docPop .inner {
position: absolute;
background-color: #e6e6e6;
color: #000000;
top: 55px;
left: 0px;
padding: 0;
right: 0;
bottom: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
border-radius: 3px;
}

#task_link {
border: 1px solid #ccc;
background-color: white;
border-radius: 5px;
padding: 50px;
margin: 20px;
text-align: left;
}

#docPop .inner.task_link {
top: 120px;
bottom: auto;
width: 800px;
max-width: 100%;
}

#docPop .inner.task_link a {
display: block;
text-align: center;
font-size: 120%;
font-weight: 300;
margin-top: 20px;
}

#docPop .inner iframe#docFrame {
width: 100%;
height: 50%;
background-color: #ffffff;
border: none;
}

#updating {
position: absolute;
z-index: 130;
background-color: rgba(255, 255, 255, 0.89);
border: 1px solid #ccc;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
padding: 30%;
}

.animated {
-webkit-transition: all linear 0.5s;
transition: all linear 0.5s;
}

.animated.ng-hide {
opacity: 0;
}

div.pop-header {
padding: 10px;
text-align: right;
background-color: white;
border-bottom: 1px solid #d0d0d0;
border-radius: 3px;
}

.close-cross {
font-size: 44px;
line-height: 18px;
opacity: 0.4;
filter: alpha(opacity = 20);
font-weight: 200;
}

.close-cross:hover {
color: #000000;
opacity: 0.7;
cursor: pointer;
}
/* document processing popup window ends */

/* Signature pad */
.sigPad {
width: 782px;
max-width: 100%;
}

.sigWrapper.current {
border-color: #C7C6C6;
background-color: white;
border-radius: 4px;
}

.pad {
border-radius: 4px;
}

.disclaimer {
font-weight: 200;
font-size: 12px;
text-align: center;
margin-top: 3px;
text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
/* Signature pad */

/* media from bootstrap */
.media {
margin-top: 15px;
}

.media:first-child {
margin-top: 0;
}

.media, .media-body {
zoom: 1;
overflow: hidden;
}

.media-body {
width: 10000px;
}

.media-object {
display: block;
}

.media-object.img-thumbnail {
max-width: none;
}

.media-right, .media>.pull-right {
padding-left: 10px;
}

.media-left, .media>.pull-left {
padding-right: 10px;
}

.media-left, .media-right, .media-body {
display: table-cell;
vertical-align: top;
}

.media-middle {
vertical-align: middle;
}

.media-bottom {
vertical-align: bottom;
}

.media-heading {
margin-top: 0;
margin-bottom: 5px;
}

.media-list {
padding-left: 0;
list-style: none;
}

/* customization */
.media-left i {
font-size: 18px;
margin-top: 3px;
}

.media-note {
font-size: 90%;
color: #b1b1b1;
font-weight: 200;
}
/* media from bootstrap */