/*-----------------------------------------------------------------*
*  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: url(/images/logo_register.png) no-repeat center;
    width: 200px;
    height: 40px;
    padding-top: 60px;
    margin-right: 90px;
}

.top-logos {
    background: url(../../images/top_logo.png) no-repeat center;
    width: 175px;
    height: 30px;
    margin-top: 21px;
    margin-left: 5px;
}


/*
This image is displayed on emails. 
*/

.email-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);
}

.navbar-default .user_icon {
    background-image: url(/images/sidebar_icons/Admin.svg);
}

.navbar-default .alert_icon {
    background-image: url("../../images/alert_icon.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
**/

.color_header {
    color: #333;
}

.header-background-color {
    background-color: #16864e;
}

.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: #96ca50;
}


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

**/

.body-background-color {
    /*background-color:#D2EDB6;*/
}


/*-----------------------------------------------------------------*
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: #57b7e7;
}


/*-----------------------------------------------------------------*
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: #96ca50;
}

*::-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;
}


/*.force-overflow li:before {	
  content: url(../../images/big-blue-dot.png);
  margin-right:5px;
  vertical-align:middle;
  height:30px;
}*/

.force-overflow .ddd li:before {
    content: url(../../images/big-red-dot.png);
    margin-right: 5px;
    vertical-align: middle;
    height: 30px;
}

.action_button {
    border: solid 2px #1599eb;
    color: #1599eb;
}

.form_link {
    color: #8c8c8c;
}


/** alert colors **/

.alert {
    color: white;
}

.alert-info {
    background-color: #4da9e6;
}

.alert-success {
    background-color: #6fc27e;
}

.alert-warning {
    background-color: #ffbc67;
}

.alert-danger {
    background-color: #ef4438;
}

.btn-main {
    margin-left: 570px;
    background: gradient(linear, left top, left bottom, from(#48a6f4), to(#7ecc52)) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#48a6f4), to(#7ecc52))!important;
    background: -ms-gradient(linear, left top, left bottom, from(#48a6f4), to(#7ecc52))!important;
    background: -moz-gradient(linear, left top, left bottom, from(#48a6f4), to(#7ecc52))!important;
    background: -o-gradient(linear, left top, left bottom, from(#48a6f4), to(#7ecc52))!important;
    filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 )";
    color: #fff!important;
    background-image: linear-gradient(to bottom, #48a6f4 0%, #7ecc52 100%);
    border-radius: 20px!important;
    border: none!important;
}

.btn-small {
    color: #fff!important;
    border: none;
    border-radius: 25px;
    padding: 6px 20px;
    border: none!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#48a6f4), to(#7ecc52))!important;
}

.btn-main:hover {
    color: #fff!important;
}

#editList li:before {
    content: "";
    background: url(../../images/three_dot.png) no-repeat;
    width: 4px;
    float: left;
    height: 14px;
    margin-top: 1px;
    cursor: pointer;
    margin-left: 5px;
    display: inline-block;
    border-radius: 50%;
}

#editList li:after {
    content: "";
    background: red;
    width: 10px;
    float: left;
    height: 10px;
    margin-top: -15px;
    margin-left: 15px;
    margin-right: 10px!important;
    border-radius: 50%;
}

.fa-trash-o {
    cursor: pointer;
}

.btn-main.active {
    color: #fff!important;
}

.orange {
    color: darkorange;
}

.blue {
    color: dodgerblue;
}

.green {
    color: green;
}


/*modal background color change*/

.modal-white {
    background: rgba(131, 198, 183, 0.8)!important;
}


/* Footer */

.footer_main .f_h3 {
    padding-left: 35px;
    color: #48a6f4;
}

.footer_main h4 {
    color: #48a6f4;
}


/*
This is the color that will be used in the top header and all other pages with header sections in 
the body
*/

.navbar-default .navbar-nav>li>a:not(.btn) {
    color: #48a6f4;
}


/* Text Color in the header (add industry tag/add company buttons) */

.color_header {
    color: #48a6f4;
}


/* Dropdown icon for user options */

ul.nav.navbar-nav.navbar-right a.dropdown-toggle {
    color: #9a9a9a;
}

.private_button {
    background-color: #48a6f4;
}

.submit-subscriptions-btn {
    background-color: #48a6f4;
}