/* COMMON */
$font-family: 'Open Sans';
$font-size: 16px;
$font-weight: normal;
$font-weight-bold: bold;
$font-color-gray: #89949e;
$font-weight-emphasis: 600;
$font-line-height: 21px;

$max-content-width: 916px;

/* COLORS */
$text-light: #fff;
$text-black: #000000;
$isa-red: #f70400;
$isa-white: #ffffff;
$isa-lightgray: #e2e2e2;
$isa-branch: #89949e;
$isa-branch-active: #59647a;
$isa-customer: #557596;
$isa-customer-light: #a3b4c8;
$isa-customer-inactive: #9cb1c6;
$isa-customer-active: #1f466c;
$isa-neutral-info: #be8100;
$isa-light-blue-platinum: #e1ebf5;

/* LAYOUT */
$layout-border-radius: 5px;
$layout-height: 90%;
$layout-background: $isa-white;
$layout-content-margin: 5px 3% 3% 3%;
$layout-content-padding: 2rem 0.3rem 3rem;
$isa-branch-bg: #e6eff9;
$text-grey: #596470;
$text-lightgrey: #596470;

/* ***MIXINS*** */
/* MEDIA */
$phone-only: 599px;
$tablet-portrait: 660px;
$tablet-landscape: 900px;
$desktop: 1200px;
$big-desktop: 1800px;

/* ***MODULES*** */

/* CONTENT */
$content-background-color: #fff;
$content-border-radius: 5px;

/** CHIP  */
$chip-border-radius: 27px;
$chip-padding: 0 20px 0 21px;
$chip-height: 53px;

/* HEADLINE */
$headline-font-size-l: 26px;
$headline-font-size-m: 22px;
$headline-font-size-s: 20px;
$headline-font-size-xs: 18px;

/* INPUT */
$input-height-size-l: 60px;
$input-font-size: 21px;
$input-letter-spacing: -0.01rem;
$input-round-borders: 30px;

/* BUTTON */
$button-font-weight: bold;
$button-font-size-l: 18px;
$button-font-size-xl: 18px;
$button-line-height: 19px;
$button-line-height-l: 21px;
$button-line-height-xl: 21px;
$button-padding: 0.25rem 0.5rem;
$button-padding-l: 0.5rem 0.75rem;
$button-padding-xl: 1rem 1.25rem;
$button-border-radius: 5px;
$button-pill-radius: 50rem;
$button-disabled-color: #89949e;

/* CARD */
$card-background-color: #fff;
$card-border-radius: 5px;
$card-padding: 16px 18px;

/* MODAL */
$modal-background-color: #fff;
$modal-body-height: 500px;
$modal-border-radius: 5px;
$modal-padding: 20px 20px 30px;
$modal-line-height: 19px;
$modal-backdrop: rgba(
  $color: #0f2942,
  $alpha: 0.9,
);
$modal-title-font-size: 20px;
$modal-title-line-height: 24px;
$modal-title-text-align: center;
$modal-title-padding: 0 2rem;
$modal-font-size: 16px;

/* DATEPICKER */

$datepicker-header-body-divider-color: #9cb1c6;
$datepicker-table-header-color: #557596;
$datepicker-selected-cell-bg-color: #9cb1c6;
$datepicker-cell-not-in-range-color: #9cb1c6;
$datepicker-border-color: #9cb1c6;
