/*
//Set a variable to use for the primary brand identity color
//We'll use this color for the background color of the menus - this should have a decent contrast with white as it is sometimes used on a white or gray background for links
$brand-identity-1: #1974bc;

//Set the inverse/contrast color to use for text on that background
$brand-identity-1-inverse: #fff;

//We'll use this color for the background color of the section titles on the detail and form pages
//It should not be the same as the brand-identity-1 color as when using the jump links on the side of
//form and detail pages, we highlight the section with the brand-identity-1 colors
$brand-identity-2: #f9b62e;

//Set the inverse/contrast color to use for text on that background
$brand-identity-2-inverse: #fff;


//Set the background for the header bar.  You could also set a properly tiled
//background image if appropriate
$headerbar-bg: #000;

//Set the border color to be used on that background
$headerbar-border: #333;
//Set a color to be used for hovers on the background
$headerbar-highlight: lighten($headerbar-bg,10%);

//Set the color to be used on the app switcher (currently says extranet)
$headerbar-appname-color: $brand-identity-1-inverse;

//Set the background color of the organization switcher
$headerbar-org-dropdown-color: $brand-identity-2;

//Set the foreground color of the organization switcher
$headerbar-org-dropdown-color-inverse: $brand-identity-2-inverse;

//Set the menu colors (this applies only to the secondary side nav, the primary nav bar should remain the same)
$secondary-nav-color: $brand-identity-1;
$secondary-nav-color-inverse: $brand-identity-1-inverse;

//Just darkening the nav color to create a border and the active state
$secondary-nav-color-border: darken($secondary-nav-color,10%);
$primarynav-color-active: $secondary-nav-color-border;



//Set up the responsive header image for the site.  If a header image is used must set the
//height (which should never vary) in the JSON
.headercontainer {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  height: 0px;
  overflow: hidden;
}

#header_theme_image {
  background-image: url(http://res.cloudinary.com/benextranetdemo/image/upload/crm/extranetv2/BE68EC4F-81D6-4C83-A0B6AB0BD76E5999_469214c5-8767-46c1-a80ecc8fbdd8ddfb);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  min-height: 300px;
}

html .formPanelTitle{
	background-color: $brand-identity-2 !important;
	color: $brand-identity-2-inverse !important;
}

.itemDetail section, .itemForm section {
	border-color: $brand-identity-2 !important;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.itemDetail .formPanelTitle.sectionActiveTitle, .itemForm .formPanelTitle.sectionActiveTitle{
	background-color: $brand-identity-1 !important;
	color: $brand-identity-1-inverse;
}

.itemDetail section.sectionActive, .itemDetail section.sectionActive{
	border-color: $brand-identity-1 !important;
}


//Settings
$headerbar-border: #313131 !default;
$headerbar-bg: #1A1A1A !default;
$headerbar-highlight: #000000 !default;
$headerbar-appname-color: #fdb924 !default;
$headerbar-color: #CCCCCC !default;

$headerbar-org-dropdown-color: #333 !default;
$headerbar-org-dropdown-color-inverse: #fff !default;

$primarynav-color: #313131 !default;
$primarynav-color-inverse: #999 !default;
$primarynav-color-active: #00748a !default;
$primarynav-color-highlight: #1A1A1A !default;
$primarynav-color-border: #444444 !default;

//Styles
.sharedBar {

}
.sharedBar .fa,
.sharedBar .clientArea,
.sharedBar .userArea {
	color: $headerbar-color;
}
.sharedBar .logoArea,
.sharedBar .switchArea {
	border-right-color: $headerbar-border;
}
.sharedBar .taskArea,
.sharedBar .searchArea {
	border-left-color: $headerbar-border;
}
.sharedBar .area.clickable:hover {
	background-color: $headerbar-highlight;
}

.sharedBar .orgArea select, .sharedBar .orgArea option{
	background-color: $headerbar-org-dropdown-color;
	color: $headerbar-org-dropdown-color-inverse;
}

.crmHome {
  .sharedBar {
	background-color: $headerbar-bg;
    .switchArea {
      span {
        color: $headerbar-appname-color;
      }
    }
    .productDropdownContainer  { 
      background-color: $headerbar-bg; 
      border-top-color: $headerbar-border; 
      li { 
        border-top: 1px solid $headerbar-border;  
        span { 
          color: $headerbar-color;  
        }
        a {
          color: $headerbar-color;  
        }
      }
      li:hover { 
        background-color: $headerbar-border; 
      }
      li.selected:hover { 
        background-color: transparent; 
      } 
    }   
  }
  .leftNav {
    color: $primarynav-color-inverse;
    .primaryNav {
      background-color: $primarynav-color;
      .item {
        border-color: $primarynav-color-border;
        &:hover {
          background: $primarynav-color-highlight;
        }
        &.active {
          background: $secondary-nav-color;
          color: $primarynav-color-active;
        }
      }
    }
    .secondaryNav {
      background: $secondary-nav-color;
      color: white;
	  border-color: $secondary-nav-color-border;
      &.bottom {
        background: $secondary-nav-color-border;
      }
      .titleSection {
        border-color: $secondary-nav-color-border;
		h2{
			color: $secondary-nav-color-inverse;
		}
      }
      .item {
        &:hover {
          background: $secondary-nav-color-border;
        }
      }
      .parent {
        border-color: $secondary-nav-color-border;
        .item {
          color: #004755;
        }
      }
    }
  }
}

.jumpTo .nav{
	li.active a{
		color: #191919;
		border-color: $brand-identity-1;
	}
}

.jumpTo .nav li a{
	color: $brand-identity-1;
}
*/
/* line 214, ../sass/theme/theme.scss */
.loginPage {
  background-image: url("/img/charlotte_Harbor_Pier_3-min.jpg") !important;
}
/* line 216, ../sass/theme/theme.scss */
.loginPage .loginPanelContent .submitrow {
  /*hide simpleview logo*/
  /*set custom logo, increased padding to show the entire logo*/
  background-image: url("/img/logo_pgeb.png");
  background-repeat: no-repeat;
  padding-top: 0px;
}
/* line 218, ../sass/theme/theme.scss */
.loginPage .loginPanelContent .submitrow img.logo {
  display: none;
}

/* line 233, ../sass/theme/theme.scss */
html .logoArea img.logo {
  background-image: url(/img/header_logo_pgeb.png);
  width: 0;
  height: 0;
  background-size: cover;
  padding: 28px 150px;
}
