/*-----------------------------------------------------------------*
*  G2Link, Inc. 
*  WebService Main Style Sheet
*  (c) 2013, 2014, 2015 all rights reserved, worldwide
* 
*  Version 1.1
* 
* Overview:  This css style sheet can be customized to re-brand 
* the G2Link applications webpages.  Send your edits, and any 
* associated files (images, etc.) to your G2Link account manager.
* 
* Technical questions or bugreports may be sent to <support@g2link.com>
*/ 

/*-----------------------------------------------------------------*
BANNER LOGO
It is displayed in the top left corner of the application and various other places
Please keep the height:width ratio as close to 1:1 as possible
 (10:9 is the farthest divergence allowed)
**/

.top-logo { 
    background-image:url(http://content.g2link.com/image/png/581c92a75fd74a9a038b4567.png);
}

/**
MAIN LOGO
This is the logo image that will be used in large sections
Please Keep the width:height ratio between 2:1 and 2.5:1 (Long not Tall).
For best results the minimum resolution should be 450x200
**/

.big-logo { 
    background-image:url(http://content.g2link.com/image/png/581c93505fd74a9a038b45a0.png);
}

/*-----------------------------------------------------------------*
HEADER BACKGROUND COLOR
This color is used in the main dashboard's top header 
and all other pages with header sections in the body
**/

.header-background-color{
    background-color:#fefefe;
}

.form-border-color{
    border-color:#16864e;
}

/*-----------------------------------------------------------------*
SECONDARY HEADER BACKGROUND
At G2link, we're all about complimentary two-tone schemes.
Purely for reference, take a quick peek at how awesome
this can be, when done right: http://bfy.tw/2OcJ
This color the compliementary background in
the top sub-header on each page.

**/

.subheader-background-color {
    background-color:#fefefe;
}

/*-----------------------------------------------------------------*
BODY BACKGROUND COLOR
Used as a background for all non-white sections of the UI

**/

.body-background-color {
    background-color:#ababab;
}

/*-----------------------------------------------------------------*
STANDARD BUTTON COLOR
Used throughout the application UI for buttons. 

NOTE A: The font color will always be white so a values with a 
high contrast should be used here

NOTE B: Red [#b40000] is used by the application for
certain important action buttons (e.g. deleting things)

**/

.main-button-background-color {
    background-color: #62A5ED;
}

/*-----------------------------------------------------------------*
ALTERNATE BUTTON COLOR

More Two-Tone goodness:  This is used to compliment the standard button color in UI.

NOTE A: Again, the font color will always be white so a values with a 
high contrast should be used here

NOTE B:  Red [#b40000] is used by the application for
certain important action buttons (e.g. deleting things)

**/

.alt-button-background-color {
    background-color: #9CD264;
}

*::-webkit-input-placeholder {
  color: #999999;
}

*::-moz-placeholder {
  color: #999999;
}

*:-moz-placeholder {
  color: #999999;
}

*:-ms-input-placeholder {
  color: #999999;
}

.email-content .header{
    background-color:#383838;
}

/***** EXTRAS ******/

.header-navigation-left .white,.header-navigation-right .white{
    color:#383838;
}

.search_header .white-background{
    background-color:#ababab;
}

.outer-search-form{
    border:1px solid #222222;
}

.alert-update-num{
    color:#b40000;
}

.page-wrapper .footer{
    background-color:#ababab;
}

.portfolio .db-panel-title a{
    color:#fefefe;
}

.portfolio .db-panel-title a:hover{
    color:#222;
}

.page_content .header-background-color{
    background-color:#5e5e5e;
}