:root,:root.light,:root .light {
    --phoenix-gray-soft: #f5f7fa;
    --phoenix-gray-100: #eff2f6;
    --phoenix-gray-200: #e3e6ed;
    --phoenix-gray-300: #cbd0dd;
    --phoenix-gray-400: #9fa6bc;
    --phoenix-gray-500: #8a94ad;
    --phoenix-gray-600: #6e7891;
    --phoenix-gray-700: #525b75;
    --phoenix-gray-800: #3e465b;
    --phoenix-gray-900: #31374a;
    --phoenix-gray-1000: #222834;
    --phoenix-gray-1100: #141824;
    --phoenix-gray-soft-rgb: 245, 247, 250;
    --phoenix-gray-100-rgb: 239, 242, 246;
    --phoenix-gray-200-rgb: 227, 230, 237;
    --phoenix-gray-300-rgb: 203, 208, 221;
    --phoenix-gray-400-rgb: 159, 166, 188;
    --phoenix-gray-500-rgb: 138, 148, 173;
    --phoenix-gray-600-rgb: 110, 120, 145;
    --phoenix-gray-700-rgb: 82, 91, 117;
    --phoenix-gray-800-rgb: 62, 70, 91;
    --phoenix-gray-900-rgb: 49, 55, 74;
    --phoenix-gray-1000-rgb: 34, 40, 52;
    --phoenix-gray-1100-rgb: 20, 24, 36;
    --phoenix-soft: #f5f7fa;
    --phoenix-100: #eff2f6;
    --phoenix-200: #e3e6ed;
    --phoenix-300: #cbd0dd;
    --phoenix-400: #9fa6bc;
    --phoenix-500: #8a94ad;
    --phoenix-600: #6e7891;
    --phoenix-700: #525b75;
    --phoenix-800: #3e465b;
    --phoenix-900: #31374a;
    --phoenix-1000: #222834;
    --phoenix-1100: #141824;
    --phoenix-facebook: #3c5a99;
    --phoenix-google-plus: #dd4b39;
    --phoenix-twitter: #1da1f2;
    --phoenix-linkedin: #0077b5;
    --phoenix-youtube: #ff0001;
    --phoenix-github: #333333;
    --phoenix-bootstrap: #6f45a9;
    --phoenix-css3: #203ccf;
    --phoenix-html5: #bf4b2c;
    --phoenix-sass: #c55589;
    --phoenix-gulp: #d54049;
    --phoenix-w3c: #255997;
    --phoenix-primary: #3874ff;
    --phoenix-secondary: #31374a;
    --phoenix-success: #25b003;
    --phoenix-info: #0097eb;
    --phoenix-warning: #e5780b;
    --phoenix-danger: #ed2000;
    --phoenix-light: #eff2f6;
    --phoenix-dark: #141824;
    --phoenix-primary-soft: #f5f8ff;
    --phoenix-primary-100: #e5edff;
    --phoenix-primary-200: #adc5ff;
    --phoenix-primary-300: #85a9ff;
    --phoenix-primary-500: #004dff;
    --phoenix-primary-600: #003cc7;
    --phoenix-warning-soft: #fff6e0;
    --phoenix-warning-100: #ffefca;
    --phoenix-warning-200: #ffe6ad;
    --phoenix-warning-300: #ffcc85;
    --phoenix-warning-500: #d6700a;
    --phoenix-warning-600: #bc3803;
    --phoenix-danger-300: #f48270;
    --phoenix-danger-100: #ffe0db;
    --phoenix-danger-200: #fabcb3;
    --phoenix-danger-500: #cc1b00;
    --phoenix-danger-600: #b81800;
    --phoenix-success-100: #d9fbd0;
    --phoenix-success-200: #bee8b4;
    --phoenix-success-300: #90d67f;
    --phoenix-success-500: #23890b;
    --phoenix-success-600: #1c6c09;
    --phoenix-info-100: #c7ebff;
    --phoenix-info-200: #96d9ff;
    --phoenix-info-300: #60c6ff;
    --phoenix-info-500: #0080c7;
    --phoenix-info-600: #005585;
    --phoenix-white: #fff;
    --phoenix-black: #000000;
    --phoenix-soft-rgb: 245, 247, 250;
    --phoenix-100-rgb: 239, 242, 246;
    --phoenix-200-rgb: 227, 230, 237;
    --phoenix-300-rgb: 203, 208, 221;
    --phoenix-400-rgb: 159, 166, 188;
    --phoenix-500-rgb: 138, 148, 173;
    --phoenix-600-rgb: 110, 120, 145;
    --phoenix-700-rgb: 82, 91, 117;
    --phoenix-800-rgb: 62, 70, 91;
    --phoenix-900-rgb: 49, 55, 74;
    --phoenix-1000-rgb: 34, 40, 52;
    --phoenix-1100-rgb: 20, 24, 36;
    --phoenix-facebook-rgb: 60, 90, 153;
    --phoenix-google-plus-rgb: 221, 75, 57;
    --phoenix-twitter-rgb: 29, 161, 242;
    --phoenix-linkedin-rgb: 0, 119, 181;
    --phoenix-youtube-rgb: 255, 0, 1;
    --phoenix-github-rgb: 51, 51, 51;
    --phoenix-bootstrap-rgb: 111, 69, 169;
    --phoenix-css3-rgb: 32, 60, 207;
    --phoenix-html5-rgb: 191, 75, 44;
    --phoenix-sass-rgb: 197, 85, 137;
    --phoenix-gulp-rgb: 213, 64, 73;
    --phoenix-w3c-rgb: 37, 89, 151;
    --phoenix-primary-rgb: 56, 116, 255;
    --phoenix-secondary-rgb: 49, 55, 74;
    --phoenix-success-rgb: 37, 176, 3;
    --phoenix-info-rgb: 0, 151, 235;
    --phoenix-warning-rgb: 229, 120, 11;
    --phoenix-danger-rgb: 237, 32, 0;
    --phoenix-light-rgb: 239, 242, 246;
    --phoenix-dark-rgb: 20, 24, 36;
    --phoenix-primary-soft-rgb: 245, 248, 255;
    --phoenix-primary-100-rgb: 229, 237, 255;
    --phoenix-primary-200-rgb: 173, 197, 255;
    --phoenix-primary-300-rgb: 133, 169, 255;
    --phoenix-primary-500-rgb: 0, 77, 255;
    --phoenix-primary-600-rgb: 0, 60, 199;
    --phoenix-warning-soft-rgb: 255, 246, 224;
    --phoenix-warning-100-rgb: 255, 239, 202;
    --phoenix-warning-200-rgb: 255, 230, 173;
    --phoenix-warning-300-rgb: 255, 204, 133;
    --phoenix-warning-500-rgb: 214, 112, 10;
    --phoenix-warning-600-rgb: 188, 56, 3;
    --phoenix-danger-300-rgb: 244, 130, 112;
    --phoenix-danger-100-rgb: 255, 224, 219;
    --phoenix-danger-200-rgb: 250, 188, 179;
    --phoenix-danger-500-rgb: 204, 27, 0;
    --phoenix-danger-600-rgb: 184, 24, 0;
    --phoenix-success-100-rgb: 217, 251, 208;
    --phoenix-success-200-rgb: 190, 232, 180;
    --phoenix-success-300-rgb: 144, 214, 127;
    --phoenix-success-500-rgb: 35, 137, 11;
    --phoenix-success-600-rgb: 28, 108, 9;
    --phoenix-info-100-rgb: 199, 235, 255;
    --phoenix-info-200-rgb: 150, 217, 255;
    --phoenix-info-300-rgb: 96, 198, 255;
    --phoenix-info-500-rgb: 0, 128, 199;
    --phoenix-info-600-rgb: 0, 85, 133;
    --phoenix-white-rgb: 255, 255, 255;
    --phoenix-black-rgb: 0, 0, 0;
    --phoenix-white: #fff;
    --phoenix-black: #000000;
    --phoenix-white-rgb: 255, 255, 255;
    --phoenix-black-rgb: 0, 0, 0;
    --phoenix-body-color-rgb: 49, 55, 74;
    --phoenix-body-bg-rgb: 245, 247, 250;
    --phoenix-font-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --phoenix-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --phoenix-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --phoenix-scroll-margin-top: 2.5rem;
    --phoenix-body-font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --phoenix-body-font-size: 1rem;
    --phoenix-body-font-weight: 400;
    --phoenix-body-line-height: 1.49;
    --phoenix-body-color: #31374a;
    --phoenix-body-bg: #f5f7fa;
    --phoenix-border-width: 1px;
    --phoenix-border-style: solid;
    --phoenix-border-color: var(--phoenix-gray-200);
    --phoenix-border-color-translucent: rgba(0, 0, 0, 0.175);
    --phoenix-border-radius: 0.375rem;
    --phoenix-border-radius-sm: 0.25rem;
    --phoenix-border-radius-lg: 0.5rem;
    --phoenix-border-radius-xl: 1rem;
    --phoenix-border-radius-2xl: 2rem;
    --phoenix-border-radius-pill: 50rem;
    --phoenix-heading-color: var(--phoenix-1100);
    --phoenix-code-color: #d63384;
    --phoenix-highlight-bg: #fff3cd;
    --phoenix-input-bg: #fff;
    --phoenix-input-border-color: #cbd0dd;
    --phoenix-input-group-addon-bg: #eff2f6;
    --phoenix-scrollbar-bg: rgba(159, 166, 188, 0.55);
    --phoenix-navbar-top-height: 4rem;
    --phoenix-navbar-top-link-color: var(--phoenix-gray-900);
    --phoenix-navbar-top-menu-bg-color: #fff;
    --phoenix-navbar-top-border-color: #cbd0dd;
    --phoenix-navbar-top-link-hover-color: #222834;
    --phoenix-navbar-top-link-hover-bg: #eff2f6;
    --phoenix-navbar-top-link-active-color: var(--phoenix-primary);
    --phoenix-navbar-top-dropdown-color: var(--phoenix-gray-900);
    --phoenix-navbar-top-dropdown-hover-bg: #eff2f6;
    --phoenix-navbar-top-menu-margin: 1.5rem;
    --phoenix-dual-nav-border-color: #e3e6ed;
    --phoenix-dual-nav-first-layer-bg: #eff2f6;
    --phoenix-navbar-vertical-border-color: #cbd0dd;
    --phoenix-navbar-vertical-bg-color: #fff;
    --phoenix-navbar-vertical-label-color: #6e7891;
    --phoenix-navbar-vertical-link-color: #525b75;
    --phoenix-navbar-vertical-link-hover-color: #3e465b;
    --phoenix-navbar-vertical-link-hover-bg: #eff2f6;
    --phoenix-navbar-vertical-link-active-color: #3874ff;
    --phoenix-navbar-vertical-link-disable-color: #8a94ad;
    --phoenix-navbar-vertical-width: 15.875rem;
    --phoenix-navbar-vertical-link-icon-color: #3e465b;
    --phoenix-navbar-vertical-dropdown-indicator-color: #8a94ad;
    --phoenix-navbar-footer-border-color: #cbd0dd;
    --phoenix-navbar-footer-border-color: #cbd0dd;
    --phoenix-navbar-vertical-hr-color: #e3e6ed;
    --phoenix-navbar-vertical-collapsed-menu-bg: #fff;
    --phoenix-navbar-vertical-collapsed-menu-color: #222834;
    --phoenix-hamburger-menu-color: #6e7891;
    --phoenix-navbar-top-bg-color: #fff;
    --phoenix-btn-hover-border-color: transparent;
    --phoenix-btn-active-border-color: transparent;
    --phoenix-list-group-bg: #fff;
    --phoenix-list-group-action-hover-color: #525b75;
    --phoenix-list-group-hover-bg: #eff2f6;
    --phoenix-body-bg: #f5f7fa;
    --phoenix-body-color: #31374a;
    --phoenix-headings-color: #31374a;
    --phoenix-link-hover-color: #004dff;
    --phoenix-link-color: #3874ff;
    --phoenix-colored-link-100-hover-color: map-get(grays, 200);
    --phoenix-choices-inner-min-height: auto;
    --phoenix-choices-item-has-no-choices-bg: #fff;
    --phoenix-flatpickr-calendar-input-bg: var(--phoenix-input-bg);
    --phoenix-flatpickr-calendar-bg: #e3e6ed;
    --phoenix-flatpickr-current-month-color: #31374a;
    --phoenix-flatpickr-weekday-color: #31374a;
    --phoenix-flatpickr-calendar-day-hover-bg: rgba(203, 208, 221, 0.5);
    --phoenix-flatpickr-weekend-days-color: #d6700a;
    --phoenix-flatpickr-today-color: #fff;
    --phoenix-flatpickr-calendar-day-selected-bg: rgba(56, 116, 255, 0.2);
    --phoenix-calendar-bg: #e3e6ed;
    --phoenix-calendar-border-color: #f5f7fa;
    --phoenix-theme-wizard-nav-item-circle-bg: #eff2f6;
    --phoenix-theme-wizard-complete-color: #25b003;
    --phoenix-theme-wizard-active-color: #3874ff;
    --phoenix-border-opacity: 1;
    --phoenix-tinymce-bg: var(--phoenix-input-bg);
    --phoenix-tinymce-tox-tbtn-enabled-icon-color: var(--phoenix-gray-800);
    --phoenix-choices-item-bg: #e5edff;
    --phoenix-choices-item-color: #222834;
    --phoenix-docs-language-bg: #222834;
    --phoenix-form-select-indicator: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS4zNDggMTI3LjE5MkM3Mi40MzgxIDEyNy4xOTIgNjkuODUxNCAxMjYuMjIyIDY3LjkxMTUgMTI0LjI4Mkw1LjgzMjE1IDYyLjIwMjNDMS42Mjg4NyA1OC4zMjIzIDEuNjI4ODcgNTEuNTMyNCA1LjgzMjE1IDQ3LjY1MjVDOS43MTIxMSA0My40NDkyIDE2LjUwMiA0My40NDkyIDIwLjM4MiA0Ny42NTI1TDc1LjM0OCAxMDIuMjk1TDEyOS45OTEgNDcuNjUyNUMxMzMuODcxIDQzLjQ0OTIgMTQwLjY2MSA0My40NDkyIDE0NC41NDEgNDcuNjUyNUMxNDguNzQ0IDUxLjUzMjQgMTQ4Ljc0NCA1OC4zMjIzIDE0NC41NDEgNjIuMjAyM0w4Mi40NjEzIDEyNC4yODJDODAuNTIxMyAxMjYuMjIyIDc3LjkzNDcgMTI3LjE5MiA3NS4zNDggMTI3LjE5MloiIGZpbGw9IiMzMTM3NEEiLz4KPC9zdmc+Cg==");
    --phoenix-avatar-status-border-color: #fff;
    --phoenix-avatar-name-color: #004dff;
    --phoenix-colored-link-100-hover-color: map-get(grays, "200");
    --phoenix-logo-text: #6e7891;
    --phoenix-theme-control-toggle-bg: rgba(255, 204, 133, 0.24);
    --phoenix-theme-control-toggle-hover-bg: #e5780b;
    --phoenix-theme-control-toggle-color: #e5780b;
    --phoenix-theme-control-toggle-hover-color: #fff6e0;
    --phoenix-kanban-bg: #e3e6ed;
    --phoenix-kanban-column-bg: #f5f7fa;
    --phoenix-ghost-bg: var(--phoenix-gray-100);
    --phoenix-drag-bg: var(--phoenix-white);
    --phoenix-kanban-column-hover-bg: var(--phoenix-white)
}




body {
  background-color: #f8f8f8;
}
#wrapper {
  width: 100%;
}
#page-wrapper {
  padding: 0 15px 50px 15px;
  min-height: 568px;
  background-color: white;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 200px;
    padding: 0 30px 50px 30px;
    border-left: 1px solid #e7e7e7;

  }
}

h1.page-header {
	font-size: 28px;
}

.sticky {  }

.fixed {
  position: fixed;
  top:0; left:200px;
  padding: 10px;
  height: 50px;
  margin: 0px;
  width: 100%; 
  background-color: #f8f8f8;
  z-index: 9999;
 }



.navbar-top-links {
  margin-right: 0;
}
.navbar-top-links li {
  display: inline-block;
}
.navbar-top-links li:last-child {
  margin-right: 15px;
}
.navbar-top-links li a {
  padding: 15px;
  min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  float: left;
}


/* Custom CSS for Notification UI */
.navbar-brand {
    font-size: 24px;
}
.notification {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.notification:hover {
    background-color: #f5f5f5;
}
.notification-icon {
    float: left;
    margin-right: 10px;
    background-color: #4285f4;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.notification-text {
    overflow: hidden;
    text-overflow: ellipsis;
}
.notification-drop-title {
    font-weight: bold;
    padding: 10px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}


.notificaciones .dropdown-menu {
	width: 400px;
}
.notificaciones .dropdown-menu>li>a {
	white-space: normal;
}

.notificaciones .dropdown-menu>li>a  p.fecha, ul.notificaciones-perfil li p.fecha {
	font-size: 0.8em;
    margin: 0 0 5px;
    line-height: 1px;
    font-style: italic;
}

ul.notificaciones-perfil {
	padding: 10px;
}
ul.notificaciones-perfil li {
	list-style: none;
}

/* Alias BS5 → BS4 y viceversa */
.fw-bold, .font-weight-bold { font-weight: 700 !important; }
.text-end, .text-right { text-align: right !important; }

/* Badges: que funcionen ambas sintaxis */
.badge.bg-warning { background-color: #ffc107 !important; color: #212529 !important; }
.text-bg-warning { background-color: #ffc107 !important; color: #212529 !important; }



.page-action-links{
  margin:40px 0px 20px 0px;
}


.sidebar .sidebar-nav.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
  background-color: #eeeeee;
}
.sidebar .arrow {
  float: right;
}
.sidebar .fa.arrow:before {
  content: "\f105";
}
.sidebar .active > a > .fa.arrow:before {
  content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: none !important;
}
.sidebar .nav-second-level li a {
  padding-left: 37px;
}
.sidebar .nav-third-level li a {
  padding-left: 52px;
}
@media (min-width: 768px) {
  .sidebar {
    z-index: 1;
    position: fixed;
    width: 200px;
    margin-top: 51px;
    height: 100%
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}

.login-panel {
  margin-top: 25%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.huge {
  font-size: 40px;
}

.stats-campana .huge {
  font-size: 28px;
}

.stats-campana .huge {
  font-size: 28px;
}

.stats-campana .text-huge {
  font-size: 12px;
}


.mb-2 {
    margin-bottom: 0.5rem !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.bullet-item {
    height: 1rem;
    width: 1rem;
    border-radius: 2px;
    margin-top: 10px;
}
.bg-primary {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-rgb), var(--phoenix-bg-opacity)) !important;
}
.bg-primary-200 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-primary-200-rgb), var(--phoenix-bg-opacity)) !important;
}
.bg-success-300 {
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-success-300-rgb), var(--phoenix-bg-opacity)) !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.text-900 {
    --phoenix-text-opacity: 1;
    color: rgba(var(--phoenix-900-rgb), var(--phoenix-text-opacity)) !important;
}
.fw-semi-bold {
    font-weight: 600 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}


.menu-second-item {
	padding-left: 30px;
}





.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}

.panel-cyan {
  border-color: #bad6fe;
}
.panel-cyan > .panel-heading {
  border-color: #bad6fe;
  color: #3d94fe;
  background-color: #ccebfe;
}
.panel-cyan > a {
  color: #bad6fe;
}
.panel-cyan > a:hover {
  color: #3d94fe;
}

label.error{
  color: red;
}

#export-section{
 text-align: right;
  margin-bottom: 20px;
}


.btn-warning {
	background-color: #3b98fe;
    border-color: #557ab3;
}

.btn-warning:hover {
	background-color: #557ab3;
    border-color: #3b98fe;
	
}



/* EDITAR LEAD FORM */

.h4-table {
	float: left;
}

.input-group-addon {
	width: 100px;
	text-align: right;
}

.input-group .form-control {
	width: 280px;
}

.form-control-right {
	display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	float:right;
}

.contenedor-img-coche img {
	margin: 15px 0 10px 0;
}
.contenedor-img-coche p {
	font-size: 24px;	
}

.leadCard {
	margin: 10px 0 0 0;
}

.leadCard .label {
    color: #838383
}

.leadCard .labelName {
    color: #000;
    font-weight: 600;
}

.leadCard .leadDate {
    border-radius: 12px;
    box-shadow: 3px 3px 3px 1px #efeef5;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.leadCard .leadDateTop {
    background-color: #4b83c3;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: #fff;
    font-size: 13px;
    padding: .3rem;
}

.leadCard .leadDateDay {
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    font-size: 23px;
    font-weight: 600;
}

.leadCard .leadCardBox {
    background-color: #fff;
    border-radius: 12px
}

.leadCard .statisticsTitle {
    color: #4b83c3
}

.leadCard .statisticsValue {
    color: #f5a038
}



#fecha-envio, #fecha-envio-label, #fecha-envio-calendar, #datetimepickerFechaEnvio {
	/*display: none;*/
}


.myProgress {
  width: 100%;
  background-color: #ddd;
}

.myBar {
  height: 30px;
  background-color: #327ab6;
  text-align: center;
  line-height: 30px;
  color: white;
}



.grafico {
	display: inline-block;
	position: relative;
	width: 31%;
}


.grafico-2 {
	display: inline-block;
	position: relative;
	width: 64%;
}

.grafico-3 {
	display: inline-block;
	position: relative;
	width: 100%;
}



.grafico h3, .grafico-2 h3 {
	text-align: center;
}


canvas#myChartGasto {
  width:200px !important;
  height:200px !important;
  margin: 0 auto;
}

.btn-whatsapp {
    background-color: #24d365;
    padding: 10px;
    margin-left: 10px;
    color: #fff;
}

.btn-llamada {
    background-color: #5ac0dd;
    padding: 10px;
    margin-left: 10px;
    color: #fff;
}

.modal-dialog-centered {
	margin-top: 90px;
}

.btn-alternativa {
    background-color: #2f708d;
    padding: 10px;
    margin-left: 10px;
    color: #fff;
}


ul.marcas-coches {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

ul.marcas-coches li {
    margin: 5px 10px 10px 0;
    background-color: #4a83c2;
    padding: 2px 5px;
    color: #fff;
    float: left;
}

.ms-container {
	width: 100%;
}

.form-marcas {
	clear: both;
	margin-top: 30px;
}

/* FOOTER */
.footer {
	padding: 10px 0;
	background-color: #f8f8f8;
	border-top: #e7e7e7 1px solid;
}






/* Estilos del botón */
#scroll-to-top {
    position: fixed;
    bottom: 140px;
    right: 20px;
    padding: 10px;
    background-color: #333;
    color: #fff;
    cursor: pointer;
    display: none;
}
#scroll-to-bottom {
    position: fixed;
    bottom: 80px;
    right: 20px;
    padding: 10px;
    background-color: #333;
    color: #fff;
    cursor: pointer;
    display: none;
}



/*hover campañas*/

.hover-container {
  position: relative;
}

.hover-target {
  position: relative;
  text-decoration: underline dotted;
}

.hover-popup {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  top: 70%;
  left: 5%;
  width: 50ch;
  margin: min(1rem, 20px);
  font-size: .8rem;
  background-color: #fff;
  border-radius: 8px;
  padding: 1.5em;
  z-index: 42;
  transform: scale(0);
  transition: transform 200ms ease;
  transform-origin: 8% -10px;
}
.hover-popup p {
	font-size: 14px;
}

.hover-popup.black p {
	font-size: 14px;
	color: #000;
}

.hover-target:hover + .hover-popup,
.hover-target:focus + .hover-popup,
.hover-popup:hover{
  transform: scale(1);
}

.hover-popup :not(:first-child) {
  margin-top: 1rem;
}

.hover-popup span {
  color: rgb(200, 20, 0);
  font-weight: 700;
}

.hover-popup::before {
/* This is the triangle/arrow */
  content: '';
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  top: -10px;
}

.hover-popup::after {
  /* This is merely here to expand the hoverable area, as a buffer between the "Hover me" text and the popup. */
  content: '';
  position: absolute;
  top: -1rem;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-delay: -1ms !important;
    animation-duration: -1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}

/************    DATATABLES      *****************/
.dataTables_wrapper .dataTables_info {
    clear:none;
    margin-left:10px;
    padding-top:0;
}

.dataTables_wrapper .dt-buttons, .dataTables_wrapper .dataTables_length {
	clear: both;
}


table.dataTable td .indent {
	padding-left: 30px !important;
}



/************    NEW CARDS DIC 2023      *****************/

.card {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}
.l-bg-cherry {
    background: linear-gradient(to right, #493240, #f09) !important;
    color: #fff;
}

.l-bg-yellow {
    background: linear-gradient(to right, #9c7033, #f0ac4e) !important;
    color: #fff;
}

.l-bg-red {
    background: linear-gradient(to right, #9c3d3a, #eb8989) !important;
    color: #fff;
}


.l-bg-blue-dark {
    background: linear-gradient(to right, #373b44, #4286f4) !important;
    color: #fff;
}

.l-bg-green-dark {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.l-bg-orange-dark {
    background: linear-gradient(to right, #a86008, #ffba56) !important;
    color: #fff;
}

.l-bg-green {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}

.l-bg-orange {
    background: linear-gradient(to right, #f9900e, #ffba56) !important;
    color: #fff;
}

.l-bg-cyan {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}


.card .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far, .card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal {
    font-size: 110px;
}

.card .card-statistic-3 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: -5px;
    top: 20px;
    opacity: 0.1;
}

.card .card-statistic-3 a h5.card-title {
	color: #fff !important;
}

.card .card-statistic-3 a {
	color: #fff !important;
}






.select2-container {
  min-width: 600px; }
  @media (max-width: 991.98px) {
    .select2-container {
      min-width: 100%; } }

.select2-results__option {
  padding-right: 20px;
  vertical-align: middle; }

.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-color: transparent;
  margin-right: 15px;
  margin-left: 10px;
  vertical-align: middle; }

.select2-results__option[aria-selected=true]:before {
  font-family: 'fontAwesome';
  content: "\f00c";
  color: #fff;
  background-color: #fd5f00;
  border: 0;
  display: inline-block;
  padding: 0;
  line-height: 1.2;
  padding-left: 2px; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #fff; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #fff;
  color: #000; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.8); }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #fd5f00;
  border-width: 2px; }

.select2-container--default .select2-selection--multiple {
  border-width: 2px;
  border-color: transparent;
  padding: 5px 10px;
  line-height: 1.6;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63);
  -moz-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63);
  box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63); }
  @media (prefers-reduced-motion: reduce) {
    .select2-container--default .select2-selection--multiple {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }

.select2-container--open .select2-dropdown--below {
  padding: 10px 0;
  border-radius: 4px;
  border: none;
  -webkit-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63);
  -moz-box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63);
  box-shadow: 0px 3px 22px -15px rgba(0, 0, 0, 0.63); }

.select2-selection .select2-selection--multiple:after {
  content: 'hhghgh'; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: none;
  background: rgba(0, 0, 0, 0.1);
  font-size: 15px;
  padding: 2px 10px;
  color: gray; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  color: #fd5f00; }










/* declare a 7 column grid on the table */
#calendar {
	width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin: 20px 0;
}

#calendar tr, #calendar tbody {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
 width: 100%;
}

caption {
	text-align: center;
  grid-column: 1 / -1;
  font-size: 130%;
  font-weight: bold;
  padding: 10px 0;
}

#calendar a {
}

#calendar td, #calendar th {
	padding: 5px;
	box-sizing:border-box;
	border: 1px solid #ccc;
}

#calendar .weekdays {
	background: #8e352e;  
}


#calendar .weekdays th {
	text-align: center;
	text-transform: uppercase;
	line-height: 20px;
	border: none !important;
	padding: 10px 6px;
	color: #fff;
	font-size: 13px;
}

#calendar td {
	min-height: 180px;
  display: flex;
  flex-direction: column;
}

#calendar .days li:hover {
	background: #d3d3d3;
}

#calendar .date {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	background: #333;
	color: #fff;
	width: 55px;
	border-radius: 5%;
  flex: 0 0 auto;
  align-self: flex-end;
}

#calendar .leads-total {
  flex: 0 0 auto;
	font-size: 13px;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 5px;
	line-height: 14px;
	background: #e4f2f2;
	border: 1px solid #b5dbdc;
	/*color: #009aaf;*/
	text-decoration: none;
	color: #666;
}


#calendar .leads-enviados {
  flex: 0 0 auto;
	font-size: 13px;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 5px;
	line-height: 14px;
	background: green;
	border: 1px solid #b5dbdc;
	text-decoration: none;
	color: #fff;
}
#calendar .leads-descuadre {
  flex: 0 0 auto;
	font-size: 13px;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 5px;
	line-height: 14px;
	background: red;
	border: 1px solid #b5dbdc;
	text-decoration: none;
	color: #fff;
}




#calendar .other-month {
	background: #f5f5f5;
	color: #666;
}


#calendar .transparent-input {
   background-color: rgba(0, 0, 0, 0);
   border:none;
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   width: 100%;
}

.transparent-input {
   background-color: rgba(0, 0, 0, 0);
   border:none;
   text-align: center;
   width: 100%;
}



/* ============================
				Mobile Responsiveness
   ============================*/


@media(max-width: 768px) {

	#calendar .weekdays, #calendar .other-month {
		display: none;
	}

	#calendar li {
		height: auto !important;
		border: 1px solid #ededed;
		width: 100%;
		padding: 10px;
		margin-bottom: -1px;
	}
  
  #calendar, #calendar tr, #calendar tbody {
    grid-template-columns: 1fr;
  }
  
  #calendar  tr {
    grid-column: 1 / 2;
  }

	#calendar .date {
		align-self: flex-start;
	}
}


.msg-fixed { display:block; min-height:18px; margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }



/* ============================
				INFORMES CAMPAÑAS
   ============================*/


.fichaCampana .row {
	min-height: 30px;
}

.fichaCampana .row-cc {
	min-height: 35px;
}
.fichaCampana .row-cc .nombre {
	font-size: 12px;
}



/* ============================
				LEADS AUTOMATICOS
   ============================*/

.table-leads-automaticos p {
  width: 200px;
}