/* line 1, ../scss/sass/estilos_nuevos.scss */
html {
  --crm-page-bg: #f5f8fc;
  --crm-surface: #ffffff;
  --crm-surface-soft: #f4f8fc;
  --crm-surface-strong: #eff6fc;
  --crm-border: #dbe7f2;
  --crm-text: #123964;
  --crm-text-muted: #647c96;
  --crm-sidebar-bg: #123964;
  --crm-sidebar-soft: #174b80;
  --crm-topbar-bg: #1b4f87;
  --crm-link: #0f5fa8;
  --crm-link-hover: #0d3f76;
  --crm-shadow: 0 12px 28px rgba(20, 56, 108, 0.08);
}

html[data-theme="dark"] {
  --crm-page-bg: #0f1722;
  --crm-surface: #182433;
  --crm-surface-soft: #1d2b3d;
  --crm-surface-strong: #223247;
  --crm-border: #30445c;
  --crm-text: #e8f0f8;
  --crm-text-muted: #9fb0c3;
  --crm-sidebar-bg: #0a1220;
  --crm-sidebar-soft: #132033;
  --crm-topbar-bg: #111b2b;
  --crm-link: #59b8ff;
  --crm-link-hover: #8fd0ff;
  --crm-shadow: 0 18px 38px rgba(0, 0, 0, 0.32);
}

html {
  overflow: inherit;
  min-height: auto;
}

body,
.right_col {
  background: var(--crm-page-bg) !important;
  color: var(--crm-text);
}

body .container.body .right_col,
.nav-md .container.body .right_col {
  background: var(--crm-page-bg) !important;
}

.left_col,
.nav_title,
.sidebar-footer,
.nav.side-menu > li > a,
.nav.child_menu > li > a {
  background-color: transparent;
}

.left_col,
.nav_title,
.sidebar-footer,
.menu_fixed {
  background: var(--crm-sidebar-bg) !important;
}

.nav_title,
.nav_menu,
.top_nav,
.subnav_menu {
  background: var(--crm-topbar-bg) !important;
}

.nav_menu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.subnav_menu--compact {
  min-height: 36px;
  padding-top: 4px !important;
  padding-bottom: 4px;
}

.subnav_menu--actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 36px;
  padding-top: 0 !important;
  padding-bottom: 0;
}

.btn-subnav--compact {
  height: 28px !important;
  line-height: 18px;
  padding: 4px 12px !important;
  color: #f8fbff !important;
  font-weight: 600;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.btn-subnav--compact i {
  color: #f8fbff !important;
}

.nav.side-menu > li > a,
.nav.child_menu > li > a,
.menu_section h3,
.site_title,
.site_title span,
.nav_menu .nav > li > a,
.nav.toggle a,
.top_nav .navbar-right li a {
  color: var(--crm-text) !important;
}

html:not([data-theme="dark"]) .nav.side-menu > li > a,
html:not([data-theme="dark"]) .nav.child_menu > li > a,
html:not([data-theme="dark"]) .menu_section h3,
html:not([data-theme="dark"]) .site_title,
html:not([data-theme="dark"]) .site_title span,
html:not([data-theme="dark"]) .nav.toggle a,
html:not([data-theme="dark"]) .top_nav .navbar-right li a,
html:not([data-theme="dark"]) .nav_menu .nav > li > a {
  color: #ffffff !important;
}

html[data-theme="dark"] .nav.side-menu > li > a,
html[data-theme="dark"] .nav.child_menu > li > a,
html[data-theme="dark"] .menu_section h3,
html[data-theme="dark"] .site_title,
html[data-theme="dark"] .site_title span,
html[data-theme="dark"] .nav.toggle a,
html[data-theme="dark"] .top_nav .navbar-right li a,
html[data-theme="dark"] .nav_menu .nav > li > a {
  color: #dce8f5 !important;
}

html[data-theme="dark"] .nav.side-menu > li.active > a,
html[data-theme="dark"] .nav.side-menu > li.current-page > a,
html[data-theme="dark"] .nav.child_menu li.current-page a,
html[data-theme="dark"] .nav.side-menu > li > a:hover,
html[data-theme="dark"] .nav.child_menu > li > a:hover {
  background: rgba(89, 184, 255, 0.12) !important;
  color: #ffffff !important;
}

.right_col a,
.well a,
.table a,
.reports,
.crm-funnel-sidecard__link {
  color: var(--crm-link);
}

.right_col a:hover,
.well a:hover,
.table a:hover,
.reports:hover,
.crm-funnel-sidecard__link:hover {
  color: var(--crm-link-hover);
}

.well,
.crm-funnel-card,
.crm-funnel-sidecard,
.crm-funnel-chart-card,
.crm-sales-forecast-card,
.crm-sales-table-card,
.crm-executive-footnote,
footer {
  background: var(--crm-surface) !important;
  border-color: var(--crm-border) !important;
  box-shadow: var(--crm-shadow) !important;
}

footer,
footer .center,
footer a {
  color: var(--crm-text-muted) !important;
}

html[data-theme="dark"] footer {
  background: var(--crm-surface-soft) !important;
  border-top: 1px solid var(--crm-border);
}

.title,
h1, h2, h3, h4, h5, h6,
label,
.count,
.count_top,
.crm-funnel-card__title,
.crm-executive-hero__subtitle,
.crm-sales-forecast-card__subtitle,
.crm-sales-table-card__title {
  color: var(--crm-text);
}

p,
small,
span,
.crm-funnel-card__subtitle,
.crm-funnel-metric__label,
.crm-funnel-summary__label,
.crm-sales-forecast-card__eyebrow,
.crm-sales-table-card__eyebrow,
.crm-executive-footnote__text {
  color: var(--crm-text-muted);
}

.form-control,
select,
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices,
.chosen-drop,
.dropdown-menu,
.dropdown-menu-acciones-tabla {
  background: var(--crm-surface) !important;
  color: var(--crm-text) !important;
  border-color: var(--crm-border) !important;
}

.dropdown-menu > li > a,
.dropdown-menu-acciones-tabla li a,
.top_nav .dropdown-usermenu li a {
  color: var(--crm-text) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu-acciones-tabla li a:hover,
.top_nav .dropdown-usermenu li a:hover,
.top_nav .dropdown-usermenu li a:focus {
  background: var(--crm-surface-strong) !important;
  color: var(--crm-text) !important;
}

.table > thead > tr > th,
.crm-sales-table thead th,
table.dataTable thead th {
  background: var(--crm-surface-strong) !important;
  color: var(--crm-text) !important;
  border-color: var(--crm-border) !important;
}

.table > tbody > tr > td,
.crm-sales-table tbody td,
table.dataTable tbody td {
  background: transparent !important;
  color: var(--crm-text) !important;
  border-color: var(--crm-border) !important;
}

.table-striped > tbody > tr:nth-of-type(odd),
.crm-sales-table tbody tr:hover {
  background-color: var(--crm-surface-soft) !important;
}

.crm-theme-toggle-item {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.crm-theme-toggle {
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.crm-theme-toggle:hover,
.crm-theme-toggle:focus {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  outline: none;
}

.crm-theme-toggle__icon {
  font-size: 18px;
}

html[data-theme="dark"] .crm-theme-toggle {
  border-color: rgba(143, 208, 255, 0.2);
  background: rgba(89, 184, 255, 0.12);
  color: #e8f0f8;
}

html[data-theme="dark"] .well,
html[data-theme="dark"] .crm-funnel-card__chart,
html[data-theme="dark"] .crm-funnel-summary,
html[data-theme="dark"] .crm-funnel-metric,
html[data-theme="dark"] .crm-funnel-chart-card__body,
html[data-theme="dark"] .crm-sales-table thead th,
html[data-theme="dark"] .crm-sales-table tbody tr:hover,
html[data-theme="dark"] .crm-executive-footnote {
  background: var(--crm-surface-soft) !important;
}

html[data-theme="dark"] .btn-primary {
  border-color: #1ea9e3 !important;
  background: linear-gradient(45deg, #0f5fa8 0%, #1690c8 100%) !important;
}

html[data-theme="dark"] .chosen-container-single .chosen-single div b,
html[data-theme="dark"] .chosen-single:after,
html[data-theme="dark"] .fa,
html[data-theme="dark"] .fas {
  color: inherit;
}

html[data-theme="dark"] .right_col,
html[data-theme="dark"] .right_col .title,
html[data-theme="dark"] .right_col h1,
html[data-theme="dark"] .right_col h2,
html[data-theme="dark"] .right_col h3,
html[data-theme="dark"] .right_col h4,
html[data-theme="dark"] .right_col h5,
html[data-theme="dark"] .right_col h6,
html[data-theme="dark"] .right_col label,
html[data-theme="dark"] .right_col strong,
html[data-theme="dark"] .right_col b,
html[data-theme="dark"] .right_col td,
html[data-theme="dark"] .right_col th,
html[data-theme="dark"] .right_col li,
html[data-theme="dark"] .right_col .count,
html[data-theme="dark"] .right_col .count_top,
html[data-theme="dark"] .right_col .title-table,
html[data-theme="dark"] .right_col .titulo_acordeon,
html[data-theme="dark"] .right_col .crm-funnel-card__title,
html[data-theme="dark"] .right_col .crm-funnel-card__badge,
html[data-theme="dark"] .right_col .crm-funnel-summary__value,
html[data-theme="dark"] .right_col .crm-funnel-metric__value,
html[data-theme="dark"] .right_col .crm-funnel-sidecard__title,
html[data-theme="dark"] .right_col .crm-funnel-sidecard__value,
html[data-theme="dark"] .right_col .crm-funnel-chart-card__title,
html[data-theme="dark"] .right_col .crm-sales-table-card__title,
html[data-theme="dark"] .right_col .crm-sales-forecast-card__title,
html[data-theme="dark"] .right_col .crm-sales-table tbody td,
html[data-theme="dark"] .right_col .crm-sales-table thead th {
  color: var(--crm-text) !important;
}

html[data-theme="dark"] .right_col p,
html[data-theme="dark"] .right_col span,
html[data-theme="dark"] .right_col small,
html[data-theme="dark"] .right_col .crm-funnel-card__subtitle,
html[data-theme="dark"] .right_col .crm-funnel-summary__label,
html[data-theme="dark"] .right_col .crm-funnel-metric__label,
html[data-theme="dark"] .right_col .crm-funnel-sidecard__eyebrow,
html[data-theme="dark"] .right_col .crm-sales-forecast-card__subtitle,
html[data-theme="dark"] .right_col .crm-sales-forecast-card__eyebrow,
html[data-theme="dark"] .right_col .crm-sales-table-card__eyebrow,
html[data-theme="dark"] .right_col .crm-executive-footnote__text,
html[data-theme="dark"] .right_col .count_bottom,
html[data-theme="dark"] .right_col .uppercase {
  color: var(--crm-text-muted) !important;
}

html[data-theme="dark"] .right_col .well hr,
html[data-theme="dark"] .right_col hr,
html[data-theme="dark"] .right_col .acordeon_horizontal,
html[data-theme="dark"] .right_col .line {
  border-color: var(--crm-border) !important;
  background-color: var(--crm-border) !important;
}

html[data-theme="dark"] .right_col input,
html[data-theme="dark"] .right_col textarea,
html[data-theme="dark"] .right_col select,
html[data-theme="dark"] .right_col .form-control {
  background: var(--crm-surface-soft) !important;
  color: var(--crm-text) !important;
  border: 1px solid var(--crm-border) !important;
}

html[data-theme="dark"] .right_col input::placeholder,
html[data-theme="dark"] .right_col textarea::placeholder {
  color: #8fa5bb !important;
}

html[data-theme="dark"] .chosen-container-single .chosen-single,
html[data-theme="dark"] .chosen-container-multi .chosen-choices,
html[data-theme="dark"] .chosen-drop,
html[data-theme="dark"] .chosen-results,
html[data-theme="dark"] .chosen-results li,
html[data-theme="dark"] .chosen-search input[type="text"] {
  background: var(--crm-surface-soft) !important;
  color: var(--crm-text) !important;
  border-color: var(--crm-border) !important;
}

html[data-theme="dark"] .chosen-container-active.chosen-with-drop .chosen-single,
html[data-theme="dark"] .chosen-container-active .chosen-choices,
html[data-theme="dark"] .chosen-container .chosen-results li.highlighted {
  background: var(--crm-surface-strong) !important;
  color: var(--crm-text) !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-theme="dark"] .table-hover > tbody > tr:hover > td,
html[data-theme="dark"] table.dataTable tbody tr:hover > td {
  background: var(--crm-surface-soft) !important;
}

html[data-theme="dark"] .top_nav .dropdown-usermenu,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .dropdown-menu-acciones-tabla {
  background: var(--crm-surface) !important;
  border: 1px solid var(--crm-border) !important;
}

html[data-theme="dark"] .top_nav .dropdown-usermenu li,
html[data-theme="dark"] .dropdown-menu li {
  border-color: var(--crm-border) !important;
}

html[data-theme="dark"] .crm-funnel-card__eyebrow {
  background: rgba(89, 184, 255, 0.14);
  color: #8fd0ff;
}

html[data-theme="dark"] .crm-funnel-card__chart,
html[data-theme="dark"] .crm-funnel-chart-card__body {
  box-shadow: none !important;
}

html[data-theme="dark"] .crm-funnel-summary__value,
html[data-theme="dark"] .crm-funnel-metric__value,
html[data-theme="dark"] .crm-funnel-sidecard__value,
html[data-theme="dark"] #valorYTD,
html[data-theme="dark"] #valorOutlook,
html[data-theme="dark"] #valorEstimatedOrders,
html[data-theme="dark"] #valor_lead,
html[data-theme="dark"] #valor_identificados,
html[data-theme="dark"] #valor_calificados,
html[data-theme="dark"] #valor_desarrollados,
html[data-theme="dark"] #valor_negociacion,
html[data-theme="dark"] #valor_ganados,
html[data-theme="dark"] #valor_clientes {
  color: #f3f8fd !important;
}

html[data-theme="dark"] .crm-executive-hero__subtitle,
html[data-theme="dark"] .crm-executive-kpi__label {
  color: rgba(232, 240, 248, 0.78) !important;
}

html[data-theme="dark"] .crm-sales-table tbody td:first-child span {
  background: #29415c !important;
  color: #f3f8fd !important;
  border: 1px solid #446282;
}

/* line 8, ../scss/sass/estilos_nuevos.scss */
.nav-tabs .active a {
  background-color: #f3f6f9 !important;
  color: black !important;
  border-radius: 4px 4px 0px 0px !important;
  border: 0px solid #f3f6f9 !important;
  border-bottom: 1px solid #3c5cf4 !important;
}

/* line 19, ../scss/sass/estilos_nuevos.scss */
.help-box {
  padding: 20px 20px 20px 20px;
  border: 1px solid #027FF4;
  border-radius: 4px;
}

/* line 25, ../scss/sass/estilos_nuevos.scss */
.list-group-item i {
  color: #027FF4;
  margin-top: 3px;
}

/* line 30, ../scss/sass/estilos_nuevos.scss */
.list-group-item b {
  font-size: 15px;
}

/* line 34, ../scss/sass/estilos_nuevos.scss */
.list-group-item span {
  font-size: 13px;
}

/* line 38, ../scss/sass/estilos_nuevos.scss */
.icon-title {
  margin-left: -4px;
}

/* line 42, ../scss/sass/estilos_nuevos.scss */
.line-title {
  border-bottom: 2px solid #027FF4;
  font-size: 15px;
}

/* line 47, ../scss/sass/estilos_nuevos.scss */
.panel-title a {
  font-size: 15px;
}

/* line 51, ../scss/sass/estilos_nuevos.scss */
#accordion1 .panel-default {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #f4f6f9;
  border-radius: 0px;
}

/* line 59, ../scss/sass/estilos_nuevos.scss */
.panel-group {
  padding-top: 50px;
}

/* line 63, ../scss/sass/estilos_nuevos.scss */
.panel-default {
  border-radius: 0;
  border: none;
  background: none;
  margin-bottom: 0;
  padding-bottom: 14px;
}

/* line 71, ../scss/sass/estilos_nuevos.scss */
.panel-default > .panel-heading {
  border: none;
  background: none;
  padding: 0;
}

/* line 77, ../scss/sass/estilos_nuevos.scss */
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border: none;
  padding: 0 0 0 32px;
}

/* line 82, ../scss/sass/estilos_nuevos.scss */
.panel-default h5 {
  font: 300 19px "Open Sans", Arial, sans-serif;
  padding: 0;
  margin: 0 0 5px;
}

/* line 88, ../scss/sass/estilos_nuevos.scss */
.panel-group .panel + .panel {
  margin-top: 15px;
}

/* line 92, ../scss/sass/estilos_nuevos.scss */
.panel-default .accordion-toggle:before {
  content: "";
  width: 21px;
  height: 21px;
  display: inline-block;
  background: #027FF4 url(http://keenthemes.com/assets/bootsnipp/toggle-icons.png) no-repeat 6px 10px;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  top: 4px;
}

/* line 104, ../scss/sass/estilos_nuevos.scss */
.panel-default .collapsed:before {
  background: #495764 url(http://keenthemes.com/assets/bootsnipp/toggle-icons.png) no-repeat 6px -148px;
}

/* line 108, ../scss/sass/estilos_nuevos.scss */
.panel-default .panel-title:hover .collapsed:before {
  background-color: #027FF4;
}

/* line 112, ../scss/sass/estilos_nuevos.scss */
.panel-default .accordion-toggle,
.panel-default .accordion-toggle:focus,
.panel-default .accordion-toggle:hover,
.panel-default .accordion-toggle:active {
  color: #1ea9e3;
  text-decoration: none;
}

/* line 120, ../scss/sass/estilos_nuevos.scss */
.panel-default .collapsed {
  color: #5f6f7e;
}

/* line 124, ../scss/sass/estilos_nuevos.scss */
.card-upload {
  border-radius: 4px;
  padding: 10px;
  background-color: #027FF4;
  margin-right: 6px;
  color: white;
}
/* line 130, ../scss/sass/estilos_nuevos.scss */
.card-upload a {
  color: white;
  padding-right: 10px;
}
/* line 134, ../scss/sass/estilos_nuevos.scss */
.card-upload i {
  color: white;
  padding-left: 10px;
  border-left: 1px solid white;
  margin-left: 10px;
}

/* line 142, ../scss/sass/estilos_nuevos.scss */
.well {
  /* padding: 15px !important;*/
  background-color: #ffffff !important;
  border: 0px solid #e3e3e3 !important;
  -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
  box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
}
/* line 149, ../scss/sass/estilos_nuevos.scss */
.well h2 {
  margin: 0 0 18px 0;
}

/* line 154, ../scss/sass/estilos_nuevos.scss */
.right {
  float: right;
}

/* line 159, ../scss/sass/estilos_nuevos.scss */
.td-center {
  text-align: center;
}

/* line 163, ../scss/sass/estilos_nuevos.scss */
.td-right {
  text-align: right;
}

/* line 167, ../scss/sass/estilos_nuevos.scss */
.td-left {
  text-align: left;
}

/* line 171, ../scss/sass/estilos_nuevos.scss */
.btn-pull-right {
  margin-right: 0px !important;
}

/* line 175, ../scss/sass/estilos_nuevos.scss */
.btn-primary {
  background: #00b5e2 !important;
  background: -moz-linear-gradient(#006cd2, #006cd2 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #006cd2), color-stop(100%, #006cd2));
  background: -webkit-linear-gradient(45deg, #006cd2 0%, #006cd2 100%);
  background: -o-linear-gradient(45deg, #006cd2 0%, #006cd2 100%);
  background: -ms-linear-gradient(45deg, #006cd2 0%, #006cd2 100%);
  background: linear-gradient(45deg, #006cd2 0%, #006cd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006cd2 ', endColorstr='#006cd2 ', GradientType=1);
  border: 1px solid #00b5e2 !important;
}

/* line 187, ../scss/sass/estilos_nuevos.scss */
.btn-primary.focus {
  color: #fff;
  background-color: #006cd2;
  border-color: #006cd2;
}

/* line 193, ../scss/sass/estilos_nuevos.scss */
.form-control {
  border-radius: 4px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* line 199, ../scss/sass/estilos_nuevos.scss */
.title {
  margin: 5px 0 25px 0;
  text-align: left;
}
/* line 202, ../scss/sass/estilos_nuevos.scss */
.title i {
  background-image: linear-gradient(80deg, #00aeff, #3369e7);
  height: 35px;
  width: 35px;
  border-radius: 25px;
  color: white;
  font-size: 20px;
  text-align: center;
  padding-top: 8px;
  margin-right: 10px;
}

/* line 215, ../scss/sass/estilos_nuevos.scss */
.btn-right-float {
  padding-top: 13px;
  padding-bottom: 12px;
}
/* line 218, ../scss/sass/estilos_nuevos.scss */
.btn-right-float i {
  color: white;
  padding-right: 5px;
}
/* line 222, ../scss/sass/estilos_nuevos.scss */
.btn-right-float a {
  color: white;
}

/* line 227, ../scss/sass/estilos_nuevos.scss */
.line {
  border: 1px solid rgba(2, 127, 244, 0.5);
  border-radius: 4px;
  margin-top: 5px;
}

/* line 233, ../scss/sass/estilos_nuevos.scss */
.caja {
  height: 35px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  padding-top: 1px;
  border: 1px solid #DBDAEA;
  background: #EEF1F8;
  margin-top: 10px;
}

/* line 244, ../scss/sass/estilos_nuevos.scss */
select {
  cursor: pointer;
  background: #EEF1F8;
  border: none;
  font-size: 12px;
  height: 44px;
  padding: 10px;
  -webkit-appearance: caret;
}

/* line 255, ../scss/sass/estilos_nuevos.scss */
select:focus {
  outline: none;
}

/* line 259, ../scss/sass/estilos_nuevos.scss */
.caja::after {
  content: "\025be";
  display: table-cell;
  padding-top: 7px;
  text-align: center;
  width: 30px;
  height: 50px;
  background-color: #EEF1F8;
  position: absolute;
  top: 0;
  right: 0px;
  pointer-events: none;
  color: #bfc8e2;
}

/* line 274, ../scss/sass/estilos_nuevos.scss */
.caja2::after {
  content: "\025be";
  display: table-cell;
  padding-top: 14px;
  text-align: center;
  width: 30px;
  height: 44px;
  background-color: #f6f8f9;
  position: absolute;
  top: 0;
  right: 9px;
  pointer-events: none;
  color: #bfc8e2;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
}

/* line 292, ../scss/sass/estilos_nuevos.scss */
.tooltip {
  visibility: hidden;
}

/* line 296, ../scss/sass/estilos_nuevos.scss */
.btn-adjuntar {
  margin-left: calc(50% - 100px);
}

/* line 300, ../scss/sass/estilos_nuevos.scss */
.div-guardar {
  margin-right: -10px;
  margin-left: -10px;
}

@media (min-width: 768px) {
  /* line 306, ../scss/sass/estilos_nuevos.scss */
  .caja {
    margin-top: 10px;
    padding-top: 1px;
    height: 35px;
  }

  /* line 311, ../scss/sass/estilos_nuevos.scss */
  .caja::after {
    padding-top: 7px;
  }

  /* line 314, ../scss/sass/estilos_nuevos.scss */
  .btn-adjuntar {
    margin-left: calc(50% - 110px);
  }

  /* line 317, ../scss/sass/estilos_nuevos.scss */
  .div-guardar {
    margin-right: -20px;
    margin-left: -0px;
  }
}
@media (min-width: 992px) {
  /* line 324, ../scss/sass/estilos_nuevos.scss */
  .caja {
    margin-top: 0px;
    padding-top: 0px;
    height: 45px;
  }

  /* line 329, ../scss/sass/estilos_nuevos.scss */
  .caja::after {
    padding-top: 11px;
  }

  /* line 332, ../scss/sass/estilos_nuevos.scss */
  .tooltip {
    visibility: visible;
  }

  /* line 335, ../scss/sass/estilos_nuevos.scss */
  .div-guardar {
    margin-right: -20px;
    margin-left: -0px;
  }
}
@media (min-width: 1200px) {
  /* line 342, ../scss/sass/estilos_nuevos.scss */
  .caja {
    margin-top: 0px;
    padding-top: 0px;
    height: 45px;
  }

  /* line 347, ../scss/sass/estilos_nuevos.scss */
  .caja::after {
    padding-top: 11px;
  }

  /* line 350, ../scss/sass/estilos_nuevos.scss */
  .tooltip {
    visibility: visible;
  }

  /* line 353, ../scss/sass/estilos_nuevos.scss */
  .btn-adjuntar {
    margin-left: -10px;
  }

  /* line 356, ../scss/sass/estilos_nuevos.scss */
  .div-guardar {
    margin-right: -20px;
  }
}
/* line 361, ../scss/sass/estilos_nuevos.scss */
.padding-page-current {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

/* col 2.5 */
/* line 367, ../scss/sass/estilos_nuevos.scss */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 377, ../scss/sass/estilos_nuevos.scss */
.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  /* line 383, ../scss/sass/estilos_nuevos.scss */
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  /* line 390, ../scss/sass/estilos_nuevos.scss */
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  /* line 397, ../scss/sass/estilos_nuevos.scss */
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/* fin col 2.5 */
/* line 405, ../scss/sass/estilos_nuevos.scss */
.btn-update {
  margin-top: 10px;
  background-color: #29AE76;
}

/* line 410, ../scss/sass/estilos_nuevos.scss */
.btn-crm {
  /* background-color: #29AE76;*/
}

/* btn filtro */
/* line 415, ../scss/sass/estilos_nuevos.scss */
.btn-filtrar-sm {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  margin-left: calc(50% - 50px) !important;
}

/* line 421, ../scss/sass/estilos_nuevos.scss */
.btn-filtrar {
  background-color: #00b5e2;
  color: #ffffff;
  border: 1px solid #00b5e2;
  margin-top: 0px;
  margin-bottom: 10px;
  transition: all 0.3s ease 0s;
}

/* line 430, ../scss/sass/estilos_nuevos.scss */
.btn-filtrar:hover {
  color: #fff;
  background-color: #006cd2 !important;
  border-color: #006cd2 !important;
  opacity: 0.9 !important;
}

@media (min-width: 768px) {
  /* line 438, ../scss/sass/estilos_nuevos.scss */
  .btn-filtrar {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  /* line 445, ../scss/sass/estilos_nuevos.scss */
  .btn-filtrar {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  /* line 452, ../scss/sass/estilos_nuevos.scss */
  .btn-filtrar {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
/* btn filtro */
/* line 460, ../scss/sass/estilos_nuevos.scss */
.btn {
  font-size: 12px !important;
  letter-spacing: 1px !important;
  font-weight: 200 !important;
}

/* line 466, ../scss/sass/estilos_nuevos.scss */
.pagination {
  width: 100%;
  margin: 20px 0 0 0 !important;
}

/* line 471, ../scss/sass/estilos_nuevos.scss */
.page-current {
  background: var(--crm-surface-strong);
  padding: 5px 10px;
  border-radius: 4px;
  margin: 1px 0 0 0;
  display: block;
  float: left;
  color: var(--crm-text);
  border: 1px solid var(--crm-border);
}

.crm-table-pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px;
  border: 1px solid var(--crm-border);
  background: var(--crm-surface-soft);
  flex-wrap: wrap;
}

.crm-table-pagination__summary {
  min-width: 0;
  margin: 0;
  float: none;
}

.crm-table-pagination__label {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  color: var(--crm-text);
}

.crm-table-pagination__count {
  margin: 4px 0 0 0;
  color: var(--crm-text-muted);
}

.crm-table-pagination__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

.crm-table-pagination__actions .previous,
.crm-table-pagination__actions .next {
  float: none;
}

@media (max-width: 767px) {
  .crm-table-pagination {
    align-items: stretch;
  }

  .crm-table-pagination__summary {
    width: 100%;
  }

  .crm-table-pagination__label {
    white-space: normal;
  }

  .crm-table-pagination__actions {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }
}

/* line 480, ../scss/sass/estilos_nuevos.scss */
.btn-search {
  border: 2.3px solid #006cd2 !important;
  background-color: #006cd2;
  color: #ffffff;
  margin: 0 0 0 -2px;
}
/* line 485, ../scss/sass/estilos_nuevos.scss */
.btn-search:hover {
  color: #fff !important;
}

/* line 490, ../scss/sass/estilos_nuevos.scss */
.border-radius-no-right {
  border-radius: 4px 0px 0px 4px !important;
}

/* line 494, ../scss/sass/estilos_nuevos.scss */
.modal-header {
  padding: 15px;
  border-bottom: 0px;
  background: #027ff4;
  color: #fff;
  border-radius: 4px 4px 0px 0px;
}

/* line 502, ../scss/sass/estilos_nuevos.scss */
.close {
  font-size: 21px !important;
  font-weight: 200 !important;
  color: #fff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  margin: 0px 0 0 0 !important;
}

/* line 511, ../scss/sass/estilos_nuevos.scss */
.modal-title {
  font-weight: 200;
}

/* line 515, ../scss/sass/estilos_nuevos.scss */
.no-margin-bottom {
  margin-bottom: 0px !important;
}

/* line 519, ../scss/sass/estilos_nuevos.scss */
.margin-top {
  margin-top: 10px !important;
}

/* line 523, ../scss/sass/estilos_nuevos.scss */
.margin-top-40 {
  margin-top: 40px !important;
}

/* line 527, ../scss/sass/estilos_nuevos.scss */
.margin-bottom {
  margin-bottom: 10px;
}

/* line 531, ../scss/sass/estilos_nuevos.scss */
.margin-left {
  margin-left: 10px;
}

/* line 536, ../scss/sass/estilos_nuevos.scss */
.popup .right_col {
  padding: 20px;
}

/* line 541, ../scss/sass/estilos_nuevos.scss */
.witdh-all {
  width: 100% !important;
}

/* line 545, ../scss/sass/estilos_nuevos.scss */
.width-medium {
  width: 49% !important;
  float: left;
}

/* line 550, ../scss/sass/estilos_nuevos.scss */
.width-60 {
  width: 60% !important;
}

/* line 558, ../scss/sass/estilos_nuevos.scss */
.margin-right {
  margin-right: 10px;
}

/* line 562, ../scss/sass/estilos_nuevos.scss */
.form-control {
  height: 44px !important;
}

/* line 568, ../scss/sass/estilos_nuevos.scss */
.last-pull-right-child form .col-md-6:last-child {
  float: right;
}

/* line 575, ../scss/sass/estilos_nuevos.scss */
.chosen-container-single .chosen-single {
  display: block;
  width: 100%;
  height: 44px !important;
  padding: 6px 12px !important;
  font-size: 14px;
  line-height: 2 !important;
  background-color: #EEF1F8 !important;
  background-image: none !important;
  border: 1px solid #EEF1F8;
  border-radius: 4px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #848f92 !important;
  font-size: 13px;
  padding: 10px 10px !important;
  /*text-transform: lowercase;*/
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/* line 593, ../scss/sass/estilos_nuevos.scss */
.chosen-container-single .chosen-single:first-letter {
  text-transform: uppercase;
}

/* line 600, ../scss/sass/estilos_nuevos.scss */
.btn-save {
  /* background: white;
   color: #29AE76;
   border: 1px solid #29AE76;
   &:focus {
     border: 1px solid #29AE76;
   }*/
}
/* line 607, ../scss/sass/estilos_nuevos.scss */
.btn-save i {
  padding-top: 3px;
  padding-right: 5px;
}

/* line 613, ../scss/sass/estilos_nuevos.scss */
.margin-menos4 {
  margin: -4px 0 0 0;
}

/* line 617, ../scss/sass/estilos_nuevos.scss */
.btn {
  height: 44px !important;
}

/* line 621, ../scss/sass/estilos_nuevos.scss */
.btn-custom {
  height: 34px !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  font-weight: 200 !important;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

/* line 647, ../scss/sass/estilos_nuevos.scss */
.btn-contacto-nuevo {
  margin: 0 0 0 10px;
  width: 100%;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  float: right;
}
/* line 653, ../scss/sass/estilos_nuevos.scss */
.btn-contacto-nuevo i {
  font-size: 14px;
}

/* line 658, ../scss/sass/estilos_nuevos.scss */
.chosen-container {
  width: 100% !important;
}

/* line 662, ../scss/sass/estilos_nuevos.scss */
#id_tipo_costo {
  float: right;
}

/* line 666, ../scss/sass/estilos_nuevos.scss */
.btn-plus {
  line-height: 30px !important;
}

/* line 670, ../scss/sass/estilos_nuevos.scss */
.btn-plus-responsive {
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 768px) {
  /* line 676, ../scss/sass/estilos_nuevos.scss */
  .btn-plus-responsive {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 992px) {
  /* line 683, ../scss/sass/estilos_nuevos.scss */
  .btn-plus-responsive {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 1200px) {
  /* line 690, ../scss/sass/estilos_nuevos.scss */
  .btn-plus-responsive {
    padding-right: 0px;
    padding-left: 0px;
  }
}
/* line 696, ../scss/sass/estilos_nuevos.scss */
.error-poc .errorlist {
  margin-top: 88px;
  margin-right: 10px;
}

/* line 701, ../scss/sass/estilos_nuevos.scss */
.errorlist {
  position: absolute;
  right: 11px;
  top: 7px;
  list-style: none;
  color: red;
}

/* line 709, ../scss/sass/estilos_nuevos.scss */
.container-vulk {
  margin: 0 0 10px 0;
  float: left;
  width: 100%;
}

/* line 715, ../scss/sass/estilos_nuevos.scss */
.show {
  display: block;
  -webkit-animation: fadein 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s;
  /* Firefox < 16 */
  -ms-animation: fadein 1s;
  /* Internet Explorer */
  -o-animation: fadein 1s;
  /* Opera < 12.1 */
  animation: fadein 1s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 773, ../scss/sass/estilos_nuevos.scss */
.vid-container {
  justify-content: space-between;
  position: relative;
  height: 100vh;
  overflow: hidden;
  background-image: url("/static/imagenes/fondo-logo-crmvzor.png");
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 784, ../scss/sass/estilos_nuevos.scss */
.sub-logo-vzor {
  width: 650px;
}

/* line 788, ../scss/sass/estilos_nuevos.scss */
.sub-logo {
  display: flex;
  align-items: end;
  flex: 50%;
}

/* line 794, ../scss/sass/estilos_nuevos.scss */
.texto-login > h3 {
  text-align: justify;
  color: white;
}

/* line 798, ../scss/sass/estilos_nuevos.scss */
.texto-login {
  display: flex;
  align-items: start;
  margin-left: 26px;
  margin-bottom: 18px;
  flex: 50%;
}

/* line 806, ../scss/sass/estilos_nuevos.scss */
.form-group-login-boton {
  width: 60%;
}

/* line 810, ../scss/sass/estilos_nuevos.scss */
.form-signin {
  flex-direction: column;
  display: flex;
  align-items: center;
}

/* line 816, ../scss/sass/estilos_nuevos.scss */
.form-group-login {
  border: 2px solid #D0D0CE !important;
  border-radius: 8px !important;
  display: flex;
  width: 60%;
  margin-bottom: 10px;
}

/* line 825, ../scss/sass/estilos_nuevos.scss */
.amcharts-chart-div a {
  display: none !important;
}

/*#id_empresa_chosen{
  width:60%!important;
}*/
/* line 835, ../scss/sass/estilos_nuevos.scss */
.chosen-single:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #90a4ae;
  float: right;
  margin: -16px 5px;
}

/* line 848, ../scss/sass/estilos_nuevos.scss */
.width-all #id_empresa_chosen {
  width: 100% !important;
}

/* line 853, ../scss/sass/estilos_nuevos.scss */
textarea {
  border-radius: 4px;
  width: 100% !important;
  background-color: #EEF1F8;
  border: 1px solid #EEF1F8;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* line 862, ../scss/sass/estilos_nuevos.scss */
textarea:hover {
  border: 1px solid #EEF1F8;
}

/* line 866, ../scss/sass/estilos_nuevos.scss */
textarea:focus {
  border: 1px solid #DBDAEA !important;
  outline: 0;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* line 874, ../scss/sass/estilos_nuevos.scss */
.wrap-content {
  overflow: overlay;
}

/* line 878, ../scss/sass/estilos_nuevos.scss */
.no-margin-right {
  margin-right: 0px !important;
}

/* line 886, ../scss/sass/estilos_nuevos.scss */
.ultime-td-center-checkbox tbody tr td:last-child {
  text-align: center;
  line-height: 3.428571;
}

/* line 895, ../scss/sass/estilos_nuevos.scss */
.user-profile {
  text-transform: lowercase !important;
}

.top_nav .dropdown-usermenu {
  background: #ffffff;
  border: 1px solid #d9e3ef;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(15, 37, 63, 0.14);
  overflow: hidden;
}

.top_nav .dropdown-usermenu li {
  border-bottom: 1px solid #eef3f8;
}

.top_nav .dropdown-usermenu li:last-child {
  border-bottom: 0;
}

.top_nav .dropdown-usermenu li a {
  color: #27496d !important;
  font-weight: 500;
}

.top_nav .dropdown-usermenu li a:hover,
.top_nav .dropdown-usermenu li a:focus {
  color: #123964 !important;
  background: #f4f8fc !important;
}

.top_nav .dropdown-usermenu .fa,
.top_nav .dropdown-usermenu .fas {
  color: #027ff4;
}

@media only screen and (min-width: 200px) and (max-width: 600px) {
  /* line 900, ../scss/sass/estilos_nuevos.scss */
  #id_contacto_chosen {
    width: 100% !important;
  }

  /* line 903, ../scss/sass/estilos_nuevos.scss */
  #id_empresa_chosen {
    width: 100% !important;
  }

  /* line 906, ../scss/sass/estilos_nuevos.scss */
  .width-60 {
    width: 100% !important;
  }

  /* line 909, ../scss/sass/estilos_nuevos.scss */
  .width-all-res {
    width: 100%;
  }

  /* line 912, ../scss/sass/estilos_nuevos.scss */
  .margin-left-res {
    margin-left: 0px;
  }

  /* line 915, ../scss/sass/estilos_nuevos.scss */
  .margin-top-res {
    margin-top: 10px;
  }

  /* line 918, ../scss/sass/estilos_nuevos.scss */
  .width-medium {
    width: 100% !important;
  }

  /* line 921, ../scss/sass/estilos_nuevos.scss */
  #id_monto {
    margin-bottom: 10px;
  }
}
/* line 926, ../scss/sass/estilos_nuevos.scss */
.uppercase {
  text-transform: uppercase;
}

/* line 930, ../scss/sass/estilos_nuevos.scss */
.__lk-fileInput {
  cursor: pointer;
}
/* line 932, ../scss/sass/estilos_nuevos.scss */
.__lk-fileInput input {
  display: none;
}
/* line 935, ../scss/sass/estilos_nuevos.scss */
.__lk-fileInput span {
  line-height: 30px;
}
/* line 940, ../scss/sass/estilos_nuevos.scss */
.__lk-fileInput span.withFile:after {
  content: "\f00d";
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

/* line 951, ../scss/sass/estilos_nuevos.scss */
.msg-upload {
  width: 98%;
  display: block;
  float: left;
  text-align: center;
  background: rgba(2, 127, 244, 0.72);
  color: #fff;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  padding: 5px;
  border-radius: 4px;
  z-index: 9;
}

/* line 968, ../scss/sass/estilos_nuevos.scss */
.ghost {
  display: none;
}

/* line 972, ../scss/sass/estilos_nuevos.scss */
.new-table-row {
  border-radius: 4px;
  background: #c5e0f9;
  color: #666666;
}

/* line 978, ../scss/sass/estilos_nuevos.scss */
.table > tbody > tr > td {
  line-height: normal !important;
}

/* line 982, ../scss/sass/estilos_nuevos.scss */
.small-table {
  text-transform: uppercase;
  font-size: 9px;
  color: #999;
}

/* line 988, ../scss/sass/estilos_nuevos.scss */
.dropdown-acciones-tabla {
  padding: 0px;
  height: 16px !important;
  background-color: transparent;
  margin: 0px;
  color: #027ff4;
  border: 0px;
}

/* line 997, ../scss/sass/estilos_nuevos.scss */
.dropdown-menu-acciones-tabla {
  background-color: #32383d;
  border-radius: 5px;
}
/* line 1000, ../scss/sass/estilos_nuevos.scss */
.dropdown-menu-acciones-tabla li {
  margin: 5px;
}
/* line 1002, ../scss/sass/estilos_nuevos.scss */
.dropdown-menu-acciones-tabla li a {
  padding: 8px;
}
/* line 1004, ../scss/sass/estilos_nuevos.scss */
.dropdown-menu-acciones-tabla li a i {
  border-radius: 50%;
  font-size: 10px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  padding-left: 4px;
}
/* line 1012, ../scss/sass/estilos_nuevos.scss */
.dropdown-menu-acciones-tabla li a span {
  font-size: 10px;
  margin: 0 0 0 8px;
}
/* line 1019, ../scss/sass/estilos_nuevos.scss */
.dropdown-menu-acciones-tabla .btn-primary.active, .dropdown-menu-acciones-tabla .btn-primary:active, .dropdown-menu-acciones-tabla .open > .dropdown-toggle.btn-primary {
  color: #006cd2;
  background-color: transparent;
  border-color: transparent;
}

/* line 1027, ../scss/sass/estilos_nuevos.scss */
.barra {
  float: left;
  width: 1%;
  height: 90%;
  border-left: 1px solid #d7dadc;
  position: absolute;
  margin: 0 0 0 10px;
}

/* line 1036, ../scss/sass/estilos_nuevos.scss */
.well {
  overflow: inherit;
}

/* line 1040, ../scss/sass/estilos_nuevos.scss */
.height-ticketapoyo {
  min-height: 640px;
  overflow: scroll;
  max-height: 640px;
  padding: 0px 20px 0px 0px !important;
  border-top: 30px solid white !important;
  border-bottom: 30px solid #ffffff !important;
}

/* line 1049, ../scss/sass/estilos_nuevos.scss */
.height-ticketpoc {
  min-height: 662px;
  overflow: scroll;
  max-height: 662px;
  padding: 0px 20px 0px 0px !important;
  border-top: 30px solid white !important;
  border-bottom: 30px solid #ffffff !important;
}

/* line 1058, ../scss/sass/estilos_nuevos.scss */
.height-ticketcomentario-admin {
  min-height: 632px;
  overflow: scroll;
  max-height: 632px;
  padding: 0px 20px 0px 0px !important;
  border-top: 30px solid white !important;
  border-bottom: 30px solid #ffffff !important;
}

/* line 1067, ../scss/sass/estilos_nuevos.scss */
.height-ticketcomentario-user {
  min-height: 524px;
  overflow: scroll;
  max-height: 524px;
  padding: 0px 20px 0px 0px !important;
  border-top: 30px solid white !important;
  border-bottom: 30px solid #ffffff !important;
}

@media (min-width: 768px) {
  /* line 1077, ../scss/sass/estilos_nuevos.scss */
  .height-ticketpoc {
    min-height: 724px;
    max-height: 724px;
  }
}
@media (min-width: 992px) {
  /* line 1084, ../scss/sass/estilos_nuevos.scss */
  .height-ticketpoc {
    min-height: 787px;
    max-height: 787px;
  }
}
@media (min-width: 1200px) {
  /* line 1091, ../scss/sass/estilos_nuevos.scss */
  .height-ticketpoc {
    min-height: 724px;
    max-height: 724px;
  }
}
/* line 1097, ../scss/sass/estilos_nuevos.scss */
.show-xs {
  display: none !important;
}

/* line 1101, ../scss/sass/estilos_nuevos.scss */
.margin-left-md {
  margin-left: 10px;
}

@media only screen and (min-width: 0px) and (max-width: 992px) {
  /* line 1106, ../scss/sass/estilos_nuevos.scss */
  .nav_menu {
    width: 100%;
  }

  /* line 1109, ../scss/sass/estilos_nuevos.scss */
  .nav-md .container.body .right_col {
    padding: 77px 20px 20px 20px !important;
    min-height: auto !important;
    height: 100%;
  }
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
  /* line 1117, ../scss/sass/estilos_nuevos.scss */
  .show-xs {
    display: block !important;
  }

  /* line 1120, ../scss/sass/estilos_nuevos.scss */
  .margin-left-md {
    margin-left: 0px;
  }

  /* line 1124, ../scss/sass/estilos_nuevos.scss */
  .margin-top-xs {
    margin-top: 10px;
  }
}
/* line 1129, ../scss/sass/estilos_nuevos.scss */
.well-auto {
  overflow: auto;
  overflow-x: auto !important;
}

/* line 1134, ../scss/sass/estilos_nuevos.scss */
.list-inline {
  margin-bottom: 50px;
  margin-left: 5px;
}

@media (min-width: 200px) {
  /* line 1140, ../scss/sass/estilos_nuevos.scss */
  .well-auto {
    overflow: auto;
    overflow-x: auto !important;
  }
}
@media (min-width: 992px) {
  /* line 1147, ../scss/sass/estilos_nuevos.scss */
  .well-auto {
    overflow: visible;
    overflow-x: visible !important;
  }
}
@media (min-width: 1200px) {
  /* line 1154, ../scss/sass/estilos_nuevos.scss */
  .well-auto {
    overflow: visible;
    overflow-x: visible !important;
  }
}
/* line 1160, ../scss/sass/estilos_nuevos.scss */
.height-oportunidad_journal {
  min-height: 466px;
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
  /* line 1165, ../scss/sass/estilos_nuevos.scss */
  .height-oportunidad_journal {
    min-height: 441px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  /* line 1171, ../scss/sass/estilos_nuevos.scss */
  .height-oportunidad_journal, .height-ticketcomentario, .height-ticketpoc, .height-ticketapoyo {
    min-height: 380px;
    max-height: 380px;
  }
}
/* line 1177, ../scss/sass/estilos_nuevos.scss */
.no-scroll {
  overflow-x: hidden;
  overflow-y: hidden;
}

/* line 1182, ../scss/sass/estilos_nuevos.scss */
.block-title {
  border-bottom: 1px solid #027FF4 !important;
}

/* line 1186, ../scss/sass/estilos_nuevos.scss */
.block-title b {
  font-size: 17px !important;
}

/* line 1190, ../scss/sass/estilos_nuevos.scss */
p {
  font-size: 13px;
}

/* line 1194, ../scss/sass/estilos_nuevos.scss */
.js .inputfile {
  width: 0.1px !important;
  height: 0.1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  z-index: -1 !important;
}

/* line 1203, ../scss/sass/estilos_nuevos.scss */
.inputfile + label {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  overflow: hidden !important;
  color: #FFFFFF;
  height: 45px;
  padding: 14px;
  border-radius: 4px;
  font-weight: normal;
  margin: 0px;
  width: 200px;
  text-align: center;
  background: #006cd2;
                    /*
background: -moz-linear-gradient(45deg, rgba(41, 174, 96, 1) 0%, rgba(0, 199, 80, 1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(41, 174, 96, 1)), color-stop(100%, rgba(0, 199, 80, 1)));
background: -webkit-linear-gradient(45deg, rgba(41, 174, 96, 1) 0%, rgba(0, 199, 80, 1) 100%);
background: -o-linear-gradient(45deg, rgba(41, 174, 96, 1) 0%, rgba(0, 199, 80, 1) 100%);
background: -ms-linear-gradient(45deg, rgba(41, 174, 96, 1) 0%, rgba(0, 199, 80, 1) 100%);
background: linear-gradient(45deg, rgba(41, 174, 96, 1) 0%, rgba(0, 199, 80, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29ae60', endColorstr='#00c750', GradientType=1);*/
  border: 1px solid #006cd2;
}

/* line 1227, ../scss/sass/estilos_nuevos.scss */
.no-js .inputfile + label {
  display: none !important;
}

/* line 1237, ../scss/sass/estilos_nuevos.scss */
.inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

/* line 1242, ../scss/sass/estilos_nuevos.scss */
.inputfile + label svg {
  width: 1em !important;
  height: 1em !important;
  vertical-align: middle !important;
  fill: currentColor !important;
  margin-top: -0.25em !important;
  /* 4px */
  margin-right: 0.25em !important;
  /* 4px */
}

/* style 1 */
/* line 1260, ../scss/sass/estilos_nuevos.scss */
.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
  opacity: 0.9;
}

/* line 1266, ../scss/sass/estilos_nuevos.scss */
input {
  height: 44px;
  width: 100%;
  background-color: #EEF1F8;
  border: 1px solid #EEF1F8;
  padding: 10px 10px;
  border-radius: 4px;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/* line 1274, ../scss/sass/estilos_nuevos.scss */
input:focus {
  border: 1px solid #DBDAEA;
}

/* line 1279, ../scss/sass/estilos_nuevos.scss */
.control-label {
  font-size: 12px;
  font-weight: normal;
}

/* line 1284, ../scss/sass/estilos_nuevos.scss */
.current-page:before {
  border: 2px solid #fbbc0e;
  box-shadow: none;
}

/* line 1289, ../scss/sass/estilos_nuevos.scss */
.nav.child_menu li:hover:before {
  border: 2px solid #efb000;
}

/* line 1293, ../scss/sass/estilos_nuevos.scss */
.nav.side-menu > li.active {
  border-right: none;
}

/* line 1297, ../scss/sass/estilos_nuevos.scss */
.menu_section > ul {
  margin-top: -10px;
}

/*#id_parent_archivo_contrato,
#id_parent_archivo_propuesta_comercial {
  border: 2px solid #EEF1F7;
  border-radius: 4px;
  padding: 10px 25px;

  label {
    width: 100%;
  }
}*/
/* line 1313, ../scss/sass/estilos_nuevos.scss */
.checkbox-container .form-control {
  height: 27px !important;
}
/* line 1316, ../scss/sass/estilos_nuevos.scss */
.checkbox-container label {
  padding-left: 10px;
}

/* line 1321, ../scss/sass/estilos_nuevos.scss */
.horizontal-align {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

/* line 1327, ../scss/sass/estilos_nuevos.scss */
.save-section {
  padding-top: 25px;
}
/* line 1331, ../scss/sass/estilos_nuevos.scss */
.save-section button {
  margin-bottom: 0px !important;
}

/* line 1336, ../scss/sass/estilos_nuevos.scss */
.icon-paquete-licencia {
  margin-top: -5px;
  margin-right: 15px;
}

/* line 1342, ../scss/sass/estilos_nuevos.scss */
.form-horizontal .padding-top {
  padding-top: 10px;
}

/* line 1348, ../scss/sass/estilos_nuevos.scss */
.form-relacion-comercial h6 {
  width: 149px;
}
/* line 1352, ../scss/sass/estilos_nuevos.scss */
.form-relacion-comercial select option {
  padding: 5px;
}

/* line 1358, ../scss/sass/estilos_nuevos.scss */
.vertical-divider:before {
  position: absolute;
  content: '';
  z-index: 9;
  border-left: 1px solid #EEF1F7;
  border-right: 1px solid #EEF1F7;
  width: 0;
  height: 73%;
}

/* line 1369, ../scss/sass/estilos_nuevos.scss */
.form-relacion-comercial .save-section {
  padding-bottom: 10px;
}

/* line 1374, ../scss/sass/estilos_nuevos.scss */
.vzor-title {
  color: white;
  background-image: linear-gradient(80deg, #00aeff, #3369e7);
  padding: 10px 15px 8px;
  border-radius: 25px;
  width: 148px;
}

/* line 1382, ../scss/sass/estilos_nuevos.scss */
.blue-title {
  color: white;
  font-weight: 400;
  box-shadow: 0 5px 10px lightgrey;
  padding: 12px;
  border-radius: 50px;
  width: 50%;
  text-align: center;
  position: relative;
  top: -35px;
  text-transform: uppercase;
  font-size: 12px;
  background-image: linear-gradient(80deg, #00aeff, #3369e7);
}

/* line 1399, ../scss/sass/estilos_nuevos.scss */
.panel-canal .well {
  margin-top: 30px;
}
/* line 1401, ../scss/sass/estilos_nuevos.scss */
.panel-canal .well table {
  margin-top: -25px;
}

/* line 1407, ../scss/sass/estilos_nuevos.scss */
#nueva-empresa,
#nuevo-producto,
#nuevo-centro {
  width: 100%;
  margin-top: 32px;
}

/* flexbox styles */
/* line 1415, ../scss/sass/estilos_nuevos.scss */
.flex-row.row {
  display: -webkit-box !important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 1424, ../scss/sass/estilos_nuevos.scss */
.flex-row.row > [class*='col-'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* mobile fallback when col-xs-* is not specified */
@media only screen and (max-width: 768px) {
  /* line 1437, ../scss/sass/estilos_nuevos.scss */
  .flex-row.row > [class*="col-sm-"]:not([class*="col-xs-"]) {
    width: 100%;
  }
}
/* inner flex */
/* line 1442, ../scss/sass/estilos_nuevos.scss */
.flex-row .flex-grow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* optional to center paragraphs - add flex-justify to flex-grow class */
/* line 1459, ../scss/sass/estilos_nuevos.scss */
.flex-grow.flex-justify {
  justify-content: center;
}

/* COTIZADOR */
/* line 1467, ../scss/sass/estilos_nuevos.scss */
.contenedor_costo td {
  font-weight: bold !important;
  font-size: 16px !important;
}

/* line 1472, ../scss/sass/estilos_nuevos.scss */
.linea_derecha {
  border-right-color: #ccc;
  border-right-style: solid;
  border-right-width: thin;
}

/* line 1478, ../scss/sass/estilos_nuevos.scss */
.text-uppercase {
  text-transform: uppercase;
}

/* line 1481, ../scss/sass/estilos_nuevos.scss */
.reports:hover {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

/* line 1487, ../scss/sass/estilos_nuevos.scss */
.card-body-custom {
  margin-top: 10px;
  background: #3c5cf4;
  border-radius: 10px;
  color: white;
}

/* line 1495, ../scss/sass/estilos_nuevos.scss */
.save-section-custom {
  float: right;
  margin-right: 10px;
}

/* line 1500, ../scss/sass/estilos_nuevos.scss */
.no-info {
  position: absolute !important;
  top: 160px !important;
  left: 450px !important;
}

/* line 1505, ../scss/sass/estilos_nuevos.scss */
.card-center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* line 1510, ../scss/sass/estilos_nuevos.scss */
.hr-internal-dash {
  margin-top: 8px !important;
  margin-right: -19px !important;
  margin-left: -19px !important;
}

/* line 1515, ../scss/sass/estilos_nuevos.scss */
.card-comment {
  background-color: rgba(24, 28, 33, 0.06) !important;
}

/* line 1518, ../scss/sass/estilos_nuevos.scss */
.container-custom {
  width: 100% !important;
  max-width: 120em !important;
  padding: 1em !important;
  cursor: pointer !important;
}

/* line 1526, ../scss/sass/estilos_nuevos.scss */
.container-custom .bloque {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  margin: 0 0 1em !important;
}

/* line 1532, ../scss/sass/estilos_nuevos.scss */
.container-custom .titulo-container {
  border-bottom: darkgray 1px;
  margin: 0 0 0 !important;
  padding: 1em !important;
  background-color: white !important;
}

/* line 1539, ../scss/sass/estilos_nuevos.scss */
.container-custom .contenido {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: 0;
  padding: 0em;
  overflow: hidden;
  transition: all .5s ease;
}

/* line 1546, ../scss/sass/estilos_nuevos.scss */
.container-custom .bloque.activo .contenido {
  height: fit-content;
}

/* line 1551, ../scss/sass/estilos_nuevos.scss */
.container-custom-inside-container {
  width: 100% !important;
  max-width: 120em !important;
  padding: 1em !important;
  cursor: pointer !important;
}

/* line 1558, ../scss/sass/estilos_nuevos.scss */
.container-custom-inside-container .bloque-custom {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
  margin: 0 0 1em !important;
}

/* line 1564, ../scss/sass/estilos_nuevos.scss */
.container-custom-inside-container .titulo-container-custom {
  font-size: 14px;
  margin: 0 0 0 !important;
  padding-left: 0.6em !important;
}

/* line 1570, ../scss/sass/estilos_nuevos.scss */
.container-custom-inside-container .contenido-custom {
  height: 0;
  padding: 0em;
  overflow: hidden;
  transition: all .5s ease;
}

/* line 1577, ../scss/sass/estilos_nuevos.scss */
.container-custom-inside-container .bloque-custom.activo-custom .contenido-custom {
  height: fit-content;
}

/* line 1581, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom {
  position: relative;
  display: inline-block;
}

/* line 1585, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom .tiptext {
  visibility: hidden;
  width: 257px;
  text-align: center;
  border-radius: 3px;
  padding: 2px 0;
  position: absolute;
  z-index: 1;
}

/* line 1595, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom .tiptext::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
}

/* line 1601, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom:hover .tiptext {
  visibility: visible;
}

/* line 1604, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom.top .tiptext {
  margin-left: -129px;
  bottom: 150%;
  left: 50%;
}

/* line 1609, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom.top .tiptext::after {
  margin-left: -5px;
  top: 100%;
  left: 50%;
  border-color: #2E2E2E transparent transparent transparent;
}

/* line 1615, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom.bottom .tiptext::after {
  margin-left: -5px;
  top: 100%;
  left: 50%;
  border-color: transparent transparent #2E2E2E transparent;
  top: -52%;
  left: 48%;
}

/* line 1623, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom.top .tiptext.green-tooltip {
  font-size: 10px;
  line-height: 1.5;
  background-color: white;
  border: 1px solid #02BC77;
  color: black;
}

/* line 1630, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom.top .tiptext.yellow-tooltip {
  font-size: 10px;
  line-height: 1.5;
  background-color: white;
  border: 1px solid #FFD950;
  color: black;
}

/* line 1637, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom.top .tiptext.red-tooltip {
  font-size: 10px;
  line-height: 1.5;
  background-color: white;
  border: 1px solid #d9534f;
  color: black;
}

/* line 1645, ../scss/sass/estilos_nuevos.scss */
.letter-white {
  color: white !important;
}

/* line 1649, ../scss/sass/estilos_nuevos.scss */
.titulo-container:hover {
  opacity: 0.7;
}

/* line 1653, ../scss/sass/estilos_nuevos.scss */
.titulo-container-custom:hover {
  opacity: 0.7;
}

/* line 1656, ../scss/sass/estilos_nuevos.scss */
.ajuste-container {
  background-color: white !important;
}

/* line 1660, ../scss/sass/estilos_nuevos.scss */
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 1665, ../scss/sass/estilos_nuevos.scss */
.fa-large {
  font-size: 20px !important;
}

/* line 1669, ../scss/sass/estilos_nuevos.scss */
.btn-descarga-archivos {
  border-color: #006cd2 !important;
  color: #006cd2 !important;
  margin: 0px !important;
}

/* line 1674, ../scss/sass/estilos_nuevos.scss */
.btn-descarga-archivos:hover {
  border-color: #006cd2 !important;
  background-color: #006cd2 !important;
  color: white !important;
}

.crm-funnel-card {
  min-height: 455px;
  padding: 24px !important;
  background: linear-gradient(180deg, #fbfdff 0%, #f3f8fc 100%) !important;
  border: 1px solid #dbe7f2 !important;
  border-radius: 24px;
  box-shadow: 0 22px 48px rgba(20, 56, 108, 0.08) !important;
  position: relative;
  overflow: hidden;
}

.crm-funnel-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, #0d3f76 0%, #0f5fa8 38%, #1ea9e3 100%);
}

.crm-funnel-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.crm-funnel-card__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(2, 127, 244, 0.08);
  color: #006cd2;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.crm-funnel-card__title {
  margin: 14px 0 6px 0;
  font-size: 24px;
  font-weight: 600;
  color: #10233f;
}

.crm-funnel-card__subtitle {
  margin: 0;
  max-width: 480px;
  color: #607085;
  font-size: 13px;
  line-height: 1.6;
}

.crm-funnel-card__badge {
  flex-shrink: 0;
  padding: 8px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #10233f 0%, #0f5fa8 100%);
  color: white;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}

.crm-funnel-card__chart {
  min-height: 286px;
  padding: 14px 12px 4px 12px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 250, 253, 0.96) 100%);
  border: 1px solid #e2edf6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.crm-funnel-card__chart-canvas {
  height: 270px !important;
}

.crm-funnel-card__summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.crm-funnel-summary {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid #e2ebf4;
}

.crm-funnel-summary__label {
  display: block;
  margin-bottom: 7px;
  color: #6d8197;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
}

.crm-funnel-summary__value {
  display: block;
  color: #10233f;
  font-size: 19px;
  line-height: 1.3;
  font-weight: 700;
}

.crm-funnel-card__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.crm-funnel-metric {
  padding: 15px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #e3ebf4;
  box-shadow: 0 10px 25px rgba(18, 50, 92, 0.05);
  position: relative;
  overflow: hidden;
}

.crm-funnel-metric::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 18px 0 0 18px;
}

.crm-funnel-metric__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.crm-funnel-metric__label {
  display: block;
  margin-bottom: 6px;
  color: #66788d;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
}

.crm-funnel-metric__share {
  color: #6e86a1;
  font-size: 12px;
  font-weight: 700;
}

.crm-funnel-metric__value {
  display: block;
  color: #10233f;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
}

.crm-funnel-metric__bar {
  margin-top: 12px;
  height: 8px;
  border-radius: 999px;
  background: #eaf1f7;
  overflow: hidden;
}

.crm-funnel-metric__bar-fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 999px;
  transition: width 0.3s ease;
}

.crm-funnel-metric--identificado .crm-funnel-metric__bar-fill {
  background: linear-gradient(90deg, #0d3f76 0%, #1a74c6 100%);
}

.crm-funnel-metric--identificado {
  border-color: #d7e4f5;
  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
}

.crm-funnel-metric--identificado::before {
  background: #0d3f76;
}

.crm-funnel-metric--identificado .crm-funnel-metric__share {
  color: #0d3f76;
}

.crm-funnel-metric--calificado .crm-funnel-metric__bar-fill {
  background: linear-gradient(90deg, #0077b6 0%, #39a8df 100%);
}

.crm-funnel-metric--calificado {
  border-color: #d3e8f4;
  background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
}

.crm-funnel-metric--calificado::before {
  background: #0077b6;
}

.crm-funnel-metric--calificado .crm-funnel-metric__share {
  color: #0077b6;
}

.crm-funnel-metric--desarrollado .crm-funnel-metric__bar-fill {
  background: linear-gradient(90deg, #008b8b 0%, #2ec4b6 100%);
}

.crm-funnel-metric--desarrollado {
  border-color: #d4efec;
  background: linear-gradient(180deg, #ffffff 0%, #f4fcfb 100%);
}

.crm-funnel-metric--desarrollado::before {
  background: #00a6a6;
}

.crm-funnel-metric--desarrollado .crm-funnel-metric__share {
  color: #008b8b;
}

.crm-funnel-metric--negociacion .crm-funnel-metric__bar-fill {
  background: linear-gradient(90deg, #dc8a00 0%, #f4a300 100%);
}

.crm-funnel-metric--negociacion {
  border-color: #f4e3c4;
  background: linear-gradient(180deg, #ffffff 0%, #fffaf1 100%);
}

.crm-funnel-metric--negociacion::before {
  background: #f4a300;
}

.crm-funnel-metric--negociacion .crm-funnel-metric__share {
  color: #c98500;
}

.crm-funnel-metric--ganado .crm-funnel-metric__bar-fill {
  background: linear-gradient(90deg, #d95f02 0%, #ef6c00 100%);
}

.crm-funnel-metric--ganado {
  border-color: #f3ddd0;
  background: linear-gradient(180deg, #ffffff 0%, #fff6f2 100%);
}

.crm-funnel-metric--ganado::before {
  background: #ef6c00;
}

.crm-funnel-metric--ganado .crm-funnel-metric__share {
  color: #d95f02;
}

.crm-funnel-metric--cliente .crm-funnel-metric__bar-fill {
  background: linear-gradient(90deg, #7d3c98 0%, #8e44ad 100%);
}

.crm-funnel-metric--cliente {
  border-color: #eadcf2;
  background: linear-gradient(180deg, #ffffff 0%, #fbf6ff 100%);
}

.crm-funnel-metric--cliente::before {
  background: #8e44ad;
}

.crm-funnel-metric--cliente .crm-funnel-metric__share {
  color: #8e44ad;
}

.crm-funnel-sidecards {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.crm-funnel-sidecard {
  display: flex;
  align-items: stretch;
  gap: 16px;
  min-height: 135px;
  padding: 18px !important;
  border-radius: 22px;
  border: 1px solid #dbe7f2 !important;
  background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%) !important;
  box-shadow: 0 16px 32px rgba(20, 56, 108, 0.08) !important;
}

.crm-funnel-sidecard__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  min-width: 58px;
  border-radius: 18px;
  color: #ffffff;
  font-size: 22px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.crm-funnel-sidecard--earned .crm-funnel-sidecard__icon {
  background: linear-gradient(135deg, #0d3f76 0%, #1768b0 100%);
}

.crm-funnel-sidecard--outlook .crm-funnel-sidecard__icon {
  background: linear-gradient(135deg, #0f5c86 0%, #1ea9e3 100%);
}

.crm-funnel-sidecard--forecast .crm-funnel-sidecard__icon {
  background: linear-gradient(135deg, #1c7f96 0%, #29ae76 100%);
}

.crm-funnel-sidecard__content {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.crm-funnel-sidecard__eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: #6b8096;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
}

.crm-funnel-sidecard__title {
  color: #10233f;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.crm-funnel-sidecard__value {
  margin: 12px 0 16px;
  color: #123964;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
}

.crm-funnel-sidecard__link {
  align-self: flex-start;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0f5fa8;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.crm-funnel-sidecard__link:hover,
.crm-funnel-sidecard__link:focus {
  color: #0d3f76;
  text-decoration: underline;
  outline: none;
}

.crm-funnel-chart-card {
  padding: 22px !important;
  border-radius: 22px;
  border: 1px solid #dbe7f2 !important;
  background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%) !important;
  box-shadow: 0 16px 36px rgba(20, 56, 108, 0.08) !important;
}

.crm-funnel-chart-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.crm-funnel-chart-card__eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: #6b8096;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
}

.crm-funnel-chart-card__title {
  color: #10233f;
  font-size: 24px;
  font-weight: 700;
}

.crm-funnel-chart-card__title i {
  margin-right: 8px;
  color: #0f5fa8;
}

.crm-funnel-chart-card__body {
  padding: 12px 12px 4px;
  border-radius: 20px;
  border: 1px solid #e2edf6;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 250, 253, 0.96) 100%);
}

@media (max-width: 1199px) {
  .crm-funnel-card__summary,
  .crm-funnel-card__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .crm-funnel-card {
    min-height: auto;
    padding: 18px !important;
  }

  .crm-funnel-card__header {
    flex-direction: column;
  }

  .crm-funnel-card__chart {
    min-height: 220px;
  }

  .crm-funnel-card__chart-canvas {
    height: 220px !important;
  }

  .crm-funnel-card__summary,
.crm-funnel-card__metrics {
    grid-template-columns: 1fr;
  }

  .crm-funnel-sidecard {
    flex-direction: column;
  }
}

/* line 1680, ../scss/sass/estilos_nuevos.scss */
.tooltip-custom.top .tiptext.blue-tooltip {
  font-size: 10px;
  line-height: 1.5;
  background-color: white;
  border: 1px solid #006cd2;
  color: black;
}

/* line 1688, ../scss/sass/estilos_nuevos.scss */
.icono-formulario {
  font-size: 24px !important;
  text-align: center !important;
  margin-top: 42px !important;
  color: #006cd2 !important;
}

/* line 1694, ../scss/sass/estilos_nuevos.scss */
.icono-formulario:hover {
  opacity: 0.8 !important;
  cursor: pointer;
}

/* line 1698, ../scss/sass/estilos_nuevos.scss */
.center-box {
  display: flex !important;
  justify-content: center !important;
  padding: 0 !important;
}

/* line 1704, ../scss/sass/estilos_nuevos.scss */
.circulo {
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #5cb85c;
}

/* line 1713, ../scss/sass/estilos_nuevos.scss */
.login-box {
  margin-right: 10px;
  margin-left: 8%;
  flex: 70%;
  display: flex;
  flex-direction: column;
}

/* line 1722, ../scss/sass/estilos_nuevos.scss */
.login .contenedor-signin {
  justify-content: center;
  flex: 30%;
  box-shadow: 0 0 15px 0 #000000;
  position: relative;
  bottom: 0;
  display: flex;
  height: inherit;
  width: 500px;
  padding: 20px;
  border: none;
  flex-direction: column;
}

/* line 1737, ../scss/sass/estilos_nuevos.scss */
.contenedor-signin .form-signin label {
  font-weight: 300;
  color: #666666;
}

/* line 1742, ../scss/sass/estilos_nuevos.scss */
.contenedor-signin .form-signin .header-text-login {
  margin-bottom: 20px;
}

/* line 1746, ../scss/sass/estilos_nuevos.scss */
.contenedor-signin .form-signin .header-text-login label {
  font-weight: 700;
  color: #003c71;
}

/* line 1751, ../scss/sass/estilos_nuevos.scss */
.contenedor-signin .form-signin a {
  color: #003c71;
  width: 100%;
  display: block;
  text-align: center;
  position: inherit;
  bottom: 20px;
  float: left;
}

/* line 1761, ../scss/sass/estilos_nuevos.scss */
.contenedor-signin {
  background-color: white;
}

/* line 1766, ../scss/sass/estilos_nuevos.scss */
.login .logo {
  display: none;
  text-align: center;
  margin-bottom: 30px;
}

/* line 1773, ../scss/sass/estilos_nuevos.scss */
.texto-login-movil > h3 {
  font-size: 18px;
  display: none;
  text-align: center;
  color: white;
}

@media only screen and (max-width: 486px) {
  /* line 1781, ../scss/sass/estilos_nuevos.scss */
  .login-box {
    display: none;
  }

  /* line 1785, ../scss/sass/estilos_nuevos.scss */
  .contenedor-signin {
    background-color: transparent;
  }

  /* line 1789, ../scss/sass/estilos_nuevos.scss */
  .contenedor-signin .form-signin label {
    color: white;
  }

  /* line 1793, ../scss/sass/estilos_nuevos.scss */
  .contenedor-signin .form-signin a {
    color: white;
  }

  /* line 1797, ../scss/sass/estilos_nuevos.scss */
  .contenedor-signin .form-signin .header-text-login label {
    font-weight: 300;
    color: #ffffff;
  }

  /* line 1803, ../scss/sass/estilos_nuevos.scss */
  .login .logo {
    display: block;
    text-align: center;
    margin-bottom: 60px;
  }

  /* line 1810, ../scss/sass/estilos_nuevos.scss */
  .texto-login-movil > h3 {
    font-size: 18px;
    display: block;
    text-align: center;
    color: white;
  }

  /* line 1817, ../scss/sass/estilos_nuevos.scss */
  .texto-login-movil {
    margin-top: 60px;
  }

  /* line 1821, ../scss/sass/estilos_nuevos.scss */
  .btn-primary {
    color: #003c71 !important;
    background-color: #ffffff !important;
    border: 2px solid #D0D0CE !important;
  }
}

.crm-executive-dashboard {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.crm-executive-hero {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(135deg, #0d3f76 0%, #1a74c6 52%, #5bb6ff 100%);
  box-shadow: 0 20px 45px rgba(7, 40, 82, 0.24);
  color: #ffffff;
}

.crm-executive-hero__texture {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 32%), radial-gradient(circle at top right, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 35%);
  pointer-events: none;
}

.crm-executive-hero__content {
  position: relative;
  padding: 28px 32px 32px;
}

.crm-executive-hero__headline {
  display: flex;
  align-items: center;
  gap: 18px;
}

.crm-executive-hero__headline h1 {
  margin: 0;
  color: #ffffff;
  font-size: 38px;
  line-height: 1.1;
  font-weight: 800;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
}

.crm-executive-hero__line {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.18));
}

.crm-executive-hero__subtitle {
  margin: 12px 0 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.88);
}

.crm-executive-kpis {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.crm-executive-kpi {
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(6px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.crm-executive-kpi__label {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.76);
}

.crm-executive-kpi__value {
  display: block;
  margin-top: 8px;
  font-size: 32px;
  line-height: 1;
  color: #ffffff;
}

.crm-executive-kpi__value--accent {
  color: #ffe189;
}

.crm-executive-stage-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}

.crm-executive-stage-card {
  position: relative;
  overflow: hidden;
  flex: 0 1 calc(25% - 14px);
  max-width: calc(25% - 14px);
  min-height: 240px;
  padding: 24px 22px;
  border-radius: 22px;
  color: #ffffff;
  cursor: pointer;
  box-shadow: 0 18px 36px rgba(10, 24, 46, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.crm-executive-stage-card:hover,
.crm-executive-stage-card:focus {
  transform: translateY(-4px);
  box-shadow: 0 24px 42px rgba(10, 24, 46, 0.24);
  outline: none;
}

.crm-executive-stage-card__glow {
  position: absolute;
  inset: auto -18% -40% auto;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}

.crm-executive-stage-card__title,
.crm-executive-stage-card__count,
.crm-executive-stage-card__divider,
.crm-executive-stage-card__amount,
.crm-executive-stage-card__amount-label {
  position: relative;
  z-index: 1;
}

.crm-executive-stage-card__title {
  min-height: 56px;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 800;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}

.crm-executive-stage-card__count {
  margin-top: 18px;
  font-size: 62px;
  line-height: 0.95;
  font-weight: 800;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.crm-executive-stage-card__divider {
  width: 100%;
  height: 4px;
  margin: 18px 0 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.35);
}

.crm-executive-stage-card__amount {
  font-size: 28px;
  line-height: 1.1;
  font-weight: 800;
}

.crm-executive-stage-card__amount-label {
  margin-top: 6px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: rgba(255, 255, 255, 0.84);
}

.crm-executive-stage-card--lead {
  background: linear-gradient(145deg, #0d3f76 0%, #0f5fa8 52%, #29a4dc 100%);
}

.crm-executive-stage-card--identificado {
  background: linear-gradient(145deg, #0a4a7b 0%, #1272b6 52%, #43b5e6 100%);
}

.crm-executive-stage-card--calificado {
  background: linear-gradient(145deg, #0d4e73 0%, #147ca8 52%, #58bdd7 100%);
}

.crm-executive-stage-card--desarrollado {
  background: linear-gradient(145deg, #11557f 0%, #1b87ba 52%, #6ac7eb 100%);
}

.crm-executive-stage-card--negociacion {
  background: linear-gradient(145deg, #123964 0%, #1768b0 50%, #49a8e8 100%);
}

.crm-executive-stage-card--ganado {
  background: linear-gradient(145deg, #0d4a6b 0%, #0f78a5 52%, #3db9d8 100%);
}

.crm-executive-stage-card--cliente {
  background: linear-gradient(145deg, #102f57 0%, #185896 52%, #4b97d4 100%);
}

.crm-executive-footnote {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px 24px;
  border-radius: 18px;
  border: 1px solid #d7e2f0;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.crm-executive-footnote__title {
  font-size: 15px;
  font-weight: 700;
  color: #123964;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.crm-executive-footnote__text {
  color: #4c6480;
  font-size: 15px;
}

.crm-sales-forecast-card,
.crm-sales-table-card {
  border: 1px solid #dbe6f1 !important;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: 0 16px 34px rgba(16, 47, 87, 0.08);
  overflow: hidden;
}

.crm-sales-forecast-card__header,
.crm-sales-table-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px 0;
}

.crm-sales-forecast-card__eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5f7e9f;
  font-weight: 700;
}

.crm-sales-forecast-card__title,
.crm-sales-table-card__title {
  margin: 0;
  color: #123964;
  font-weight: 800;
}

.crm-sales-forecast-card__title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 28px;
}

.crm-sales-table-card__title {
  font-size: 26px;
}

.crm-sales-forecast-card__title i {
  color: #0f78a5;
}

.crm-sales-forecast-card__subtitle {
  margin: 10px 0 0;
  color: #627993;
  font-size: 15px;
}

.crm-sales-forecast-card__badge {
  padding: 10px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #0d3f76 0%, #1591cb 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.crm-sales-forecast-card__chart {
  padding: 8px 18px 18px;
}

.crm-sales-table-wrapper {
  padding: 12px 18px 18px;
}

.crm-sales-table {
  margin-bottom: 0;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}

.crm-sales-table thead th {
  padding: 16px 14px !important;
  border-bottom: 1px solid #dbe6f1 !important;
  background: #eff6fc;
  color: #123964;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.crm-sales-table thead th.crm-sortable-header {
  cursor: pointer;
  user-select: none;
  position: relative;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.crm-sales-table thead th.crm-sortable-header:hover,
.crm-sales-table thead th.crm-sortable-header:focus {
  background: #e4f0fb;
  color: #0d3f76;
  outline: none;
}

.crm-sales-table thead th.crm-sortable-header::after {
  content: "\f0dc";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px;
  margin-left: 8px;
  color: #89a2bc;
}

.crm-sales-table thead th.crm-sortable-header.is-sorted-asc::after {
  content: "\f0de";
  color: #0f5fa8;
}

.crm-sales-table thead th.crm-sortable-header.is-sorted-desc::after {
  content: "\f0dd";
  color: #0f5fa8;
}

.crm-sales-table thead th:first-child {
  border-top-left-radius: 16px;
}

.crm-sales-table thead th:last-child {
  border-top-right-radius: 16px;
}

.crm-sales-table tbody tr {
  transition: background-color 0.18s ease, transform 0.18s ease;
}

.crm-sales-table tbody tr:hover {
  background-color: #f5faff;
}

.crm-sales-table tbody td {
  padding: 16px 14px !important;
  border-top: 0 !important;
  border-bottom: 1px solid #edf3f8;
  color: #35506e;
  vertical-align: middle !important;
}

.crm-sales-table tbody td a {
  color: #0f5fa8;
  font-weight: 700;
}

.crm-sales-table tbody td:first-child span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  border-radius: 999px;
  background: #eaf3fb;
  color: #0d3f76;
}

@media only screen and (max-width: 767px) {
  .crm-sales-forecast-card__header,
  .crm-sales-table-card__header {
    flex-direction: column;
  }

  .crm-sales-forecast-card__title,
  .crm-sales-table-card__title {
    font-size: 22px;
  }

  .crm-sales-forecast-card__badge {
    white-space: normal;
  }

  .crm-sales-table-wrapper {
    padding: 12px 12px 16px;
  }
}

.crm-summary-filter-card,
.crm-summary-table-card,
.crm-summary-kpi {
  border: 1px solid var(--crm-border) !important;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow: var(--crm-shadow) !important;
}

.crm-summary-filter-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
  align-items: end;
}

.crm-summary-filter-field label {
  display: block;
  margin-bottom: 8px;
}

.crm-summary-filter-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.crm-summary-clear-link {
  color: var(--crm-text-muted);
  font-weight: 600;
}

.crm-summary-table-card {
  padding: 22px !important;
}

.crm-summary-table-card__header {
  margin-bottom: 18px;
}

.crm-summary-table-card__eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: #6b8096;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
}

.crm-summary-table-card__title {
  margin: 0;
  color: #10233f;
  font-size: 28px;
  font-weight: 800;
}

.crm-summary-table {
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
}

.crm-summary-table thead th {
  background: #eff6fc;
  color: #123964;
  font-size: 14px;
  padding: 16px 14px !important;
  border-bottom: 1px solid #dbe7f2 !important;
}

.crm-summary-table tbody td,
.crm-summary-table tfoot th,
.crm-summary-table tfoot td {
  padding: 16px 14px !important;
  border-top: 0 !important;
  border-bottom: 1px solid #edf3f8 !important;
  color: #35506e;
  vertical-align: middle !important;
}

.crm-summary-table tbody tr:hover td {
  background: #f5faff;
}

.crm-summary-table tfoot th,
.crm-summary-table tfoot td {
  background: #fbfdff;
  color: #123964;
  font-weight: 800;
}

.crm-summary-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.crm-summary-kpi {
  padding: 24px !important;
}

.crm-summary-kpi__label {
  display: block;
  color: #6b8096;
  font-size: 14px;
  margin-bottom: 20px;
}

.crm-summary-kpi__value {
  display: block;
  color: #10233f;
  font-size: 70px;
  line-height: 1;
  font-weight: 300;
}

.crm-summary-kpi__value--compact {
  font-size: 54px;
}

html[data-theme="dark"] .crm-summary-filter-card,
html[data-theme="dark"] .crm-summary-table-card,
html[data-theme="dark"] .crm-summary-kpi {
  background: var(--crm-surface) !important;
}

html[data-theme="dark"] .crm-summary-table thead th,
html[data-theme="dark"] .crm-summary-table tfoot th,
html[data-theme="dark"] .crm-summary-table tfoot td {
  background: var(--crm-surface-strong) !important;
  color: var(--crm-text) !important;
  border-color: var(--crm-border) !important;
}

html[data-theme="dark"] .crm-summary-table tbody td {
  color: var(--crm-text) !important;
  border-color: var(--crm-border) !important;
}

html[data-theme="dark"] .crm-summary-table tbody tr:hover td {
  background: var(--crm-surface-soft) !important;
}

html[data-theme="dark"] .crm-summary-table-card__eyebrow,
html[data-theme="dark"] .crm-summary-kpi__label,
html[data-theme="dark"] .crm-summary-clear-link {
  color: var(--crm-text-muted) !important;
}

html[data-theme="dark"] .crm-summary-table-card__title,
html[data-theme="dark"] .crm-summary-kpi__value {
  color: var(--crm-text) !important;
}

@media only screen and (max-width: 1200px) {
  .crm-summary-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .crm-summary-kpis {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .crm-summary-filter-grid {
    grid-template-columns: 1fr;
  }

  .crm-summary-filter-actions {
    flex-wrap: wrap;
  }

  .crm-summary-table-card__title {
    font-size: 24px;
  }

  .crm-summary-kpi__value,
  .crm-summary-kpi__value--compact {
    font-size: 42px;
  }
}

@media only screen and (max-width: 1200px) {
  .crm-executive-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .crm-executive-stage-card {
    flex-basis: calc(50% - 9px);
    max-width: calc(50% - 9px);
  }

  .crm-executive-hero__headline h1 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .crm-executive-hero__content {
    padding: 22px 18px 20px;
  }

  .crm-executive-hero__headline {
    gap: 10px;
  }

  .crm-executive-hero__headline h1 {
    font-size: 24px;
  }

  .crm-executive-hero__line {
    display: none;
  }

  .crm-executive-kpis,
  .crm-executive-stage-grid {
    grid-template-columns: 1fr;
  }

  .crm-executive-stage-card {
    flex-basis: 100%;
    max-width: 100%;
    min-height: 210px;
  }

  .crm-executive-stage-card__count {
    font-size: 50px;
  }

  .crm-executive-stage-card__amount {
    font-size: 22px;
  }

  .crm-executive-footnote {
    flex-direction: column;
    align-items: flex-start;
  }
}