#login {
    margin-left: -100px;
    margin-right: -100px;
}	

.sporteo-front {
  background-image: url('/custom/img/sporteo_bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 100%;
  padding-top: 30px !important;

}

a.action[data-panel="history"][data-action="createActivity"][data-link="calls"] {
	display: none;
}
a.action[data-panel="history"][data-action="createActivity"][data-link="meetings"] {
	display: none;
}

/* For mobile devices */
@media only screen and (min-width: 1025px) and (max-width: 1224px) {
  .sporteo-front {
    background-size: cover !important;
  }    
  #login {
    margin-left: 0px !important;  
  }
}

@media only screen and (max-width: 1024px) {
  .navbar-brand > img {
    width: 100% !important;
  }
  
  body {
    height: 100vh;
  }
  
  .sporteo-front {
    background-size: cover !important;
  } 
  
  #login {
    width: 66.66666666666666%;
    margin: 0 auto;
  }
  
  footer {
    position: relative;
    height: 26px;
    margin-top: -28px;
  }
  
  body>footer>p.credit {
	  margin-top: 50px;
  } 
  
	}
	
@media only screen and (max-width: 320px) {
 .oats-news {
    height: 1500px !important; 
    margin-top: 40px;
 }   
}    

body {
    padding-top: 0px !important;
}

body > footer {
    opacity: 0.4;
}


.panel-heading {
    background-color: #fff !important;
}

.logo-container {
    width: 100% !important;
    text-align: center;
}

.panel-heading {
    margin: 0px !important;
    padding-top: 6px !important;
}

#content {
    padding-top: 30px;
}

.navbar-right {
    background-color: #fff !important;
}

a.global-searcy-button, #header .navbar-right > li > a {
    color: #003f75 !important;
}

#global-search-input {
    border: 1px solid #f4c200 !important;
}

.navbar-inverse {
    background-color: #003f75 !important;
}

.logo {
    margin: 0px auto;
    background-color: #fff;
}

.navbar-brand > img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: 152px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;
}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
    color: #f4c200 !important;
}

.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
    color: #f4c200 !important;
    background-color: #003f75 !important;
}

.negative{
    color: red;
}