/* Import the Bootstrap Helper Variables */
@import 'bootstrap_helpers';


/* When used with Horizon via Django, this value is set automatically from
   settings.py. */
$static_url: static_url() !default;


/* Horizon Custom Variables */

$main-content-min-width: 900px !default;
$sidebar-width: 220px !default;
$border-color: #dddddd !default;
$table-bg-odd: $table-bg-accent !default;
$table-bg-even: #ffffff !default;

/* Resource Browser */

$rbrowser-data-table-border-width: 1px;
$rbrowser-data-table-border-color: $border-color;

$rbrowser-actions-column-padding: 10px;

$rbrowser-small-button-height: 28px;
$rbrowser-td-height: $rbrowser-small-button-height;

$rbrowser-table-cell-padding: 8px;

$rbrowser-selected-color: #e9f5fa;

$rbrowser-wrapper-width: 100%;
$rbrowser-navigation-table-width: 40%;
$rbrowser-content-table-width: $rbrowser-wrapper-width - $rbrowser-navigation-table-width;

$rbrowser-body-background-color: $body-bg;
$rbrowser-header-background-color: $gray-lighter;
$rbrowser-footer-background-color: #f1f1f1;
// Note: the content-wrapper background colors are determined by
//       .table-striped-datatable styles.

// Font-awesome path to the icon fonts
$fa-font-path: $static_url + "horizon/lib/font_awesome/fonts";

/* Charts */

$overview_chart_height: 81px;

/* Responsive Table */
$detail-row-padding: 1em !default;
$expander-width: 1.5em !default;
$reorder-border: 2px solid #1f83c6 !default;
$table-col-avg-width: 150px !default;
$table-border: 1px solid $table-border-color !default;
$table-gap-height: 0.5em !default;
$table-padding: 0.5em !default;

/* Tooltip */
$tooltip-padding: 0.3em 0.8em !default;

/* Magic Search */
$magic-search-min-width: 40em !default;
$magic-search-border-color: #cccccc !default;
$magic-search-margin-bottom: 0 !default;
$magic-search-border-radius: 3px !default;
$magic-search-margin-padding: 2px !default;

/* Member lists */
$members-list-padding: 3px !default;
$members-list-border: 1px solid $gray-light !default;
// TODO: These values are hardcoded lengths but they are actually
// very dependant on the modal size set in the theme.  We need
// to eventually readdress these and calculate them dynamically
$members-list-item-width: 80% !default;
$members-list-item-max-width: 327px !default;
$members-list-roles-width: 125px !default;

// This defines the max-width for a breadcrumb item before it will be truncated
$breadcrumb-item-width: 15em !default;

// This is the max height for the domain/project selector in the top nav. After
// this point, it will scroll.
$context-selector-max-height: calc(99vh - #{$navbar-height}) !default;
