body {
    color: #4d4d4d;
    font-size: 16px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    overflow-y: scroll;
    overflow-x: hidden;
}

header {
    background: white;
}
.logo img{
	width: auto;
}
#myrewards .points > .monthly > .number, #myrewards .points > .yearly > .number, #myrewards .points > .entries > .number {
    background: #3d3c36;
    color: white;
}

#embedded_eve { background-color: #0083c1 !important }
embedded-eve .header { background-color: #0083c1 !important }
embedded-eve .end-btn { background: #0083c1 !important }
embedded-eve .arrow-down { border-top: 12px solid #0083c1 !important }


.btn.green {
    background: #3d3c36;
}

.btn-primary {
    background: #3d3c36;
    color: white;
    border: 1px solid white;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus
 {
    background: #3d3c36;
    color: white;
}

.form-horizontal > div {
    background: transparent !important;
    border: none !important;
}

.profileProgressIndicatorOn {
    background: #3d3c36;
}

.nav-tabs > li.active > a {
    border: 2px solid #3d3c36;
    background: white;
    color: #3d3c36;
}
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:active {
    border: 2px solid #3d3c36;
    background: #3d3c36;
    color: white;
}

.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus {
    border: 2px solid #3d3c36;
    background: white;
    color: #3d3c36;
}

#profile > .profile-panel.edit-mode .edit-options ul li a {
    color: #3d3c36;
}

span.home-page-icon a .circle {
    background: #3d3c36;
}
span.home-page-icon a {
    color: #3d3c36;
}
span.home-page-icon a:hover .circle .icon {
    color: #3d3c36;
}

span.home-page-icon a .badge {
    color: white;
    background: #DA3E26;
    border: 2px solid white;
}

.activity-list .item > .top-bar > .indicator > .ticket {
    color: white;
    background: #DA3E26;
}

.activity-list .item > .top-bar > .indicator > .check {
    color: white;
    background: #4E7840;
}

.activity-note {
    background: #cce6ec;
    color: black;
}

.avatar > .avatar-icon {
    background: #3d3c36;
    color: white;
}

.feed-tags > ul.actions li a .fa {
    color: #3d3c36;
}

#feed .item > .detail .read-more {
    color: #3d3c36;
}

#feed .item.pinned-item{
background:#cce6ec;
}

.notice > .notice-icon {
    background: #3d3c36;
    color: white;
}

a, a:hover, a:focus, a:active {
    color: #3d3c36;
}

.form-control:focus {
    border-color: #3d3c36;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.login-button {
    color: white;
    background: #3d3c36;
    border: 2px solid #3d3c36;
}

header .mobile-menu a {
    color: #3d3c36;
}
#main-navigation .mobile-menu-links li a {
    color: #4d4d4d;
}
#main-navigation .mobile-menu-links li a .circle {
    background: white;
}
#main-navigation .mobile-menu-links li a .badge {
   color: white;
    border: 2px solid white;
    background: #DA3E26;
}

@media (min-width: 992px) {
	header .logo {
		width: 13%;
		margin: 10px 0 0 30px;
	}
	
    #main-navigation .mobile-menu-links > li.active > a {
        color: #4d4d4d;
    }
    
    #main-navigation .mobile-menu-links > li > a {
        color: #4d4d4d;
    }

    #main-navigation .mobile-menu-links > li > a:hover {
        color: #3d3c36;
    }

    #main-navigation .mobile-menu-links > li > a > .circle {
        border: 2px solid #3d3c36;
        color: white;
    }

    #main-navigation .mobile-menu-links > li > a > .circle > .icon {
        border-color: #3d3c36;
        color: #3d3c36;
    }

    #main-navigation .mobile-menu-links > li.active > a > .circle {
        border: 2px solid white;
        border-color: #3d3c36;
        color: #3d3c36;
    }

    #main-navigation .mobile-menu-links > li > a:hover > .circle {
        border-color: #3d3c36;
        color: #3d3c36;
    }
    #main-navigation .mobile-menu-links > li > a:hover > .circle > .icon {
        color: #3d3c36;
    }
    
    #main-navigation .mobile-menu-links > li.active > a > .circle > .icon {
        color: #3d3c36;
    }

    #main-navigation .mobile-menu-links li a .badge {
        color: white;
    border: 2px solid white;
    background: #DA3E26;
    }
}

@media (max-width: 990px) {
	header .logo {
		width: 30%;
		margin: 10px 0 0 30px;
	}
}

#main-navigation .mobile-menu-links li a .circle .icon {
    color: #3d3c36;
}

.login-errors {
    color: red;
}
#discussions .discussion-item > .detail h2 {
        margin: 0 0 5px;
	color: #000000;
	font-weight: 400;
	font-size: 16px!important;
	line-height: 20px;
	font-family: 'Montserrat', sans-serif;
}

#discussions .discussion-item > .detail p span.new {
  background: #3d3c36 !important;
}

.avatar > .avatar-inner > img {
    background: transparent;
    border: none;
}

.landing-tile-1, .landing-tile-2, .landing-tile-3{
	height: 160px;
}

.loginWhyJoinBox{
height: 240px;
}

.landing-tile-1 {
  background: rgba(0, 0, 0, 0) url("/images/WorkSafe/landing-tile-1.jpg") repeat scroll center center / cover;  
  margin: 0;
  width: 100%;
}
.landing-tile-2 {
  background: rgba(0, 0, 0, 0) url("/images/WorkSafe/landing-tile-2.jpg") repeat scroll center center / cover;
  margin: 0;
  width: 100%;
}
.landing-tile-3 {
  background: rgba(0, 0, 0, 0) url("/images/WorkSafe/landing-tile-3.jpg") repeat scroll center center / cover;
  margin: 0;
  width: 100%;
}

h1 {
font-size: 30px !important;
color: #3d3c36;
line-height:35px;
}

h2{
font-size: 22px !important;
line-height: 30px !important;
}

h2, #homeMenu h2 a {
    color: #3d3c36;
}

#homeMenu.pull-left {
    float: none !important
}

h1 .ticket {
    color: white;
    background: #DA3E26;
}

footer {
    background: #27313F;
}

@media (min-width: 768px) {
footer .copyright {
float: left;
padding: 25px 0 18px 30px;
text-align: left;
}
}

footer .copyright ul li a {
    color: white;
}
footer .copyright p {
    color: white;
}
footer .copyright ul li {
    color: rgba(255, 255, 255, 0.5);
}
.loginInput, .loginWhyJoinText, .loginIntroText, .loginWhyJoinBox .text{
	color: #27313F !important;
}
@media (min-width: 990px){
footer .logo {
width: 100px;
margin: 20px 20px 18px 0px !important; 
}
}

@media (max-width: 500px) {
footer .logo {
margin: 0 auto !important; 
}
}

.loginInformation .row{
   padding:0px 0px 0px 0px !important
}

.body-page-tour iframe {
    max-width: 100%;
}
#contentBody iframe#tour-video {
   max-width: 100%;
}

@media (min-width: 992px) {
#main-navigation .mobile-menu-links li   {
    width: 110px;
}
   #main-navigation .mobile-menu-links li {
       width: 110px;
       line-height: 15px;
   }
}