$colors: (
  'blue': #3974e2,
  'green': #008000,
  'red': #c9302c,
  'orange': #ff681f,
  'yellow': #ffc107,
  'white': #ffffff,
  'off-white': #f5f5f5,
  'gray': #d2d6de,
  'muted': #777777,
  'black': #111111,
);

$notifColors: (
  'default': #bdc3c7,
  'info': #5bc0de,
  'primary': #428bca,
  'warning': #f0ad4e,
  'success': #3c763d,
  'danger': #d9534f,
);

$skinColors: (
  'blue': #0073b7,
);

$socialColors: (
  'facebook': #4c69ba,
  'twitter': #35a2f4,
  'whatsapp': #34af23,
  'google': #dd4b39,
  'youtube': #e60000,
  'viber': #9069ae,
  'email': #1d70cc,
  'vkontakte': #41648a,
  'instagram': #49769c,
  'linkedin': #147baf,
  'bitbucket': #205081,
);

$multiSpinnerColors: #34cc80, #ec5c49, #f6bb67, #ffffff;
$multiSpinnerDia: 175.6449737548828;

// z-index
$pretty--z-index-back: 0 !default;
$pretty--z-index-between: 1 !default;
$pretty--z-index-front: 500 !default;

// box
$pretty--curve-radius: 20% !default;
$pretty--box-size: calc(1em + 2px) !default;

// text
$pretty--label-text-offset: 1.5em !default;
$pretty--label-text-offset-switch: 2.5em !default;

// scale
$pretty--2x: 1.2em !default;

// position
$pretty-top: 8;
$pretty-top-switch: ($pretty-top * 2) * 1%;
$pretty-top-offset: calc((0% - (100% - 1em)) - #{$pretty-top * 1%});
$pretty-top-offset-switch: calc((0% - (100% - 1em)) - #{$pretty-top-switch});

// dev
$pretty--debug: false !default;
$pretty--err-message: 'Error: Invalid input type!' !default;

$phone-width: 300px;
$phone-landscape-width: 568px;
$tablet-portrait-width: 768px;
$tablet-landscape-width1: 991;
$phone-and-tablet-portrait-width: 1023px;
$tablet-landscape-width: 1024px;
$desktop-width: 1280px;
$laptop-landscape-width: 1366px;
$desktop-wide-width: 1440px;
$ex-desktop-wide-width: 1680px;
$container-padding: 10px;

$gutter-width: 10px;
$uik-of-12: 12;
$i-12: $uik-of-12;

$actionbar-height: 38px;
$topbar-height: 79px;

$flag-icon-css-path: '../img/flags' !default;
$flag-icon-rect-path: '/4x3/' !default;
$flag-icon-square-path: '/1x1/' !default;

$input-margin: 10px;
$input-caret-position-top: calc(0px - #{$input-margin});
$input-padding-tb: 12px;
$input-padding-lr: 12px;
$input-xs: 10px;
$input-sm: 12px;
$input-md: 13px;
$input-lg: 14px;

$input-height: 25px;

$zindex-dialogs: 99999;
$zindex-dropdown: 9999;
$zindex-sticky: 1020;
$zindex-fixed: 1030;
$zindex-modal-backdrop: 1040;
$zindex-modal: 1050;
$zindex-popover: 1060;
$zindex-tooltip: 1070;