:root {
  --border-radius: 7px;
  --border-radius-btn: 7px;
  --border-radius-form-input: 7px;
  --border-radius-table: 10px;
  --height-nav: 44px;
  --font-icon-family: "font-brave";
  --icon-pointer-left: "\E817";
  --icon-check-ok: "\e800";
  --line-tree-style: 1px dotted var(--color-line);
  --dropdown-text-color: #2c3136;
  --dropdown-text-secondary-color: #777777;
  --dropdown-line-color: #d1d2d4;
  --dropdown-bg-hover: #f7faff;
  --dropdown-bg-white: #ffffff;
  --dropdown-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --dropdown-z-index: 1000;
  --table-border-radius: 10px;
  --table-border-radius-row: 10px;
  --icon-sorting-asc: "\e994";
  --icon-sorting-desc: "\e995";
  --icon-sorting-default: "\e996";
  --box-border-color: var(--dropdown-line-color);
  --box-border-radius: var(--border-radius-form);
  --color-white: var(--dropdown-bg-white);
  --color-gray-c: var(--dropdown-text-secondary-color);
  --color-gray-b: var(--dropdown-text-secondary-color);
  --color-blue-c: var(--color-blue);
  --checkbox-size: 18px;
  --checkbox-border-width: 1px;
  --checkbox-border-radius: 4px;
  --shadow-alert: 0 0 7px 2px;
  --shadow-alert-card: 1px 1px 3px;
  --checkbox-padding-left: 10px;
  --form-state-switch-width: 23px;
  --form-upload-height: 150px;
  --form-media-box-height: 110px;
  --finder-sidebar-width: 170px;
  --border-radius-form: 7px;
  --table-padding-laterals: 10px;
}
/* // Colors context
@bgDefault: rgb(247, 250, 255);
@colorText: #2c3136;
@colorTextReference: #777777;
@colorLine: rgb(209, 210, 212);

// Colors General
@colorWhite: #ffffff;
@colorBlank: #050f2c;

@colorBlue: #3369e7;
@colorDarkblue: #003666;
@colorSkyblue: #00aeff;
@colorDodgerBlue: #1e90ff;

@colorPurple: #8e43e7;
@colorMediPurple: #ad9ae8;
@colorViolet: #b84592;
@colorRed: #fe3535;
@colorOrange: #ffc168;
@colorYellow: #ffd900;
@colorGray: #8e8c97;

@colorGreen: #11b671;
@colorLightGreen: #14d689;
@colorSeaGreen: #1cc7d0;

// Colors Status
@colorPrimary: @colorBlue;
@colorSuccess: @colorGreen;
@colorInfo: @colorSkyblue;
@colorWarning: @colorOrange;
@colorDanger: @colorRed;

// Colors Btns
@colorBtnDefault: @colorWhite;
@colorBtnDefaultHover: #ededed;

@colorBtnPrimary: @colorBlue;
@colorBtnPrimaryHover: #4674de;

@colorBtnInfo: @colorSkyblue;
@colorBtnInfoHover: @colorDodgerBlue;

@colorBtnSuccess: @colorLightGreen;
@colorBtnSuccessHover: @colorGreen;

@colorBtnWarning: @colorOrange;
@colorBtnWarningHover: @colorRed;

@colorBtnDanger: @colorRed;
@colorBtnDangerHover: #b52828;

@colorBtnFullHover: #dedee9;

// Colors Form
@colorPlaceholder: #ededed;
@colorMessageError: #fdcccc;
@colorMessageAlert: #ffb8b8;
@colorMessageDanger: #fab3b3;
@colorMessageWarning: #fdf2b0;
@colorMessageSuccess: #dff0d8;
@colorMessageInfo: #d8e7f0;
@colorMessagePrimary: #8bd4ff;
@colorMessageMedium: #f9d88a;
@colorMessageHeavy: #a7d670;

//forms
@colorPlaceholder: #6b6a6a;
@colorAlertDanger: #f44336;
@colorAlertSuccess: #4caf50;
@colorAlertWarning: #ff9800;
@colorAlertInfo: #00bcd4;
@colorAlertDefault: #e0e0e0;
@colorBtnCloseModal: rgb(148 158 183);
@colorBtnHoverCloseModal: @alertDanger ;

// Colors Alert
@alertSuccess: #52c41a;
@alertWarning: #f89406;
@alertDanger: #fe3535;
@alertInfo: #5bc0de;
@alertPrimary: #5b85de;

// Form
@bgInput: #f4f4fb;
@borderInput: #c1c1d0;
@colorTextForm: #202429;
@colorIconAdd: rgb(148 158 183);
@colorIconAddOff: #bebebe;
@colorInput: #383551;
@colorPlaceholder: rgb(95, 101, 117);
//@colorLineTree: #96a3b5;
@colorLineTree: #d5dbe3;
@boxCheck: #efefef;
@boxBorder: #e0dada;
@boxShadow: #d4caca;
@colorTextPlaceholder: #939aa7;

// Pills (State) Colors
@statePillActiveBg: @colorMessageSuccess; // fondo para estado activo
@statePillActiveText: @colorSuccess;      // texto/ícono para estado activo
@statePillInactiveBg: @colorAlertDefault; // fondo para estado inactivo
@statePillInactiveText: @colorTextReference; // texto/ícono para estado inactivo

//Nav
@bgNav: #ffffff;
@btnColorNav: #cfcfde;
@btnColorNavHover: #363649;
@colorBtn: #c8cdd2;
@btnProfile: #c3c3d6;
@btnTextProfile: #ffffff;
@colorBtnHover: #9a9ab4;
@colorBtnHoverMenu: #607986;

//NavTop
@colorMenuTop: #3b3d42;
@colorMenuTopBtn: #707990;

//NavTopRigth
@colorMenutopRight: #707990;

//sidebar
@colorTitleSidebar: #667080;
@colorTextBtn: #696971;
@colorTextBtnHover: #26262b;
@colorTextBtnHoverBg: #e4e7f3;
@bgSidebarModileMenu: #f9f9f9;
@colorSidebarTitle: #3b3d42;
@colorSidebarIcon: #96a6be;

@sidebarModules: #e4e7f3;
@sidebarModulesBgBtnActive: #4b5267;

@sidebarModalBtnActive: #e4e7f3;

//boxEntities
@colorBgEntitie: #eae8f3;
@colorTextEntitie: #5f697b;

//Tabs
@colorTabText: #525258;
@colorTabTextHover: #3d3d4d;
// @colorTabBg : #E9E9EF;
@colorTabBg: #ffffff;
// @colorTabBgHover : #454B54;
// @colorTabBgHover : #47556b;
// @colorTabBgHover : #d3dae4;
@colorTabBgHover: #e8eaf1;
@colorTabBgMenuTop: #f6f4f7;
@colorLineMenuTop: #d9e0ec;
@colorBgTabMobile: rgb(142 143 154);
@colorTabInactive: #9999b1;
@colorTabActive: @colorBlue;

@colorTabTextActive: #1e2124;
@colorTabIcon: #9a9a9e;
@colorTabIconActive: #68687d;
// @colorTabTextActive :@colorWhite;

//input
@colorSelect: #616d73;

//loading
@colorLoadingBar: #22b5ff;

//Table
@colorTextAux: #3d434d;
@bgHeadTable: #f2f3f9;
@evenTr: #f7f7fa;
@colorBtnTable: #667080;
@colorHoverBtnTable: #4674de;
@colorTableIcon: #5b636f;
@colorBtnAmount: #cfd5e0;

//Module
@colorSubMenuTop: #f2f3f9;
// @bgModuleDefault: #f4f4fb;
@bgModuleDefault: #EAEAF2;

//Message
@colorMessageSuccess: #0ecc4b;

//Calendar

@colorCalendarHeadlineDay: rgb(161, 159, 159);
@colorCalendarLabelMonth: rgb(221, 58, 58);
@colorcalendarToday: #ffc107;
@colorcalendarBocked: #eb4646; */
:root {
  /* Base palette */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-blank: #050f2c;
  --color-dark-blue: #003666;
  --color-sky-blue: #00aeff;
  --color-skyblue: #00aeff;
  --color-dodger-blue: #1e90ff;
  --color-purple: #8e43e7;
  --color-medium-purple: #ad9ae8;
  --color-violet: #b84592;
  --color-red: #fe3535;
  --color-orange: #ffc168;
  --color-yellow: #ffd900;
  --color-gray: #8e8c97;
  --color-green: #11b671;
  --color-light-green: #14d689;
  --color-sea-green: #1cc7d0;
  --color-text: #2c3136;
  --color-text-reference: #777777;
  --color-default: #f3f4f6;
  --color-line: #dee2ed;
  --color-line-soft: #e9e9e9;
  --color-line-menu-top: #eaedf3;
  --color-bg-default: #f7faff;
  /* Status palette */
  --color-primary: #3369e7;
  --color-success: #11b671;
  --color-info: #00aeff;
  --color-warning: #ffc168;
  /* Alerts */
  --alert-success: #52c41a;
  --alert-warning: #f89406;
  --alert-danger: #fe3535;
  --alert-info: #5bc0de;
  --alert-primary: #5b85de;
  --color-alert-danger: #f44336;
  --color-alert-success: #4caf50;
  --color-alert-warning: #ff9800;
  --color-alert-info: #00bcd4;
  --color-alert-default: #e0e0e0;
  /* Buttons */
  --color-btn-default: #ffffff;
  --color-btn-default-hover: #ededed;
  --color-btn-primary: #3369e7;
  --color-btn-primary-hover: #4674de;
  --color-btn-info: #00aeff;
  --color-btn-info-hover: #1e90ff;
  --color-btn-success: #14d689;
  --color-btn-success-hover: #11b671;
  --color-btn-warning: #ffc168;
  --color-btn-warning-hover: #fe3535;
  --color-btn-danger: #fe3535;
  --color-btn-danger-hover: #b52828;
  --color-btn-full-hover: #dedee9;
  --color-btn-hover: #4674de;
  --color-btn-hover-light: #d1e4fc;
  --color-btn-disabled: #dededf;
  --color-btn-table: #667080;
  --color-btn-table-hover: #4674de;
  --color-btn-amount: #cfd5e0;
  /* Forms */
  --color-placeholder-input: #97a0aa;
  --color-message-error: #fdcccc;
  --color-message-alert: #ffb8b8;
  --color-message-danger: #fab3b3;
  --color-message-warning: #fdf2b0;
  --color-message-success: #0ecc4b;
  --color-message-info: #d8e7f0;
  --color-message-primary: #8bd4ff;
  --color-message-medium: #f9d88a;
  --color-message-heavy: #a7d670;
  --color-input-border: #dee2ed;
  --color-input-border-hover: #383551;
  --color-input-border-focus: #0070f6;
  --color-input-border-error: #eb4646;
  --color-input-disabled-bg: #eff0f6;
  --color-input-disabled-text: #68687d;
  --color-form-label: #797a88;
  --color-bg-input: #f4f4fb;
  --color-text-form: #202429;
  --color-icon-add: #949eb7;
  --color-icon-add-off: #bebebe;
  --color-input-text: #383551;
  --color-line-tree: #d5dbe3;
  --color-box-check: #efefef;
  --color-box-border: #e0dada;
  --color-box-shadow: #d4caca;
  --color-btn-close-modal: #949eb7;
  --color-btn-close-modal-hover: #fe3535;
  --color-inner-form: #f5f6fa;
  --color-inner-form-head: #eef0f5;
  --color-inner-form-line: #dce0e9;
  --color-input-bg: #fafaff;
  --color-input-placeholder: var(--color-placeholder-input);
  /* Layout / Navigation */
  --color-bg-nav: #ffffff;
  --color-btn-nav: #cfcfde;
  --color-btn-nav-hover: #363649;
  --color-btn: #c8cdd2;
  --color-btn-profile: #c3c3d6;
  --color-btn-text-profile: #ffffff;
  --color-btn-hover-nav: #9a9ab4;
  --color-btn-hover-menu: #607986;
  --color-menu-top: #3b3d42;
  --color-menu-top-btn: #707990;
  --color-menu-top-right: #707990;
  --color-sidebar-title: #667080;
  --color-sidebar-text-btn: #696971;
  --color-sidebar-text-btn-hover: #26262b;
  --color-sidebar-text-btn-hover-bg: #e4e7f3;
  --color-sidebar-mobile-bg: #f9f9f9;
  --color-sidebar-modules: #e4e7f3;
  --color-sidebar-modules-btn-active: #4b5267;
  --color-sidebar-modal-btn-active: #e4e7f3;
  --color-bg-entity: #eae8f3;
  --color-text-entity: #5f697b;
  --color-bg-btn-menu: #e4e7f3;
  --color-text-btn: #696971;
  --color-text-btn-hover: #26262b;
  --color-submenu-top: #f2f3f9;
  --color-select-entity: #e7f0fe;
  --color-select-entity-hover: #c3cfd8;
  --color-select-entity-icon-hover: #d2d8da;
  --color-tab-text: #525258;
  --color-tab-text-hover: #3d3d4d;
  --color-tab-menu-border: #e4e4f4;
  --color-tab-bg: #ffffff;
  --color-tab-bg-hover: #e8eaf1;
  --color-tab-bg-menu-top: #f6f4f7;
  --color-line-menu-top: #d9e0ec;
  --color-tab-mobile-bg: #8e8f9a;
  --color-tab-inactive: #9999b1;
  --color-tab-active: #3369e7;
  --color-tab-text-active: #1e2124;
  --color-tab-icon: #9a9a9e;
  --color-tab-icon-active: #68687d;
  --color-select: #616d73;
  --color-loading-bar: #22b5ff;
  /* Tables */
  --color-text-aux: #3d434d;
  --color-table-head-bg: #f2f3f9;
  --color-table-even: #f7f7fa;
  --color-table-icon: #5b636f;
  --color-table-form-line: #c3d4d9;
  --color-table-form-head-bg: #ecf1fd;
  --color-table-form-row-init: #e0e8f3;
  --color-table-form-row-init-hover: #c5d4e3;
  --color-table-search-bg: #e6e8f2;
  --color-table-header-bg: #ffffff;
  /* Module backgrounds */
  --color-module-submenu-top: #f2f3f9;
  --color-module-default-bg: #eaeaf2;
  /* Messaging */
  --color-calendar-headline-day: #a19f9f;
  --color-calendar-label-month: #dd3a3a;
  --color-calendar-today: #ffc107;
  --color-calendar-blocked: #eb4646;
  /* Misc */
  --color-upload-text: #8989a7;
  --color-bg-ws: #f5f6f8;
  --color-body-module: #f9f9f9;
  --color-icon-grid: #7c8288;
  --color-close-modal: #7c8288;
  --color-close-modal-hover: #eb4646;
  --color-bg-gray: #e8eaf1;
  --color-bg-gray-hover: #949eb7;
  --color-bg-box-info-modal: #ffffff;
  --color-tab-hover-bg: #ecf0f1;
  --color-btn-icon-input: #949eb7;
  --color-whatsapp: #25d366;
  /* State pills */
  --state-pill-active-bg: #a9fdc4;
  --state-pill-active-text: #11b671;
  --state-pill-inactive-bg: #e0e0e0;
  --state-pill-inactive-text: #777777;
  --state-pill-danger-bg: #fde8e8;
  --state-pill-danger-text: #dc2626;
  --state-pill-info-bg: #dbeafe;
  --state-pill-info-text: #2563eb;
  --state-pill-warning-bg: #fff4db;
  --state-pill-warning-text: #dc750c;
  /* Checkbox */
  --color-checkbox-border: rgba(145, 158, 171, 0.6);
  --color-checkbox-border-hover: rgba(120, 134, 157, 0.9);
  --color-checkbox-border-checked: #3369e7;
  --color-checkbox-border-disabled: rgba(148, 158, 183, 0.4);
  --color-checkbox-border-disabled-checked: rgba(148, 158, 183, 0.5);
  --color-checkbox-bg: #ffffff;
  --color-checkbox-bg-hover: #f7f9fc;
  --color-checkbox-bg-checked: #3369e7;
  --color-checkbox-bg-disabled: rgba(148, 158, 183, 0.15);
  --color-checkbox-bg-disabled-checked: rgba(148, 158, 183, 0.25);
  --color-checkbox-check: #ffffff;
  --color-checkbox-check-disabled: rgba(148, 158, 183, 0.4);
  /* Typography */
  --color-text-gray: #68687d;
  --color-text-gray-light: #8f8f8f;
  --color-text-gray-lighter: #b0b0b0;
  --color-text-gray-lightest: #e0e0e0;
  --color-text-gray-lightestest: #f2f2f2;
  /* Misc shadows */
  --color-tab-nav-bg: #ffffff;
  --color-tab-nav-bg-hover: #f3f3f4;
  --color-tab-nav-border: #e4e4f4;
  --color-sidebar: #f7f7f9;
  --color-sidebar-modal: #eeeefc;
  --color-sidebar-bg-mobile-menu: #f6f8fb;
  --color-sidebar-active-bg: #e7eaf2;
  --color-sidebar-active-text: #3369e7;
  --color-sidebar-icon: #3369e7;
  --color-modal-bg: #f2f2f2;
  /* Específicas para datatables */
  --dropdown-bg-white: #ffffff;
  --dropdown-line-color: #d1d2d4;
  --dropdown-text-secondary-color: #3d434d;
  --dropdown-text-color: #2c3136;
  --color-blue: #3369e7;
  --color-danger: #fe3535;
}
.colorDanger {
  color: var(--color-danger);
}
.dataTables_wrapper .top {
  background-color: var(--dropdown-bg-white);
  border-top: 1px solid var(--dropdown-line-color);
  border-left: 1px solid var(--dropdown-line-color);
  border-right: 1px solid var(--dropdown-line-color);
}
.dataTables_wrapper .bottom {
  background-color: var(--dropdown-bg-white);
  border-bottom: 1px solid var(--dropdown-line-color);
  border-left: 1px solid var(--dropdown-line-color);
  border-right: 1px solid var(--dropdown-line-color);
  border-bottom-left-radius: var(--border-radius-form);
  border-bottom-right-radius: var(--border-radius-form);
}
.dataTables_length select {
  background-color: var(--dropdown-bg-white);
  border: 1px solid var(--dropdown-line-color);
}
.dataTables_length label {
  color: var(--dropdown-text-secondary-color);
}
.dataTables_filter label input {
  border-radius: var(--border-radius-form);
  border: 1px solid var(--dropdown-line-color);
  font-size: 14px;
}
.dataTables_info {
  color: var(--dropdown-text-secondary-color);
  font-size: 12px;
}
.dataTables_paginate {
  text-align: right;
}
.dataTables_paginate a {
  background: var(--dropdown-bg-white);
}
.dataTables_paginate a:hover i {
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
  color: var(--dropdown-bg-white) !important;
}
.dataTables_paginate a i {
  border: 1px solid var(--dropdown-line-color);
  color: var(--dropdown-line-color);
  background: var(--dropdown-bg-white);
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 30%;
  right: 8px;
  display: block;
  font-family: 'icon-font';
  opacity: 0.5;
}
table.dataTable thead .sorting_asc:after {
  content: "\e889";
  /* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
  content: "\e88a";
  /* sort-by-attributes-alt */
}
table.dataTable thead .sorting:after {
  opacity: 0.2;
  content: "\e88b";
  /* sort */
}
.table a {
  color: var(--dropdown-text-color);
}
.dataTables_filter .icn {
  color: var(--dropdown-line-color);
}
table thead tr th {
  line-height: 12px;
}
table tbody tr.selected td {
  background-color: #eaebf7 !important;
  border-bottom: 1px solid #d4d4d4;
}