// // Variables // -------------------------------------------------- //== Colors // //## Gray and brand colors for use across Bootstrap. @gray-darker: lighten(#000, 13.5%); // #222 @gray-dark: lighten(#000, 20%); // #333 @gray: lighten(#000, 33.5%); // #555 @gray-light: lighten(#000, 60%); // #999 @gray-lighter: lighten(#000, 93.5%); // #eee @brand-primary: #428bca; @brand-success: #5cb85c; @brand-info: #5bc0de; @brand-warning: #f0ad4e; @brand-danger: #d9534f; //== Scaffolding // //## Settings for some of the most global styles. //** Background color for ``. @body-bg: #fff; //** Global text color on ``. @text-color: @gray-dark; //** Global textual link color. @link-color: @brand-primary; //** Link hover color set via `darken()` function. @link-hover-color: darken(@link-color, 15%); //== Typography // //## Font, line-height, and color for body text, headings, and more. @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; @font-family-serif: Georgia, "Times New Roman", Times, serif; //** Default monospace fonts for ``, ``, and `
`.
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          14px;
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px

@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5:            @font-size-base;
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px

//** Unit-less `line-height` for use in components like buttons.
@line-height-base:        1.428571429; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px

//** By default, this inherits from the ``.
@headings-font-family:    inherit;
@headings-font-weight:    500;
@headings-line-height:    1.1;
@headings-color:          inherit;


//== Iconography
//
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.

//** Load fonts from this directory.
@icon-font-path:          "../fonts/";
//** File name for all font files.
@icon-font-name:          "glyphicons-halflings-regular";
//** Element ID within SVG icon file.
@icon-font-svg-id:        "glyphicons_halflingsregular";


//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

@padding-base-vertical:     6px;
@padding-base-horizontal:   12px;

@padding-large-vertical:    10px;
@padding-large-horizontal:  16px;

@padding-small-vertical:    5px;
@padding-small-horizontal:  10px;

@padding-xs-vertical:       1px;
@padding-xs-horizontal:     5px;

@line-height-large:         1.33;
@line-height-small:         1.5;

@border-radius-base:        4px;
@border-radius-large:       6px;
@border-radius-small:       3px;

//** Global color for active items (e.g., navs or dropdowns).
@component-active-color:    #fff;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg:       @brand-primary;

//** Width of the `border` for generating carets that indicator dropdowns.
@caret-width-base:          4px;
//** Carets increase slightly in size for larger components.
@caret-width-large:         5px;


//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.

//** Padding for ``s and ``s.
@table-cell-padding:            8px;
//** Padding for cells in `.table-condensed`.
@table-condensed-cell-padding:  5px;

//** Default background color used for all tables.
@table-bg:                      transparent;
//** Background color used for `.table-striped`.
@table-bg-accent:               #f9f9f9;
//** Background color used for `.table-hover`.
@table-bg-hover:                #f5f5f5;
@table-bg-active:               @table-bg-hover;

//** Border color for table and cell borders.
@table-border-color:            #ddd;


//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

@btn-font-weight:                normal;

@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;

@btn-primary-color:              #fff;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             darken(@btn-primary-bg, 5%);

@btn-success-color:              #fff;
@btn-success-bg:                 @brand-success;
@btn-success-border:             darken(@btn-success-bg, 5%);

@btn-info-color:                 #fff;
@btn-info-bg:                    @brand-info;
@btn-info-border:                darken(@btn-info-bg, 5%);

@btn-warning-color:              #fff;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             darken(@btn-warning-bg, 5%);

@btn-danger-color:               #fff;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              darken(@btn-danger-bg, 5%);

@btn-link-disabled-color:        @gray-light;


//== Forms
//
//##

//** `` background color
@input-bg:                       #fff;
//** `` background color
@input-bg-disabled:              @gray-lighter;

//** Text color for ``s
@input-color:                    @gray;
//** `` border color
@input-border:                   #ccc;
//** `` border radius
@input-border-radius:            @border-radius-base;
//** Border color for inputs on focus
@input-border-focus:             #66afe9;

//** Placeholder text color
@input-color-placeholder:        @gray-light;

//** Default `.form-control` height
@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
//** Large `.form-control` height
@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
//** Small `.form-control` height
@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);

@legend-color:                   @gray-dark;
@legend-border-color:            #e5e5e5;

//** Background color for textual input addons
@input-group-addon-bg:           @gray-lighter;
//** Border color for textual input addons
@input-group-addon-border-color: @input-border;


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

//** Background for the dropdown menu.
@dropdown-bg:                    #fff;
//** Dropdown menu `border-color`.
@dropdown-border:                rgba(0,0,0,.15);
//** Dropdown menu `border-color` **for IE8**.
@dropdown-fallback-border:       #ccc;
//** Divider color for between dropdown items.
@dropdown-divider-bg:            #e5e5e5;

//** Dropdown link text color.
@dropdown-link-color:            @gray-dark;
//** Hover color for dropdown links.
@dropdown-link-hover-color:      darken(@gray-dark, 5%);
//** Hover background for dropdown links.
@dropdown-link-hover-bg:         #f5f5f5;

//** Active dropdown menu item text color.
@dropdown-link-active-color:     @component-active-color;
//** Active dropdown menu item background color.
@dropdown-link-active-bg:        @component-active-bg;

//** Disabled dropdown menu item background color.
@dropdown-link-disabled-color:   @gray-light;

//** Text color for headers within dropdown menus.
@dropdown-header-color:          @gray-light;

//** Deprecated `@dropdown-caret-color` as of v3.1.0
@dropdown-caret-color:           #000;


//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.

@zindex-navbar:            1000;
@zindex-dropdown:          1000;
@zindex-popover:           1060;
@zindex-tooltip:           1070;
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;


//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `@screen-xs` as of v3.0.1
@screen-xs:                  480px;
//** Deprecated `@screen-xs-min` as of v3.2.0
@screen-xs-min:              @screen-xs;
//** Deprecated `@screen-phone` as of v3.0.1
@screen-phone:               @screen-xs-min;

// Small screen / tablet
//** Deprecated `@screen-sm` as of v3.0.1
@screen-sm:                  768px;
@screen-sm-min:              @screen-sm;
//** Deprecated `@screen-tablet` as of v3.0.1
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
//** Deprecated `@screen-md` as of v3.0.1
@screen-md:                  992px;
@screen-md-min:              @screen-md;
//** Deprecated `@screen-desktop` as of v3.0.1
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
//** Deprecated `@screen-lg` as of v3.0.1
@screen-lg:                  1200px;
@screen-lg-min:              @screen-lg;
//** Deprecated `@screen-lg-desktop` as of v3.0.1
@screen-lg-desktop:          @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);


//== Grid system
//
//## Define your custom responsive grid.

//** Number of columns in the grid.
@grid-columns:              12;
//** Padding between columns. Gets divided in half for the left and right.
@grid-gutter-width:         30px;
// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint:     @screen-sm-min;
//** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);


//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.

// Small screen / tablet
@container-tablet:             ((720px + @grid-gutter-width));
//** For `@screen-sm-min` and up.
@container-sm:                 @container-tablet;

// Medium screen / desktop
@container-desktop:            ((940px + @grid-gutter-width));
//** For `@screen-md-min` and up.
@container-md:                 @container-desktop;

// Large screen / wide desktop
@container-large-desktop:      ((1140px + @grid-gutter-width));
//** For `@screen-lg-min` and up.
@container-lg:                 @container-large-desktop;


//== Navbar
//
//##

// Basics of a navbar
@navbar-height:                    50px;
@navbar-margin-bottom:             @line-height-computed;
@navbar-border-radius:             @border-radius-base;
@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
@navbar-collapse-max-height:       340px;

@navbar-default-color:             #777;
@navbar-default-bg:                #f8f8f8;
@navbar-default-border:            darken(@navbar-default-bg, 6.5%);

// Navbar links
@navbar-default-link-color:                #777;
@navbar-default-link-hover-color:          #333;
@navbar-default-link-hover-bg:             transparent;
@navbar-default-link-active-color:         #555;
@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;

// Navbar brand label
@navbar-default-brand-color:               @navbar-default-link-color;
@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
@navbar-default-brand-hover-bg:            transparent;

// Navbar toggle
@navbar-default-toggle-hover-bg:           #ddd;
@navbar-default-toggle-icon-bar-bg:        #888;
@navbar-default-toggle-border-color:       #ddd;


// Inverted navbar
// Reset inverted navbar basics
@navbar-inverse-color:                      @gray-light;
@navbar-inverse-bg:                         #222;
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);

// Inverted navbar links
@navbar-inverse-link-color:                 @gray-light;
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-hover-bg:              transparent;
@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
@navbar-inverse-link-disabled-color:        #444;
@navbar-inverse-link-disabled-bg:           transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color:          #fff;
@navbar-inverse-brand-hover-bg:             transparent;

// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg:            #333;
@navbar-inverse-toggle-icon-bar-bg:         #fff;
@navbar-inverse-toggle-border-color:        #333;


//== Navs
//
//##

//=== Shared nav styles
@nav-link-padding:                          10px 15px;
@nav-link-hover-bg:                         @gray-lighter;

@nav-disabled-link-color:                   @gray-light;
@nav-disabled-link-hover-color:             @gray-light;

@nav-open-link-hover-color:                 #fff;

//== Tabs
@nav-tabs-border-color:                     #ddd;

@nav-tabs-link-hover-border-color:          @gray-lighter;

@nav-tabs-active-link-hover-bg:             @body-bg;
@nav-tabs-active-link-hover-color:          @gray;
@nav-tabs-active-link-hover-border-color:   #ddd;

@nav-tabs-justified-link-border-color:            #ddd;
@nav-tabs-justified-active-link-border-color:     @body-bg;

//== Pills
@nav-pills-border-radius:                   @border-radius-base;
@nav-pills-active-link-hover-bg:            @component-active-bg;
@nav-pills-active-link-hover-color:         @component-active-color;


//== Pagination
//
//##

@pagination-color:                     @link-color;
@pagination-bg:                        #fff;
@pagination-border:                    #ddd;

@pagination-hover-color:               @link-hover-color;
@pagination-hover-bg:                  @gray-lighter;
@pagination-hover-border:              #ddd;

@pagination-active-color:              #fff;
@pagination-active-bg:                 @brand-primary;
@pagination-active-border:             @brand-primary;

@pagination-disabled-color:            @gray-light;
@pagination-disabled-bg:               #fff;
@pagination-disabled-border:           #ddd;


//== Pager
//
//##

@pager-bg:                             @pagination-bg;
@pager-border:                         @pagination-border;
@pager-border-radius:                  15px;

@pager-hover-bg:                       @pagination-hover-bg;

@pager-active-bg:                      @pagination-active-bg;
@pager-active-color:                   @pagination-active-color;

@pager-disabled-color:                 @pagination-disabled-color;


//== Jumbotron
//
//##

@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
@jumbotron-bg:                   @gray-lighter;
@jumbotron-heading-color:        inherit;
@jumbotron-font-size:            ceil((@font-size-base * 1.5));


//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.

@state-success-text:             #3c763d;
@state-success-bg:               #dff0d8;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);

@state-info-text:                #31708f;
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

@state-warning-text:             #8a6d3b;
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);

@state-danger-text:              #a94442;
@state-danger-bg:                #f2dede;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);


//== Tooltips
//
//##

//** Tooltip max width
@tooltip-max-width:           200px;
//** Tooltip text color
@tooltip-color:               #fff;
//** Tooltip background color
@tooltip-bg:                  #000;
@tooltip-opacity:             .9;

//** Tooltip arrow width
@tooltip-arrow-width:         5px;
//** Tooltip arrow color
@tooltip-arrow-color:         @tooltip-bg;


//== Popovers
//
//##

//** Popover body background color
@popover-bg:                          #fff;
//** Popover maximum width
@popover-max-width:                   276px;
//** Popover border color
@popover-border-color:                rgba(0,0,0,.2);
//** Popover fallback border color
@popover-fallback-border-color:       #ccc;

//** Popover title background color
@popover-title-bg:                    darken(@popover-bg, 3%);

//** Popover arrow width
@popover-arrow-width:                 10px;
//** Popover arrow color
@popover-arrow-color:                 #fff;

//** Popover outer arrow width
@popover-arrow-outer-width:           (@popover-arrow-width + 1);
//** Popover outer arrow color
@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
//** Popover outer arrow fallback color
@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);


//== Labels
//
//##

//** Default label background color
@label-default-bg:            @gray-light;
//** Primary label background color
@label-primary-bg:            @brand-primary;
//** Success label background color
@label-success-bg:            @brand-success;
//** Info label background color
@label-info-bg:               @brand-info;
//** Warning label background color
@label-warning-bg:            @brand-warning;
//** Danger label background color
@label-danger-bg:             @brand-danger;

//** Default label text color
@label-color:                 #fff;
//** Default text color of a linked label
@label-link-hover-color:      #fff;


//== Modals
//
//##

//** Padding applied to the modal body
@modal-inner-padding:         15px;

//** Padding applied to the modal title
@modal-title-padding:         15px;
//** Modal title line-height
@modal-title-line-height:     @line-height-base;

//** Background color of modal content area
@modal-content-bg:                             #fff;
//** Modal content border color
@modal-content-border-color:                   rgba(0,0,0,.2);
//** Modal content border color **for IE8**
@modal-content-fallback-border-color:          #999;

//** Modal backdrop background color
@modal-backdrop-bg:           #000;
//** Modal backdrop opacity
@modal-backdrop-opacity:      .5;
//** Modal header border color
@modal-header-border-color:   #e5e5e5;
//** Modal footer border color
@modal-footer-border-color:   @modal-header-border-color;

@modal-lg:                    900px;
@modal-md:                    600px;
@modal-sm:                    300px;


//== Alerts
//
//## Define alert colors, border radius, and padding.

@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      bold;

@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;

@alert-warning-bg:            @state-warning-bg;
@alert-warning-text:          @state-warning-text;
@alert-warning-border:        @state-warning-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;


//== Progress bars
//
//##

//** Background color of the whole progress component
@progress-bg:                 #f5f5f5;
//** Progress bar text color
@progress-bar-color:          #fff;

//** Default progress bar color
@progress-bar-bg:             @brand-primary;
//** Success progress bar color
@progress-bar-success-bg:     @brand-success;
//** Warning progress bar color
@progress-bar-warning-bg:     @brand-warning;
//** Danger progress bar color
@progress-bar-danger-bg:      @brand-danger;
//** Info progress bar color
@progress-bar-info-bg:        @brand-info;


//== List group
//
//##

//** Background color on `.list-group-item`
@list-group-bg:                 #fff;
//** `.list-group-item` border color
@list-group-border:             #ddd;
//** List group border radius
@list-group-border-radius:      @border-radius-base;

//** Background color of single list items on hover
@list-group-hover-bg:           #f5f5f5;
//** Text color of active list items
@list-group-active-color:       @component-active-color;
//** Background color of active list items
@list-group-active-bg:          @component-active-bg;
//** Border color of active list elements
@list-group-active-border:      @list-group-active-bg;
//** Text color for content within active list items
@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);

//** Text color of disabled list items
@list-group-disabled-color:      @gray-light;
//** Background color of disabled list items
@list-group-disabled-bg:         @gray-lighter;
//** Text color for content within disabled list items
@list-group-disabled-text-color: @list-group-disabled-color;

@list-group-link-color:         #555;
@list-group-link-hover-color:   @list-group-link-color;
@list-group-link-heading-color: #333;


//== Panels
//
//##

@panel-bg:                    #fff;
@panel-body-padding:          15px;
@panel-heading-padding:       10px 15px;
@panel-footer-padding:        @panel-heading-padding;
@panel-border-radius:         @border-radius-base;

//** Border color for elements within panels
@panel-inner-border:          #ddd;
@panel-footer-bg:             #f5f5f5;

@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;

@panel-primary-text:          #fff;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @brand-primary;

@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-border;
@panel-success-heading-bg:    @state-success-bg;

@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-border;
@panel-info-heading-bg:       @state-info-bg;

@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-border;
@panel-warning-heading-bg:    @state-warning-bg;

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
@panel-danger-heading-bg:     @state-danger-bg;


//== Thumbnails
//
//##

//** Padding around the thumbnail image
@thumbnail-padding:           4px;
//** Thumbnail background color
@thumbnail-bg:                @body-bg;
//** Thumbnail border color
@thumbnail-border:            #ddd;
//** Thumbnail border radius
@thumbnail-border-radius:     @border-radius-base;

//** Custom text color for thumbnail captions
@thumbnail-caption-color:     @text-color;
//** Padding around the thumbnail caption
@thumbnail-caption-padding:   9px;


//== Wells
//
//##

@well-bg:                     #f5f5f5;
@well-border:                 darken(@well-bg, 7%);


//== Badges
//
//##

@badge-color:                 #fff;
//** Linked badge text color on hover
@badge-link-hover-color:      #fff;
@badge-bg:                    @gray-light;

//** Badge text color in active nav link
@badge-active-color:          @link-color;
//** Badge background color in active nav link
@badge-active-bg:             #fff;

@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;


//== Breadcrumbs
//
//##

@breadcrumb-padding-vertical:   8px;
@breadcrumb-padding-horizontal: 15px;
//** Breadcrumb background color
@breadcrumb-bg:                 #f5f5f5;
//** Breadcrumb text color
@breadcrumb-color:              #ccc;
//** Text color of current page in the breadcrumb
@breadcrumb-active-color:       @gray-light;
//** Textual separator for between breadcrumb elements
@breadcrumb-separator:          "/";


//== Carousel
//
//##

@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

@carousel-control-color:                      #fff;
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;

@carousel-indicator-active-bg:                #fff;
@carousel-indicator-border-color:             #fff;

@carousel-caption-color:                      #fff;


//== Close
//
//##

@close-font-weight:           bold;
@close-color:                 #000;
@close-text-shadow:           0 1px 0 #fff;


//== Code
//
//##

@code-color:                  #c7254e;
@code-bg:                     #f9f2f4;

@kbd-color:                   #fff;
@kbd-bg:                      #333;

@pre-bg:                      #f5f5f5;
@pre-color:                   @gray-dark;
@pre-border-color:            #ccc;
@pre-scrollable-max-height:   340px;


//== Type
//
//##

//** Text muted color
@text-muted:                  @gray-light;
//** Abbreviations and acronyms border color
@abbr-border-color:           @gray-light;
//** Headings small color
@headings-small-color:        @gray-light;
//** Blockquote small color
@blockquote-small-color:      @gray-light;
//** Blockquote font size
@blockquote-font-size:        (@font-size-base * 1.25);
//** Blockquote border color
@blockquote-border-color:     @gray-lighter;
//** Page header border color
@page-header-border-color:    @gray-lighter;


//== Miscellaneous
//
//##

//** Horizontal line color.
@hr-border:                   @gray-lighter;

//** Horizontal offset for forms and lists.
@component-offset-horizontal: 180px;
  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `url` varchar(1000) NOT NULL DEFAULT '',
  `res` varchar(255) NOT NULL DEFAULT '' COMMENT '-=not crawl, H=hit, M=miss, B=blacklist',
  `reason` text NOT NULL COMMENT 'response code, comma separated',
  `mtime` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(),
  PRIMARY KEY (`id`),
  KEY `url` (`url`(191)),
  KEY `res` (`res`)




	
	Mijn ervaring met Slimking Casino: een kritische blik op de interface | JNP Sri Lanka | National Freedom Front
		




	
	
			
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	





































    
    











	

		

			
			
            

                

                    






                

                

                                                        

                

                    
 



  
  

    
    
  


  

    
    
  


  

    
    
  

	
 

    
    
  


  

    
    
  


	


  
  
  
		
	

 
  
  
  







                


            


            
		

	

	

		
		 

	

		

			

									

						

							

								
Mijn ervaring met Slimking Casino: een kritische blik op de interface

																	
by JNP Media   4/07/2026 | 9:06
                                    0
                                    Posted in Slimking Casino 

															

							

																			Mijn ervaring met Slimking Casino: een kritische blik op de interface
																		

							

																
Mijn ervaring met Slimking Casino: een kritische blik op de interface


 Slimking Casino: Een review met aandacht voor jouw speelgedrag


Eerste Indrukken en Navigatie


Bij het openen van Slimking Casino viel mij onmiddellijk de moderne uitstraling op. De site laadde op mijn vaste breedbandverbinding in ongeveer 1.5 seconden, wat een vlotte start beloofde. Op 4G duurde dit iets langer, gemiddeld 2.1 seconden, maar dit bleef binnen aanvaardbare marges. De kleurstelling is consistent en rustig, zonder overdadige animaties die de laadtijden zouden kunnen beïnvloeden. deze Belgische goksite


Verdict: De initiële laadsnelheid is efficiënt, zowel via desktop als mobiel.


De algemene navigatie is helder gestructureerd. Ik merkte dat het hoofdsidemenu, geoptimaliseerd voor mobiel, ook op desktop een prominente plaats inneemt. Dit menu biedt directe toegang tot “Casino”, “Live Casino”, “Jackpots”, “Sports”, “Live Betting”, “Virtual Sports”, “Bonuses”, “Tournaments”, “Challenges”, “Collections”, “Store” en “VIP Levels”. Het is een uitgebreide lijst, maar de verticale indeling houdt het overzichtelijk.


Verdict: De menu-opbouw is functioneel en compleet.


Bovenaan de pagina schakel je moeiteloos tussen “Casino”, “Sports” en “Bonuses”. Deze prominente knoppen zorgen voor snelle categoriewisselingen. De zoekbalk over de gehele site is een welkome toevoeging; ik testte deze met termen als “Megaways” en “Pragmatic Play”, en de resultaten verschenen direct. Een vlekkeloze functionaliteit, zeker als je vergelijkt met deze Belgische goksite die ik eerder analyseerde.


Verdict: De zoekfunctie is snel en accuraat.


De footer is eveneens goed ingedeeld, met links naar het “Help Centre”, de Privacy Policy, Responsible Gaming, Cookie Notice en de Algemene Voorwaarden. Ook vond ik daar de “Create Shortcut” optie en een “Sitemap”, wat de toegankelijkheid van informatie bevordert. De “VIP” pagina is ook eenvoudig via de footer te vinden, naast de directe link in het zijmenu.


Verdict: De footer bevat alle essentiële links en extra functionaliteiten.


 Slimking Casino slaat handen ineen met Evolution Gaming voor superieure live casino ervaring


Bonussen: Van Welkomstpakket tot Wekelijkse Boosts


Het bonusaanbod bij Slimking Casino is ronduit indrukwekkend, zowel in omvang als in variatie. Ik begon mijn verkenning op de bonuspagina, waar filters zoals “All”, “Casino”, “Sports” en “Specials” je helpen door het ruime aanbod te navigeren. Dit is een doordacht UI-element, het bespaart je veel scrolwerk.


Verdict: De filtermogelijkheden op de bonuspagina zijn uitermate praktisch.


Direct viel de “Generous Casino Welcome Bonus” op: 100% tot €1,000 plus 200 gratis spins. Voor sportliefhebbers is er een “Exciting Sports Welcome Offer” van 130% tot €500. Beide zijn duidelijk gelabeld als “Casino” of “Sport” op hun respectievelijke promotiekaarten. Dit voorkomt verwarring.


Verdict: Welkomstbonussen zijn genereus en helder gecommuniceerd.


Bovenin de pagina zag ik een “World Cup Celebration” promo banner, die een aandeel van €1500 beloofde. Dergelijke tijdelijke acties houden het aanbod fris. Een handige ‘sticky’ promo bar onderaan het scherm toont de casino welkomstaanbieding met een duidelijke “GET” knop. Je kunt deze bonus dus nooit over het hoofd zien.


Verdict: Promoties zijn dynamisch en constant zichtbaar, wat activatie stimuleert.


Naast de welkomstbonussen zijn er ook doorlopende promoties. De “Weekly Reload” biedt 77% tot €700 plus 50 gratis spins, een substantiële wekelijkse boost. In het weekend kun je profiteren van de “Weekend Reload Bonus” met 50% tot €700 plus 50 gratis spins. Voor de trouwe speler is er een “Weekly Cashback” van 15% tot €3,000, wat een geruststellend vangnet biedt.


Verdict: De terugkerende bonussen zijn concurrerend en gericht op retentie.


De sportsectie heeft een speciaal beloningsprogramma. Hier vind je aanbiedingen voor voetbal, basketbal, tennis en andere topsporten. Er zijn dynamische live sportweddenschappen, cashback bonussen, stortingsbonussen en exclusieve VIP-beloningen. Ook zijn er speciale aanbiedingen voor grote competities en toernooien. Deze gelaagdheid toont een diepgaande aandacht voor de sportgokker.


Verdict: Het sportspecifieke bonusaanbod is uitgebreid en doelgericht.


Spelbibliotheek en Live Casino Ervaring


Met meer dan 4.000 casinospellen is de bibliotheek van Slimking Casino enorm. Het aanbod omvat alles van slots tot live dealers. De lobby is logisch ingedeeld in categorieën zoals “Top”, “New”, “Hot”, “Exclusive” en “Megaways”. Dit vergemakkelijkt het ontdekken van nieuwe favorieten.


Verdict: De spelbibliotheek is zeer uitgebreid en goed geordend in hoofdgroepen.


Onder de hoofdsecties vind je “Live Games”, “Table Games”, “Slots” en “All Games”, waardoor je direct naar je voorkeurstype kunt springen. Wat mij echt positief verraste, zijn de geavanceerde filters. Je kunt filteren op “Providers”, “Live Dealer”, “Epic Jackpots”, “Roulette” en “Blackjack”. Dit is essentieel bij zo’n grote verzameling spellen.


Verdict: De geavanceerde filteropties zijn cruciaal en functioneren perfect.


Ik heb diverse spellen getest. “Big Bass Day at the Races” en “Coin Volcano Hold and Win” speelden vloeiend, met snelle laadtijden van de spellen zelf, gemiddeld onder de 5 seconden. De grafische weergave was scherp, zelfs op een ouder tablet. “Sweet Bonanza Super Scatter” en “Reactoonz 100” van Play’n GO toonden de kwaliteit van de ontwikkelaars.


Verdict: Individuele spellen laden snel en leveren een stabiele speelervaring.


De lijst met providers is indrukwekkend: Pragmatic Play, Play’n GO, 3 Oaks Gaming, Red Rake, Betsoft en Gamzix. Dit zijn stuk voor stuk topnamen in de industrie. Dit garandeert niet alleen kwantiteit, maar ook kwaliteit en diversiteit in spelmechanismen.


Verdict: Het aanbod van gerenommeerde providers is uitstekend.


Het live casino heeft een eigen sectie met veel variatie. Je vindt er “Gold Saloon”, diverse “Roulette”- en “Blackjack”-tafels, “International Tables”, “Game Shows”, “Baccarat & Dice” en “Poker”. Ik probeerde “Mega Roulette” en “Blackjack 100 – Azure”. De streams waren stabiel en de dealers professioneel. Geen enkele hapering in de verbinding. De specifieke filters voor live dealer spellen werken naadloos.


Verdict: Het live casino biedt een realistische en storingsvrije ervaring.


Voor jackpotjagers zijn er “Epic Jackpots” en “All Jackpots” secties. Ik zag populaire titels zoals “Buffalo Extreme 10,000 Hold and Win” en “Ultimate Golden Dragon Inferno” met hun potentiële uitbetalingen prominent weergegeven. Dit visuele aspect motiveert direct.


Verdict: De jackpotsectie is helder gepresenteerd en gemakkelijk toegankelijk.


De Sportgokken Sectie: Analyse van Opties


Slimking Casino biedt een complete sportsbook naast het casinoaanbod. Dit is geen bijzaak; de sportssectie voelt volwaardig aan. Ik navigeerde gemakkelijk tussen “Sportsbook”, “Live Betting” en “Virtual Sports”, die elk hun eigen tabbladen hebben. De layout is intuïtief, zelfs voor beginnende sportgokkers.


Verdict: De sportssectie is volledig geïntegreerd en overzichtelijk.


Het aanbod aan sporten is enorm. Ik telde meer dan 20 verschillende categorieën, van “Football”, “Tennis”, “E-Football” en “Basketball” tot niche sporten zoals “Padel”, “Lacrosse” en “Aussie Rules”. Voor elke smaak is er wel iets. Dit brede spectrum is een groot pluspunt.


Verdict: Het sportaanbod is uitzonderlijk breed en gedetailleerd.


De interface voor weddenschappen is efficiënt. Een “Betslip” verschijnt automatisch zodra je een selectie maakt. Daarnaast toont een “Popular Bets” paneel de meest gekozen weddenschappen, wat handig is voor inspiratie. Ik merkte ook een speciale sectie voor “Boosted Odds” op, waar ik verhoogde noteringen vond voor specifieke evenementen.


Verdict: De wedinterface is gestroomlijnd, en de aanwezigheid van boosted odds is aantrekkelijk.


Voor live gokken zijn er real-time indicatoren en duidelijke “Top Leagues / Live Leagues” secties. Ik volgde een fictieve wedstrijd tussen Portugal en Kroatië; de noteringen van 1.73 / 3.66 / 5.00 werden dynamisch bijgewerkt. De site belooft “real-time stats” en “instant updates”, en mijn tests bevestigden de snelle verwerking van data.


Verdict: Live betting is snel en responsief, met actuele informatie.


De “Boosted Bets” waren bijzonder interessant. Bij de wedstrijd Spanje tegen Oostenrijk zag ik een notering van 1 + 1.5 total corners, geboost naar 3.60 (van 3.25). Ook een “Correct score 4:0” voor Spanje tegen Oostenrijk was geboost naar 16.00 (van 14.00). Dit geeft duidelijk meerwaarde aan specifieke weddenschappen.


Verdict: De boosted odds bieden concrete voordelen voor de gokker.


Ook de virtuele sporten (“Virtual Sports”) hebben een eigen plaats, naast e-sports. Dit completeert het aanbod voor iedereen die graag buiten de traditionele sporten wedt. Van “Virtual sports tournaments” tot “E-Basketball”, de variatie is ruim aanwezig.


Verdict: De sectie voor virtuele en e-sports is een waardevolle aanvulling.


Transacties en Klantenservice


Het betalingsproces bij Slimking Casino is transparant. Er zijn aparte tabbladen voor stortingen en opnames, wat verwarring voorkomt. Ik waardeer de duidelijke communicatie over de limieten per methode, dit voorkomt verrassingen.


Verdict: Het betalingsgedeelte is helder en makkelijk te navigeren.


Voor stortingen is er een ruime keuze. Ik zag Visa/Mastercard met limieten van €10 – €2,000, Bank Transfer van €10 – €4,000, en Revolut van €10 – €999. Paysafecard staat toe tot €2,000. Voor grotere bedragen zijn er specifieke bankopties zoals Sparkasse/VR-Banken/Deutsche Bank tot €9,000. Cryptocurrencies (BTC, LTC, ADA, ETH, USDT, USDC) accepteert men van €10 – €5,000. Dit brede scala aan opties is uitstekend.


Verdict: De stortingsmethoden zijn divers en de limieten flexibel.


Opnames bieden vergelijkbare flexibiliteit. Visa/Mastercard/Bank Transfer en alle ondersteunde cryptocurrencies hebben limieten van €10 – €5,000. De site claimt dat “E-wallet deposits and payouts are lightning-fast”. Mijn testopname via USDT was inderdaad binnen 15 minuten verwerkt. Creditcardtransacties verlopen volgens standaard bankprocessen, wat vertrouwen wekt.


Verdict: Opnames zijn snel en betrouwbaar, zeker via crypto en e-wallets.


De klantenservice is goed bereikbaar. De “Live Chat” is prominent aanwezig in zowel het menu als de footer. Ik testte de responstijd en kreeg binnen 30 seconden antwoord op mijn vraag over bonusvoorwaarden. Daarnaast is er een direct e-mailadres, support@slimking.com, voor minder urgente zaken.


Verdict: De live chat is responsief en direct beschikbaar, wat de service versterkt.


Wat de betrouwbaarheid betreft, toont Slimking Casino transparantie met duidelijke links naar de Privacy Policy, Responsible Gaming en de Algemene Voorwaarden. Het platform benadrukt ook het naleven van “Anti Money Laundering” standaarden, inclusief de “5th AML Amendment” en “Customer Due Diligence”. Dit schept vertrouwen in de veiligheid van je gegevens en geld.


Verdict: Transparantie en beveiligingsprotocollen zijn duidelijk aanwezig.


Verder wordt er actief gewezen op verantwoord spelen met de melding “Gambling can be addictive. Play responsibly.” en een 18+ leeftijdsbeperking. Dit toont een verantwoordelijke houding van de operator.


Verdict: Aandacht voor verantwoord spelen is een positief teken.


Loyaliteit en VIP Voordelen


Het loyaliteitsprogramma van Slimking Casino is diepgaand en veelzijdig. Ik vond de “VIP Levels” sectie direct toegankelijk vanuit het zijmenu, wat de status van dit programma benadrukt. Er is een duidelijke focus op het belonen van “dedicated bettors”, zoals de site copy aangeeft.


Verdict: Het VIP-programma is prominent gepositioneerd en lijkt aantrekkelijk voor frequente spelers.


Het VIP-portaal is ook via een link in de footer te vinden. Dit dubbele toegangspunt zorgt ervoor dat je het nooit mist. De features die de loyaliteit aanmoedigen zijn breed: “Challenges”, “Collections”, “Tournaments” en een “Store”. Dit gaat verder dan alleen punten verzamelen; het biedt interactieve elementen.


Verdict: De VIP-toegang en interactieve features zijn goed geïmplementeerd.


De “Specials Section” bundelt deze loyaliteitskenmerken. In de “Exclusive Store” kun je via “Shop Now” unieke items aanschaffen. Voor competitieve spelers zijn er “Thrilling Tournaments” met een “Play Now” knop die je direct naar de actie leidt. “Collections” stimuleren het verzamelen van items of badges, en “Challenges” bieden interactieve missies, allemaal met directe “Play Now” opties.


Verdict: De ‘Specials Section’ is een goed georganiseerde hub voor loyaliteitsactiviteiten, met duidelijke calls-to-action.


Dit systeem zorgt ervoor dat je betrokken blijft bij de site, verder dan enkel het spelen van spellen of plaatsen van weddenschappen. Het creëert een gevoel van progressie en exclusiviteit, wat een belangrijk retentiemechanisme is. De integratie van al deze onderdelen voelt coherent en goed doordacht aan, een verademing ten opzichte van platforms met een rudimentair VIP-systeem.


Verdict: Het gehele loyaliteitssysteem is slim ontworpen om betrokkenheid te maximaliseren.

Facebooktwitterredditpinterestlinkedinmail																 
															

						

							
														
                          
													

								
About Author

																
JNP Media

								

							

						  
					

					




							

		

				

	










			

				

						

							Share						

						
						

							

								
								
								  
 LinkedIn 

								  
 WhatsApp

							

							

								  Copy Link
							


						

						×