$header-height: 50px;
$sidebar-width: 250px;
$small-sidebar-width: 60px;

$color-primary: #283c54;
$color-gray: #333333;
$color-light-gray: #eeeeee;
$color-green-gtc: #005BF8; //GPS TRACKIT
$color-blue-gtc: #005BF8; //GPS TRACKIT
$colort-blue-intouch: #03a9f4; //GPS TRACKIT
$color-surface: #ffffff;
$color-ligth: #ffffff;
$color-dark: #f5f5f5;
$color-gray-ligth: #f3f3f3;
$color-red: #d0021b;
$color-red-darker: #772219;
$color-orange: #f5a623;
$color-purple: #A73ADB;
$color-black: #000000;
$color-pending-enable: #de6874ab;
$color-pending-disable: #a3f0b6;
$color-sidebar-hover: #1D3046;
$color-disabled-gray: #727272;

$color-outline: #03a9f4;
$color-border-focused: #8b8b8b;
$color-border: #c3c3c3;
$border-radius: 3px;

$color-button: #03a9f4;
$color-button-focused: #0288d1;
$color-button-disable: #acacac;
$color-button-text: #fff;
$color-button-green: #005BF8;

$color-button-blue: #03a9f4;
$color-button-text-blue: #fff;
$color-button-focused-blue: #0098dc;

$color-button-text-dark-blue: #fff;
$color-button-focused-dark-blue: #4b6f9a;

$color-button-green: #43bf60;
$color-button-text-green: #fff;
$color-button-focused-green: #005BF8;

$color-button-disabled: #e4e4e4;
$color-button-disabled-text: #c6c6c6;

$color-button-cancel: transparent;
$color-button-text-cancel: #57595b;
$color-button-focused-cancel: #e4e4e4;

$color-button-link: transparent;
$color-button-text-link: #57595b;
$color-button-focused-link: #e4e4e4;

$color-button-red: #e40000;
$color-button-text-red: #fff;
$color-button-focused-red: #bd0202;

$color-button-black: #313131;
$color-button-text-black: #fff;
$color-button-focused-black: #5c5b5b;

$color-button-collapse: #FCFCFC;
$color-border-collapse: #E8E8E8;

$color-linear-progress-green: #43bf60;
$color-linear-progress-red: #e40000;
$color-linear-progress-purple: #A73ADB;
$color-linear-progress-orange: #f98812;

$color-border-social-media: #D0D0D0;
$login-container-color: #58666e;
$login-color-bonus: #75D78D;
$color-letter-social-media: #313131;

$color-blue-disabled: #03a9f499;
$color-gray-border: #e0e0e0;
$color-light-blue : #F5FAFD;
$color-untagged : #000000;

/*REVIEW*/
$color-secondary: #a461d8;
$color-success: #3dd598;
$color-info: #50b5ff;
$color-light: #d6d6d6;
$color-danger: #fc5a5a;
$color-warning: #ffc542;
$info-color: #3195a5;
$success-color: #3e884f;
$warning-color: #b69329;
$error-color: #c43d4b;

$navigation-tab-width: 80px;
$default-font-size: 14px;
$default-border-radius: 0.25rem;

$color-sub-table: #f3f2f2;
$color-background-input-no-border: #cccccc;
$color-background-summary: #F6FAFE;
$color-font-summary: #24BCFB;
/*REVIEW*/
$border-style: 1px solid #ebebeb;
$border-style-color: darken(white, 10%);
$dark-border-style: 1px solid rgba(white, 0.1);

$body-bg-color: #202124;
$body-bg-color-light: lighten(#202124, 7%);

$body-bg-color-dark: #04071a;
$body-bg-color-dark-light: #2b3653;

$default-text-color: #646464;
$default-text-color-dark: #b9b9b9;
$default-dark-text-color: #d4d4d4;

$default-avatar-size: 3rem;

$element-focus-outline-opacity: 0.4;

$alternative_gray:#f0f0f0;
$default_switch_button:#01c253;
$vanilla_gray:gray;
$vanilla_black:black;
$vanilla_green:green;
$vanilla_white:white;

$aqua_blue:#04a9f4;
$alternative_red:#e40000;
$separator_gray:#b0b1b1;

$white_gray:#f2f2f2;

$ecu:#48bf65;
$ecu_not:#e2e2e2;

$defaultEntityColor: #00ADFF;


$selectHoverColor: #f4f4f4;
$color_privacy-policy: #ffffffcf;
// Colors behavior
$color_behavior_green: #388E3C;
$color_behavior_green_light: #c1d927;
$color_behavior_orange_light: #f2b852;
$color_behavior_orange: #eb9035;
$color_behavior_red: #e23d1e;

$color_icon_tab: #454343;
$color_tooptip_tab: #bebebe;
$color_green_pills: #65BD6A;

$talentlms_background_loading: rgba(255, 255, 255, 0.568);
// Color Reports
$color-hover-item-report: #F7F7F7;
:export {
	green: $color-green-gtc;
	blue: $colort-blue-intouch;
	red: $color-red;
	orange: $color-orange;
	purple: $color-purple;
	black: $color-black;
	vanilla_gray:$vanilla_gray;
	gray: $vanilla_gray;
	lightGray: $color-light-gray;
	ecu:$ecu;
	ecu_not:$ecu_not;
	defaultEntityColor:$defaultEntityColor;
	color_behavior_green: $color_behavior_green;
	color_behavior_green_light: $color_behavior_green_light;
	color_behavior_orange_light: $color_behavior_orange_light;
	color_behavior_orange: $color_behavior_orange;
	color_behavior_red: $color_behavior_red;
	color-primary: $color-primary;
	color_icon_tab: $color_icon_tab;
	color_tooptip_tab: $color_tooptip_tab;
    color_green_pills: $color_green_pills;
    color_button_green: $color-button-green;
    color_untagged: $color-untagged;
    color_disabled_gray: $color-disabled-gray;
}

/*Realtime maps*/
/*Events*/
$color_evnt_drive: #00ad00;
$color_evnt_ignition_off: #b65345;
$color_evnt_ignition_on: #16aaf2;
$color_evnt_travel_start: #00ad00;
$color_evnt_travel_stop: #ddaea6;
$color_evnt_geofence_in: #b763bb;
$color_evnt_geofence_out: #b763bb;
$color_evnt_idle: #c7be00;
$color_evnt_stop: #b65345;
$color_evnt_parked: #b65345;
$color_evnt_update: #00ad00;
$color_evnt_rapid_acceleration: #b763bb;
$color_evnt_hard_brake: #b763bb;
$color_evnt_hard_turn: #b763bb;
$color_evnt_sudden_stop: #b763bb;
$color_evnt_other: #d7d7d6;
$color_menu_item: #797A7C;

:export {
	color_evnt_drive:	$color_evnt_drive;
	color_evnt_ignition_off: $color_evnt_ignition_off;
	color_evnt_ignition_on: $color_evnt_ignition_on;
	color_evnt_travel_start: $color_evnt_travel_start;
	color_evnt_travel_stop : $color_evnt_travel_stop;
	color_evnt_geofence_in: $color_evnt_geofence_in;
	color_evnt_geofence_out: $color_evnt_geofence_out;
	color_evnt_idle: $color_evnt_idle;
	color_evnt_stop: $color_evnt_stop;
	color_evnt_parked: $color_evnt_parked;
	color_evnt_update: $color_evnt_update;
	color_evnt_rapid_acceleration: $color_evnt_rapid_acceleration;
	color_evnt_hard_brake: $color_evnt_hard_brake;
	color_evnt_hard_turn: $color_evnt_hard_turn;
	color_evnt_sudden_stop: $color_evnt_sudden_stop;
	color_evnt_other: $color_evnt_other;
	color_menu_item: $color_menu_item;
	color_background_summary: $color-background-summary;
	color_black: $color-black;
}


/*Other*/
$color_stoke: #6f6f6f;
$color_custom_area: #c3cfd9;
$color_footer_area: #F1F1F1;
$color_events_area: #DDE1E3;
$color_details_area: #80ABCD;
$color_summary_area: #F5FAFD;
$color_summary_letter: #15B1FB;
$color_text_custom_area: #D7D8DB;
$color_border_area: #E7EBED;
$color_listitem_secundary: #fafafa;
$color-shadow: #ddd;

//Button scss

$typography: "Outfit", sans-serif;

$primary-text-color: #ffffff;
$primary-fill-color: #03a9f4;
$primary-hover-color: #0098dc;

$secondary-text-color: #333333;
$secondary-fill-color: #ffffff;
$secondary-hover-color: #f8f8f8;

$tertiary-text-color: #ffffff;
$tertiary-fill-color: #03a9f4;
$tertiary-hover-color: #0098dc;

$disabled-text-color: #797e83;
$disabled-fill-color: #cacaca;

$warning-text-color: #ffffff;
$warning-fill-color: #df1a31;
$warning-hover-color: #d0021b;
