// NOTE
// All the widths and variables for custom components [ap-*]
// should be here for quick and easy access
$navbar-tab-color-inactive: md-color($md-ap-light-grey, 500);
$navbar-tab-color-active: #fff;
$navbar-tab-height: 52px;

$calendar-toolbar-height: 55px;
$calendar-border-color: #f0f0f0;

$scrollbar-width: 5px;
$scrollbar-margin: 5px;
$scrollbar-height: 7px;

$badge-default-color: #5A656F;

$modal-footer-background: #f0f0f0;
$modal-transition-duration: 150ms;
$modal-max-height: 98vh;
$modal-max-width: 90vw;

$item-height: 130px;
$item-title-color: md-color($md-ap-dark, 500);
$item-text-color: md-color($md-ap-dark-grey, 500);
$item-background: #fff;
$item-background-inactive: md-color($md-grey, 50);

$sidenav-mini-width: 75px;
$sidenav-width: 240px;
$sidenav-logo-width: 160px;
$sidenav-item-active: #3E454C;
$sidenav-transition-duration: 400ms;

$color-placeholder: #cbcbcb;
$color-border: #e3e3e3;
$color-label-p: #5E6165;

$color-assign: #CE28FF;
$color-tag: #5EA9FF;

$color-error: #DB1E1E;
$color-success: #8DDE57;
$color-favorite: #FFCC00;
$color-blue: #009CFF;

$color-scheduled: #41BFCA;
$color-queued: #8C50CF;
$color-approve: md-color($md-ap-orange, 500);
$color-assigned: md-color($md-ap-light-orange, 500);

$z-depth-1-strong: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
$z-depth-2-strong: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
$z-depth-3-strong: 0 13px 25px 0 rgba(0, 0, 0, 0.3), 0 11px 7px 0 rgba(0, 0, 0, 0.19);
$z-depth-4-strong: 0 20px 40px 0 rgba(0, 0, 0, 0.3), 0 14px 12px 0 rgba(0, 0, 0, 0.17);
$z-depth-5-strong: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15);

$z-depth-1: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
$z-depth-2: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.066);
$z-depth-3: 0 13px 25px 0 rgba(0, 0, 0, 0.1), 0 11px 7px 0 rgba(0, 0, 0, 0.063);
$z-depth-4: 0 20px 40px 0 rgba(0, 0, 0, 0.1), 0 14px 12px 0 rgba(0, 0, 0, 0.056);
$z-depth-5: 0 27px 55px 0 rgba(0, 0, 0, 0.1), 0 17px 17px 0 rgba(0, 0, 0, 0.05);

$z-depth-1-light: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
$z-depth-2-light: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.033);
$z-depth-3-light: 0 13px 25px 0 rgba(0, 0, 0, 0.05), 0 11px 7px 0 rgba(0, 0, 0, 0.032);
$z-depth-4-light: 0 20px 40px 0 rgba(0, 0, 0, 0.05), 0 14px 12px 0 rgba(0, 0, 0, 0.028);
$z-depth-5-light: 0 27px 55px 0 rgba(0, 0, 0, 0.05), 0 17px 17px 0 rgba(0, 0, 0, 0.025);

// $assets-path: "../node_modules/@agorapulse/material/core/theming/ap-theme/assets/";
$assets-path: "../node_modules/@agorapulse/material/core/theming/ap-theme/assets/";