@import 'icons';
@import 'icons-svg';

@import "./balloon-css/balloon";

/**
 * Variables not yet able to remove from SASS
 */
$sidebar-breakpoint: md !default;

/**
 * CSS variables
 */
:root {
	--primary: #31475e;
	--primary-dark: #135064;
	--primary-light: #d5dffd;
	--secondary: #359678;
	--secondary-dark: #2d8066;

	--body-color: #fff;
	--text-color: #164f63;

	--focus-box-shadow: 0 0 0 1px var(--form-control-border-color-focused);
	--btn-focus-box-shadow: 0 0 0 2px var(--form-control-border-color-focused);

	--btn-padding-x: 1rem;
	--btn-padding-y: 0.4rem;
	--btn-border-radius: 0.375rem;

	/**
	* Form Colors
	*/
	--form-field-error-color: #f56565;
	--form-control-bg: #fff;
	--form-label-color: var(--primary);
	--form-label-color-focused: inherit;
	--form-control-placeholder-color: gainsboro;

	/**
	 * Spacing
	 */
	--form-row-margin-t: 0rem;
	--form-row-margin-b: 1.2rem;
	--form-control-padding-t: 0.4rem;
	--form-control-padding-r: 0.7rem;
	--form-control-padding-b: 0.4rem;
	--form-control-padding-l: 0.7rem;
	--form-control-padding: var(--form-control-padding-t) var(--form-control-padding-r) var(--form-control-padding-b) var(--form-control-padding-l);
	--form-control-min-height: 2.4rem;

	/**
	 * Borders
	 */
	--form-control-border-radius: .375rem;
	--form-control-border-color: gainsboro;
	--form-control-border: 1px solid var(--form-control-border-color);
	--form-control-border-color-focused: var(--primary);

	/**
	* Query properties
	*/
	--query-filters-spacing: 2rem;
	--table-border-color: var(--form-control-border-color);
	--pagination-border-color: var(--form-control-border-color);

	/**
	 * Icons
	 */
	--form-field-icon-color: gainsboro;

	/**
	 * Checkbox & Toggle
	 */
	--form-checkbox-height: 1.3rem;
	--form-toggle-height: 1.54rem;

	/**
	 * Tags & Badge
	 */
	--tags-color: var(--primary);
	--tags-bg: var(--primary-light);
}

[v-cloak] { display: none; }

@import 'Normalize';
@import 'BootstrapGridTable';

@import 'Mixins';
@import 'Shortcuts';
@import 'Transitions';

@import 'Tooltip';

@import 'ButtonLink';
@import 'Tabs';
@import 'Modal';
@import 'Drawer';
@import 'Panel';
@import 'Popup';
@import 'Alert';
@import 'Badge';
@import 'Gallery';
@import 'Spinner';
@import 'Tags';

//Not imported automatically
//import 'Clock';
//import 'Calendar';