hnm
/
hazmat-suite


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
							// General variable structure
//
// Variable format should follow the `$component-modifier-state-property` order.

$image: '../img/';
$font: '../fonts/';

// Options
//
// Quickly modify global styling by enabling or disabling optional features.

$enable-caret:              true !default;
$enable-rounded:            false !default;
$enable-shadows:            true !default;
$enable-gradients:          false !default;
$enable-transitions:        true !default;
$enable-hover-media-query:  false !default; // Deprecated, no longer affects any compiled CSS
$enable-grid-classes:       true !default;
$enable-print-styles:       true !default;

// stylelint-disable
$spacer: 1rem !default;
$spacers: () !default;
$spacers: map-merge((
  0: 0,
  1: ($spacer * .25),
  2: ($spacer * .5),
  3: $spacer * 1.5,
  4: ($spacer * 2),
  5: ($spacer * 2.5),
  6: ($spacer * 3),
  7: ($spacer * 4.5)
), $spacers);

// Grid columns
//
// Set the number of columns and specify the width of the gutters.

$grid-columns:                12 !default;
$grid-gutter-width:           30px !default;

$common-padding:				$grid-gutter-width;

// Color system

$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black:    #000 !default;

$grays: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$grays: map-merge(
  (
    "100": $gray-100,
    "200": $gray-200,
    "300": $gray-300,
    "400": $gray-400,
    "500": $gray-500,
    "600": $gray-600,
    "700": $gray-700,
    "800": $gray-800,
    "900": $gray-900
  ),
  $grays
);

$blue:    #007bff !default;
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #e83e8c !default;
$red:     #dc3545 !default;
$orange:  #fd7e14 !default;
$yellow:  #ffc107 !default;
$green:   #28a745 !default;
$teal:    #20c997 !default;
$cyan:    #17a2b8 !default;

$colors: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$colors: map-merge(
  (
    "blue":       $blue,
    "indigo":     $indigo,
    "purple":     $purple,
    "pink":       $pink,
    "red":        $red,
    "orange":     $orange,
    "yellow":     $yellow,
    "green":      $green,
    "teal":       $teal,
    "cyan":       $cyan,
    "white":      $white,
    "gray":       $gray-600,
    "gray-dark":  $gray-800
  ),
  $colors
);


$antrazit:              #2D2D2D;
$antrazit85:            #4C4C4C;
$antrazit60:            #818181;
$antrazit40:            #ABABAB;
$antrazit25:            #CACACA;
$antrazit15:            #E0E0E0;
$antrazit08:            #EFEFEF;
$antrazit05:            #F7F7F7;

$border-color:          $antrazit08;
$border-color-darken:   $antrazit25;

// Grayscale and brand colors for use across Bootstrap.

$gray-dark:                 $antrazit;
$gray:                      $antrazit85;
$gray-light:                $antrazit60;
$gray-lighter:              $antrazit25;
$gray-lightest:             $antrazit08;

$primary:             #990099;
$primary-d-100:			#5C005C;
$primary-d-200:			#250025;
$secondary:             $antrazit60;

$success:             #5cb85c;
$info:                #5bc0de;
$warning:             #f0ad4e;
$danger:              #d9534f;
$inverse:             $gray-dark;


// Body
//
// Settings for the `<body>` element.

$body-bg:                   $white;
$body-color:                $gray-900;


$paragraph-margin-bottom:   2rem;

$font-family-sans-serif:      "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

$font-size-base:              1rem; 
$font-size-sm:                0.75rem;
$font-size-md:                0.875rem;
$font-size-xl:                1.5rem;

$h1-font-size:                $font-size-base * 2;
$h2-font-size:                $font-size-base * 1.5;
$h3-font-size:                $font-size-base * 1.25;
$h4-font-size:                $font-size-base;
$h5-font-size:                $font-size-base;
$h6-font-size:                $font-size-base;

$headings-margin-bottom:      1.5rem;
$headings-font-weight:        bold;

$border-radius:               0 !default;
$border-radius-lg:            0 !default;
$border-radius-sm:            0 !default;

$input-border-color:          $antrazit25;

$input-btn-padding-y:         .375rem !default;
$input-btn-padding-x:         .75rem !default;

$btn-border-width:               1px;
$btn-font-weight: 				bold;

$btn-block-spacing-y:         .625rem !default;

$btn-primary-color:              #fff !default;
$btn-primary-bg:                 $primary !default;
$btn-primary-border:             $btn-primary-bg !default;

$btn-secondary-color:            $gray-dark !default;
$btn-secondary-bg:               #fff !default;
$btn-secondary-border:           #ccc !default;

$btn-info-color:                 #fff !default;
$btn-info-bg:                    $antrazit40 !default;
$btn-info-border:                $antrazit40 !default;

$btn-success-color:              #fff !default;
$btn-success-bg:                 $success !default;
$btn-success-border:             $btn-success-bg !default;

$btn-warning-color:              #fff !default;
$btn-warning-bg:                 $warning !default;
$btn-warning-border:             $btn-warning-bg !default;

$btn-danger-color:               #fff !default;
$btn-danger-bg:                  $danger !default;
$btn-danger-border:              $btn-danger-bg !default;

$btn-padding-x-xl:               1.2rem !default;
$btn-padding-y-xl:               .615rem !default;

$btn-padding-x-xxl:               1rem !default;
$btn-padding-y-xxl:               .615rem !default;

$btn-border-radius:              $border-radius !default;
$btn-border-radius-lg:           $border-radius-lg !default;
$btn-border-radius-sm:           $border-radius-sm !default;
$btn-border-radius-xl:           $border-radius-lg !default;
$btn-border-radius-xxl: 		 $border-radius-lg !default;

$btn-padding-y:               $input-btn-padding-y !default;
$btn-padding-x:               $input-btn-padding-x !default;

$btn-iconed-padding-top: 		$btn-padding-y*1.1;
$btn-iconed-padding-bottom:  	$btn-padding-y*0.9;

$btn-hero-padding-y:               1.4rem !default;
$btn-hero-padding-x:               1.8rem !default;

$btn-hero-iconed-padding-top: 			$btn-hero-padding-y*1.1;
$btn-hero-iconed-padding-bottom:  		$btn-hero-padding-y*0.9;


$dropdown-min-width:                0rem;
$dropdown-box-shadow:               0 2px 15px rgba($black, .2);
$dropdown-border-radius:            3px;
$dropdown-border-width:             0;
$dropdown-padding-y:                23px;

$dropdown-item-padding-y:           7px;
$dropdown-item-padding-x:           30px;

$dropdown-link-color:               $body-color;
$dropdown-link-hover-color:         $primary;
$dropdown-link-hover-bg:            transparent;

$dropdown-link-active-color:        $primary;
$dropdown-link-active-bg:          	transparent;


@import "bootstrap/variables";


$nav-tabs-border-color:             $gray-200;

$nav-tabs-link-hover-border-color:  transparent;

$nav-tabs-link-active-color:        $body-color;
$nav-tabs-link-active-bg:           $gray-100;
$nav-tabs-link-active-border-color: $gray-200 $gray-200 $nav-tabs-link-active-bg;


$common-padding:				$grid-gutter-width;

$modal-inner-padding:         0 !default;
$modal-footer-border-width:     0;

$modal-md:                      540;

$font-family-icons:				'icomoon';

$accordion-border-radius:		10px;

// Dropdowns
//
// Dropdown menu container and contents.