$cc-font-family: 'Public sans' !default;
$font-family: $cc-font-family !default;
$cc-float-label-font-color: #1d71ad !default;

$group-droparea-bg-color: #e4edf4 !default;
$grid-header-border-color: #a0b6c9 !default;
$group-droparea-color: #175988 !default;
$grid-header-font-weight: 700 !default;

$cc-item-size: 40px !default;
$cc-icon-size: 40px !default;
$cc-icon-size-small: 30px !default;
$cc-default-border-radius: 3px !default;

$cc-scrollbar-thumbColor: #484f60 !default;
$cc-scrollbar-trackColor: #e8eceb !default;
$cc-scrollbar-stopPoint: 10% !default;

$cc-color-action: #1A73E8 !default;
$accent: $cc-color-action !default;
$cc-color-input-background-color: white !default;
$cc-color-input-placeholder-color: #8083A3 !default;
$cc-color-validation-error-background: #ffe6e6 !default;
$cc-color-dark: #22313C !default;
$cc-color-background: #F8F8Fa !default;
$cc-color-main: #1060AD !default;
$cc-color-light-accent: #DCE4EA !default;
$cc-color-light: #FFFFFF !default;
$cc-color-grey: #F5F5FC !default;
$cc-color-icons-dark: #29363F !default;
$cc-color-form-input-border: #EDEBEC !default;
$cc-color-label: #8083A3 !default;
$cc-color-input-indicator-mandatory: #C1002A !default;
$cc-color-error: #C1002A !default;
$cc-color-valid: #429777 !default;
$cc-color-input-search-triangle: #e26bcd !default;
$cc-color-input-sequence: #B00060 !default;
$cc-color-input-lov: #1A73E8 !default;
$cc-color-code: #00628D !default;
$cc-color-input-focus: #BBD9E6 !default;
$cc-color-label-active: #525E64 !default;
$cc-color-input-disabled: #DAD9D9 !default;
$cc-color-input-invalid: #E29CA2 !default;
$cc-color-text-light: #F7FAFA !default;
$cc-color-font: #171721 !default;
$cc-color-action-accent: #848a9e !default;
$cc-color-text-main: #22313C !default;
$cc-color-input-positive: #d7ead7 !default;
$cc-color-input-important: $cc-color-light !default;
$cc-color-input-info: #e4e6eb !default;
$cc-color-active-accent: #8faba6 !default;
$cc-color-less-light: #F7FAFA !default;
$cc-color-border: #CCCCCC !default;
$cc-color-border-light: #FFFFFF !default;
$cc-color-form-input-background-focus: #BBD9E6 !default;
$cc-color-inactive: #A5CBDA !default;
$cc-color-shapes: #0062A9 !default;
$cc-color-hover: #e8eceb !default;
$cc-color-active: #429777 !default;
$cc-color-dark-accent: #475060 !default;
$cc-color-box-shadow: rgba(72,79,96,.25) !default;
$cc-color-scrollbar-thumb: #484f60 !default;
$cc-color-scrollbar-background: #e8eceb !default;
$cc-color-background-selected: #f1fcff !default;

$cc-color-grid-row-background: white !default;
$cc-color-grid-row-odd-background: #fafafa !default;
$cc-color-grid-row-hover-background: #efeeee !default;
$cc-color-grid-row-selected-background: #e5e5e5 !default;

$cc-distance-very-small: 2px !default;
$cc-distance-small: 5px !default;
$cc-distance-medium: 10px !default;
$cc-distance-big: 20px !default;

$cc-scrollbar-size: 15px !default;
$cc-shadow-size: 10px !default;
$cc-shadow-size-small: 5px !default;

$cc-action-size: 40px !default;
$cc-action-size-small: 30px !default;
$cc-item-size-very-small: 20px !default;

$cc-font-size-input-label: 12px !default;
$cc-font-size-small: 10px !default;
$cc-font-size-default: 12px !default;
$cc-font-size-medium: 13px !default;
$cc-font-size-large: 14px !default;

$cc-popup-background-dark: #484F60 !default;
$cc-popup-background-white: #FFFFFF !default;
$cc-popup-background-grey: #CFD0D1 !default;

$cc-popup-min-width: 320px !default;

$cc-super-fast-transition-time: 0.1s !default;
$cc-fast-transition-time: 0.2s !default;
$cc-average-transition-time: 0.5s !default;
$cc-slow-transition-time: 1s !default;

$cc-pretty-hover-transition-time: 0.14s !default;

$cc-font-size-value-text: 13px !default;

$cc-co-dialog-footer-border-width: 2px 0 0 0 !default;
$cc-co-dialog-footer-padding: 20px 0 0 0 !default;
/* Inputs */
$cc-input-required-mark-width-height: 7px;
$cc-input-required-mark-position-top: 7px;
$cc-input-required-mark-position-right: 5px;
$cc-input-font-size: 12px !default;
$cc-input-placeholder-font-style: normal !default;
$cc-input-width: 300px !default;
$cc-input-margin-left: 10px !default;
$cc-input-input-padding: 0 0 5px 10px !default;
$cc-input-content-padding: 30px 0 15px 0 !default;
$cc-input-margin-top: 16px !default;
$cc-input-show-focus-line: true !default;
$cc-input-focus-line-color: $cc-color-action !default;
$cc-input-hover-darken: 75% !default;
$cc-input-hover-color: $cc-color-action !default;
$cc-input-border-style: solid !default;
$cc-input-border-width: 1px !default;
$cc-input-border-color: $cc-color-border !default;
$cc-input-border-radius: 5px !default;
$cc-input-border-hover-style: solid !default;
$cc-input-border-hover-width: 2px !default;
$cc-input-border-hover-color: $cc-input-hover-color !default;
$cc-input-clear-icon-size: 20px !default;
$cc-input-clear-icon-padding: 0 0 5px 0 !default;
$cc-input-label-top: 5px !default;

$cc-input-focused-border-style: solid !default;
$cc-input-focused-border-width: 1px !default;
$cc-input-focused-border-color: $cc-color-action;
/**********/

/* checkbox */
$cc-checkbox-border-radius: 0 !default;
$cc-checkbox-background-color: $cc-color-grey !default;
$cc-checkbox-border-color: $cc-color-border !default;
$cc-checkbox-check-background-color: $cc-color-action !default;
$cc-checkbox-check-border-color: $cc-color-action !default;
$cc-checkbox-check-color: $cc-color-light !default;
$cc-checkbox-hover-background-color: $cc-checkbox-background-color !default;
$cc-checkbox-hover-border-color: $cc-checkbox-border-color !default;
$cc-checkbox-check-hover-background-color: $cc-checkbox-check-background-color !default;
$cc-checkbox-check-hover-border-color: $cc-checkbox-check-border-color !default;
$cc-checkbox-check-hover-color: $cc-checkbox-check-color !default;
/************/

/* radiobutton */
$cc-radiobutton-color-action: #5FDCB3 !default;
/***************/

/* dialog */
$cc-dialog-header-title-font-size: 14px !default;
$cc-dialog-header-title-margin: 0 0 0 0 !default;
$cc-dialog-header-title-font-weight: bold !default;
$cc-dialog-footer-justify-content: center !default;
$cc-dialog-footer-column-gap: 10px !default;
$cc-dialog-checkbox-checked-background-color: $cc-color-action !default;
$cc-dialog-header-title-gap: 10px !default;
/**********/
