/* 
  Styles Template.
  We've provided a base template for simple overriding and styling.
  
  COLORS:
  Simply replace the following values accordingly with your own primary and secondary colors.
  Be sure to use !important after your colors to ensure that your colors will overwrite all default colors.
  - Primary Color: #7ab27f !important;
  
  LOGO:
  Replace the following logos with your own at the same size/location.
  Login Logo:
    - Size: 256w x 256h transparent png.
    - Location: ui/custom/logo.png
    
  Header Bar Logo:
    - Size: 100w x 40h transparent png.
    - Location: ui/custom/logo-wide.png
    
*/

/* UNCOMMENT THE FOLLOWING STYLES BELOW THIS LINE TO ENABLE */

/*** LOGIN PAGE ***/
/* .login-page {
  background-color: #7ab27f !important;
}
.login-panel #logo img {
    display: none; 
}
.login-panel #logo { 
  background: transparent url('/custom/logo.png') no-repeat scroll center center;
  background-size: contain;
  margin: -100px auto 1em;
  background-color: #fff !important;
  width: 100px;
  height: 100px;
  border-radius: 7px;
  border: 7px solid #FFF;
  border-bottom: none;
}

.login-panel #login_form .form-actions button.ph-button {
  color: #ffffff !important;
  transition: box-shadow .3s ease;
  border: none;
  background-image: 
    linear-gradient(to bottom, 
      rgba(255, 255, 255, 0.38), 
      #7ab27f), 
    linear-gradient(#7ab27f, #7ab27f) !important;
}
.login-panel #login_form .form-actions button.ph-button:hover{
  border: none;
  transition: box-shadow .3s ease;
  box-shadow: inset -3px -3px 15px 5px rgba(255, 255, 255, 0.25),
    inset 3px 3px 15px 5px rgba(255, 255, 255, 0.25);
  cursor: pointer;
}
.login-panel #login_form .form-actions button.ph-button:active {
  color: #ffffff !important;
  border: none;
  transition: box-shadow .3s ease;
  box-shadow: inset -2px -2px 15px 0 rgba(0, 0, 0, 0.12),
    inset 2px 2px 15px 0 rgba(0, 0, 0, 0.12);
}  */


/*** HEADER ***/
 /* body header {
  box-shadow: none;
  background: -moz-linear-gradient(left, #202537 0%, #7ab27f 94%) !important;
  background: -webkit-linear-gradient(left, #202537 0%, #7ab27f 94%) !important;
  background: linear-gradient(to right, #202537 0%, #7ab27f 94%) !important;
}

nav .menu.account-menu::before {
  content:"";
  background: transparent url('/custom/logo-wide.png') no-repeat scroll center center;
  background-size: contain;
  width: 100px;
  height: 40px;
  display: inline-block;
  margin-top: 5px;
  margin-right: 20px;
}
.menu-title.username{
  vertical-align: top;
}

.title-bar{
  background-color: #7ab27f !important;
} */