$color-primary1: #0f3859;
$color-primary2: #3bbac8;
$color-primary3: #1a446e;
$color-primary4: #1d4f7e;

$color-neutro1: #474747;
$color-neutro2: #606060;
$color-neutro3: #b7b6b6;
$color-neutro4: #D0D3D9;
$color-neutro5: #f4f4f4;
$color-neutro6: #ececec;


$text-color-panel-white: #fff;
$text-color-menu-site-white: #e1e1e1;

$black: #000;
//----star---

$color-stars: $color-primary2;

//----textColor---

$text-color: #76838f;
$text-color-black: #000000;


//------------ Theme Colors -------------

$white: #fff;

$default: #E1E1E1;
$primary: #3BBAC8;
$success: #14B18D;
$info: #1D4F7E;
$warning: #FABD23;
$danger: #BC2E5B;
$dark: $color-neutro1;
// --- inverse or white ---
$inverse: $color-neutro5;

$text-color-default: #76838f;
$text-color-primary: #fff;
$text-color-success: #fff;
$text-color-info: #fff;
$text-color-warning: #fff;
$text-color-danger: #fff;
$text-color-dark: #fff;
$text-color-white: #76838f;

//------------ Tables ---------------

$table-default: $default;
$table-primary: $primary;
$table-success: $success;
$table-info: $info;
$table-warning: $warning;
$table-danger: $danger;
$table-dark: $dark;
$table-gray: #ccd5db;
$table-active: #f3f7f9;

$table-text-color:#fff;

$table-hover-success: darken($table-success, 15%);
$table-hover-info: darken($table-info, 15%);
$table-hover-warning: darken($table-warning, 15%);
$table-hover-danger: darken($table-danger, 15%);
$table-hover-dark: darken($table-dark, 15%);
$table-hover-active: darken($table-active, 15%);

//------------ Buttons Outline---------------

$button-outline-default: $default;
$button-outline-primary: $primary;
$button-outline-success: $success;
$button-outline-info: $info;
$button-outline-warning: $warning;
$button-outline-danger: $danger;
$button-outline-dark: $dark;
$button-outline-white: $inverse;

$button-text-outline-default: $text-color-default;
$button-text-outline-white: $text-color-white;


$button-text-outline-hover-default: $button-text-outline-default;
$button-text-outline-hover-primary: #fff;
$button-text-outline-hover-success: #fff;
$button-text-outline-hover-info: #fff;
$button-text-outline-hover-warning:#fff;
$button-text-outline-hover-danger: #fff;
$button-text-outline-hover-dark: #fff;
$button-text-outline-hover-white: $button-text-outline-white;

//------------ Buttons ---------------

$button-default: $default;
$button-primary: $primary;
$button-success: $success;
$button-info: $info;
$button-warning: $warning;
$button-danger: $danger;
$button-dark: $dark;
$button-white: $inverse;

$button-text-default: $text-color-default;
$button-text-primary: $text-color-primary;
$button-text-success: $text-color-success;
$button-text-info: $text-color-info;
$button-text-warning: $text-color-warning;
$button-text-danger: $text-color-danger;
$button-text-dark: $text-color-dark;
$button-text-white: $text-color-white;

$button-hover-default: lighten($button-default, 5%);
$button-active-default: darken($button-default, 10%);
$button-disabled-default: lighten($button-default, 30%);
$button-text-disabled-default: lighten($button-default, 10%);

$button-hover-primary: lighten($button-primary, 10%);
$button-active-primary: darken($button-primary, 10%);
$button-disabled-primary: lighten($button-primary, 30%);
$button-text-disabled-primary: #fff;

$button-hover-success: lighten($button-success, 10%);
$button-active-success: darken($button-success, 10%);
$button-disabled-success: lighten($button-success, 30%);
$button-text-disabled-success: #fff;

$button-hover-info: lighten($button-info, 10%);
$button-active-info: darken($button-info, 10%);
$button-disabled-info: lighten($button-info, 30%);
$button-text-disabled-info: #fff;

$button-hover-warning: lighten($button-warning, 10%);
$button-active-warning: darken($button-warning, 10%);
$button-disabled-warning: lighten($button-warning, 30%);
$button-text-disabled-warning: #fff;

$button-hover-danger: lighten($button-danger, 10%);
$button-active-danger: darken($button-danger, 10%);
$button-disabled-danger: lighten($button-danger, 30%);
$button-text-disabled-danger: #fff;

$button-hover-dark: lighten($button-dark, 10%);
$button-active-dark: darken($button-dark, 10%);
$button-disabled-dark: lighten($button-dark, 30%);
$button-text-disabled-dark: #fff;

$button-hover-white: #f3f7f9;
$button-active-white: #ccd5db;
$button-disabled-white: #a3afb7;
$button-text-disabled-white: #ccd5db;

//------------ Labels ---------------

$label-default: $default;
$label-primary: $primary;
$label-success: $success;
$label-info: $info;
$label-warning: $warning;
$label-danger: $danger;
$label-dark: $dark;


$label-text-default: $text-color-default;
$label-text-primary: $text-color-primary;
$label-text-success: $text-color-success;
$label-text-info: $text-color-info;
$label-text-warning: $text-color-warning;
$label-text-danger: $text-color-danger;
$label-text-dark: $text-color-dark;


//------------ Badges ---------------

$badge-default: $default;
$badge-primary: $primary;
$badge-success: $success;
$badge-info: $info;
$badge-warning: $warning;
$badge-danger: $danger;
$badge-dark: $dark;
$badge-white: $inverse;



$badge-text-default: $text-color-default;
$badge-text-primary: $text-color-primary;
$badge-text-success: $text-color-success;
$badge-text-info: $text-color-info;
$badge-text-warning: $text-color-warning;
$badge-text-danger: $text-color-danger;
$badge-text-dark: $text-color-dark;
$badge-text-white: $text-color-white;


//------------ Alerts ---------------

$alert-text-primary: $primary;
$alert-text-success: $success;
$alert-text-info: $info;
$alert-text-warning: $warning;
$alert-text-danger: $danger;
$alert-text-dark: $dark;


$alert-primary: change-color($primary, $lightness: 80%, $alpha: 0.35);
$alert-success: change-color($success, $lightness: 80%, $alpha: 0.35);
$alert-info: change-color($info, $lightness: 80%, $alpha: 0.35);
$alert-warning: change-color($warning, $lightness: 80%, $alpha: 0.35);
$alert-danger: change-color($danger, $lightness: 80%, $alpha: 0.35);
$alert-dark: change-color($dark, $lightness: 80%, $alpha: 0.35);

//------------ Progress Bar ---------------

$Progress-Bar-primary:$primary;
$Progress-Bar-success:$success;
$Progress-Bar-info:$info;
$Progress-Bar-warning:$warning;
$Progress-Bar-danger:$danger;

// ----------- Services -------------

//Mantenimiento
$color-maintenance: #0559A1;
$color-maintenanceDark: darken($color-maintenance, 10%);
$color-maintenance-degraded: linear-gradient(to right, $color-maintenance, #5CBED1);

//Gestorías
$color-gestory: #426DB3;
$color-gestoryDark: darken($color-gestory, 10%);
$color-gestory-degraded: linear-gradient(to right, $color-gestory, #5CBED1);

//Combustible
$color-fuel: #007088;
$color-fuelDark: darken($color-fuel, 10%);
$color-fuel-degraded: linear-gradient(to right, $color-fuel, #5CBED1);

//Incidentes
$color-incidents: #00AABC;
$color-incidentsDark: darken($color-incidents, 10%);
$color-incidents-degraded: linear-gradient(to right, $color-incidents, #5CBED1);

//Multas
$color-fines: #1C4F7F;
$color-finesDark: darken($color-fines, 10%);
$color-fines-degraded: linear-gradient(to right, $color-fines, #5CBED1);

//Seguros
$color-insurances:#0F3859;
$color-insuranceDark: darken($color-insurances, 10%);
$color-insurances-degraded: linear-gradient(to right, $color-insurances, #5CBED1);

//Telepeaje
$color-toll: #00809B;
$color-tollDark: darken($color-toll, 10%);
$color-toll-degraded: linear-gradient(to right, $color-toll, #5CBED1);

//Tenencia
$color-holding: #323D89;
$color-holdingDark: darken($color-holding, 10%);
$color-holding-degraded: linear-gradient(to right, $color-holding, #5CBED1);

//Arrendamiento
$color-lease: #426DB3;
$color-leaseDark: darken($color-lease, 10%);
$color-lease-degraded: linear-gradient(to right, $color-lease, #5CBED1);

//Telemetría
$color-telemetry: #00AABC;
$color-telemetryDark: darken($color-telemetry, 10%);
$color-telemetry-degraded: linear-gradient(to right, $color-telemetry, #5CBED1);

//Autosustituto
$color-selfSubstitute: #0559A1;
$color-selfSubstituteDark: darken($color-selfSubstitute, 10%);
$color-selfSubstitute-degraded: linear-gradient(to right, $color-selfSubstitute, #5CBED1);

//Entrega Vehicular
$color-vehicularDelivery: #007088;
$color-vehicularDelivery: darken($color-vehicularDelivery, 10%);
$color-vehicularDelivery-degraded: linear-gradient(to right, $color-vehicularDelivery, #5CBED1);