#login-input-label-email,
#login-input-label-password {
    font-size: 15px;
    padding-right: 50px;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    font-size: 18px;
    font-family: Lato-Regular;
    font-weight: semibold;
}

.login-input {
    display: block;
}

.login-input input {
    width: 100%;
    border: 1px solid #e2e2e2;
    height: 40px;
    padding-left: 10px;
    font-size: 18px;
    font-family: Lato-Regular;
    font-weight: semibold;
}

.login-panel-recaptcha {
    width: 420px;
    height: 430px;
    margin: 0 auto;
    border-style: solid;
    border-width: thin;
    border-color: black;
}

.login-panel {
    margin: 0;
    border-style: solid;
    border-width: thin;
    border-color: black;
}

.login-panel form {
    width: 80%;
    margin: 0 auto;
}

.login-panel .panel-body {
    text-align: center;
}

.login-panel .panel-body img {
    margin-bottom: 70px;
}


.login-panel .wrapper {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
}

#login_container {
    width: 100%;
    margin: 0px;
}

.login-panel .reset-success,
.login-panel .activate-success {
    background-color: #cceae3;
    color: #61bb67;
    height: 65px;
    font-size: 16px;
    font-family: Lato-Regular;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}

.login-panel .reset-success div,
.login-panel .activate-success div {
    vertical-align: middle;
    height: 60px;
    display: table-cell;
}

.login-panel .not-activated,
.login-panel .activate-failed {
    background-color: #fad7d5;
    color: #a1484d;
    height: 65px;
    font-size: 16px;
    font-family: Lato-Regular;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}

.login-credentials {
    margin-left: 25%;
    font-size: 18px;
    font-family: Lato-Regular;
    margin-left: 35px;
}

.login-credentials input {
    margin-top: 11px;
}

.login-create-new {
    text-align: center;
    font-family: Lato-Light-Italic;
    font-size: 18px;
}

.login_title {
    font-size: 20px;
}

.login-submit {
    margin-left: 20%;
    transform: scale(0.89);
    transform-origin: 0 0
}

#hello_username, #balance{
    text-transform: capitalize;
}

#error_page {
    text-align: center;
}

.login-panel .btn-myDsp {
    width: 100%;
    height: 60px;
    margin-top: 30px;
    font-family: Lato-Regular;
    font-size: 30px;
    line-height: 50px;
    opacity: 1;
}
.balance{
    margin-right: 150px;
    padding-top: 10px;
}

.searchbar-with-add-funds{
    display: inline-block;
}

.searchbar-without-add-funds{
    display: inline-block;
}

.searchbar-without-add-funds .header-nav {
    margin-right: 22px;
}

.balance-button{
    font-size: 18px;
    opacity: 0.5;
    padding-right: 22px;
}

.notification-popup ol {
    margin-bottom: 0;
}

.notification-popup .circle {
    line-height: 13px;
    position: absolute;
    top: -2px;
    left: 44px;
}

.notification-popup .num_new {
    border-radius: 20px;
    background-color: #0077DD;
    color: white;
    padding: 0px 4px;
    font-size: 0.5em;
    position: absolute;
    font-weight: bold;
}

.notification-popup .md-notifications-none:before {
    font-size: 27px;
}

.notification-popup, .balance-drop-down {
    margin: auto;
    display: inline-block;
    position: relative;
}

.notification-popup .popover {
    width: 400px;
    max-width: 400px;
    padding: 0;
}

.notification-popup > button {
    float: right;
    font-size: 20px;
    line-height: 26px;
    padding-right: 20px;
    padding-left: 20px;
}

.notification-popup .popover-content {
   padding: 3px 2px;
}

.notification-popup .popover-content .link {
    color: #444444;
    font-family: Lato;
}

.notification-popup .popover-content .link .id {
    font-size: 9px;
}

.notification-popup .popover-content .link .name {
    font-size: 10px;
    text-decoration: underline;
}

.headerbar .flex{
    display: flex
}

.notification-popup .popover-content li {
    border-bottom: solid 1px rgba(12, 12, 12, 0.12);
    padding: 15px;
    font-size: 13px;
    font-family: Lato-Bold;
    position: relative;
    width: 100%;
}

.notification-popup .popover-content li:last-child {
    border-bottom: none;
}

.notification-popup .popover-content .is_read span {
    color: #A4A4A4;
}

.notification-popup .popover-content .not_read span {
    color: #444444;
}

.notification-popup .popover-content .no_notifications {
    text-align: center;
    padding: 10px;
    font-size: 13px;
    font-family: Lato-Bold;
}

/*trash icon*/
.notification-popup .popover-content .md {
    color: darkgrey;
    font-size: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto 0;
}

.notification-popup .notification-btn {
    border: 1px #ddd solid;
    color: #0077DD;
    font-size: 11px;
    font-family: Lato-Bold;
}
.notification-popup .is_read a,
.notification-popup .is_read .notification-btn
{
    color:#618da2 !important;
}

.notification-popup a:focus {
    color: #026b9c;
    text-decoration: none;
}

div.notification-popup > div.bottom {
    left: -319px !important;
    margin-top: 8px;
    top: 36px !important;
}

div.notifications-div {
    max-height: 400px;
    overflow-y: auto;
    padding-bottom: 5px;
}

div.notification-popup div.title {
    font-family: Lato-Black;
    padding: 10px;
    font-size: 15px;
    border-bottom: solid 1px rgba(12, 12, 12, 0.12);
}

div.notification-popup div.bottom div.arrow {
    left: 360px;
}

.user-drop-down{
    display: inline-block;

}

.credit-card-symbol{
    top: 3px;
}

.dropdown > ul.logout-dropdown{
    top: 65px;
    left: 0;
}

.user-drop-down .dropdown-toggle{
    height: 100%;
    background: transparent;
    padding-left: 22px;
}

.dropdown > ul.balance-dropdown{
    top: 55px;
    left: auto;
    right: 0;
}

.header-nav .header-nav-brand.backToAdminBtn {
    padding-left: 12px;
}

.backToAdminBtn a {
    text-transform: inherit;
    background-color: #5B8CB3;
    color: white !important;
    font-weight: bold;
}

.contact-drop-down{
    margin: auto;
    display: inline-block;
    position: relative;

}
.contact-drop-down .contact-link{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}
.contact-drop-down .contact-icon{
    font-size: 1.5em;
    margin: 0;
}

.contact-drop-down .contact-label{
    color: black;
    margin-left: 4px;
    font-size: 14px;
}