/* v1 PRODUCTION component styles, extracted from the rendered webapp/ bundle.
 *
 * Angular's emulated view encapsulation scopes each component's CSS with
 * generated attributes ([_nghost-xxx] / [_ngcontent-xxx]). These rules were
 * read from the live CSSOM of v1 and rewritten to class scoping:
 *
 *   [_nghost-X]          -> .ng-<component tag>
 *   .a[_ngcontent-X] .b  -> .ng-<component tag> .a .b
 *
 * v2 components carry the matching .ng-<tag> class on the element that is the
 * component host in v1, so each rule applies to the same elements it did there.
 * GENERATED -- regenerate with scratchpad/vis/collect.js rather than editing.
 *
 * Routes captured: /dashboard, /reports/general-statistics, /reports/tipificaciones, /reports/statistics-executive, /reports/statistics-typification, /reports/survey-statistics, /reports/survey-summary, /reports/resport-client, /settings/surveys, /settings/case_types, /settings/faq_, /settings/video-message, /settings/schedules, /settings/availability_schedules, /settings/special_schedules, /settings/holidays, /settings/users, /admin/departments
 * Component scopes: app-aside app-aside-search app-aside-static app-card-current-score app-card-score-history app-card-talk-time-chart app-case-type-list-table app-case-type-main app-company-selected app-dashboard app-faq-process-list-table app-faq-process-main app-general-est app-header-mobile app-holiday-list-table app-holiday-main app-layout app-report-client app-schedule-availability-list-table app-schedule-availability-main app-schedule-list-table app-schedule-main app-schedule-special-list-table app-schedule-special-main app-scroll-top app-splash-screen app-statistics-executive app-statistics-typification app-survey-list-table app-survey-main app-survey-statistics app-survey-summary app-tipificaciones-report app-topbar app-video-message app-video-message-main body
 */
@keyframes rotate { 
  100% { transform: rotate(1turn); }
}
@keyframes dash { 
  0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
}
@-webkit-keyframes rotate { 
  100% { transform: rotate(1turn); }
}
@-webkit-keyframes dash { 
  0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
}
@-webkit-keyframes load { 
  30% { width: 30%; }
  50% { width: 50%; }
  100% { width: 98%; }
}
@keyframes load { 
  30% { width: 30%; }
  50% { width: 50%; }
  100% { width: 98%; }
}
@-webkit-keyframes swal2-toast-show { 
  0% { transform: translateY(-0.625em) rotateZ(2deg); }
  33% { transform: translateY(0px) rotateZ(-2deg); }
  66% { transform: translateY(0.3125em) rotateZ(2deg); }
  100% { transform: translateY(0px) rotateZ(0deg); }
}
@keyframes swal2-toast-show { 
  0% { transform: translateY(-0.625em) rotateZ(2deg); }
  33% { transform: translateY(0px) rotateZ(-2deg); }
  66% { transform: translateY(0.3125em) rotateZ(2deg); }
  100% { transform: translateY(0px) rotateZ(0deg); }
}
@-webkit-keyframes swal2-toast-hide { 
  100% { transform: rotateZ(1deg); opacity: 0; }
}
@keyframes swal2-toast-hide { 
  100% { transform: rotateZ(1deg); opacity: 0; }
}
@-webkit-keyframes swal2-toast-animate-success-line-tip { 
  0% { top: 0.5625em; left: 0.0625em; width: 0px; }
  54% { top: 0.125em; left: 0.125em; width: 0px; }
  70% { top: 0.625em; left: -0.25em; width: 1.625em; }
  84% { top: 1.0625em; left: 0.75em; width: 0.5em; }
  100% { top: 1.125em; left: 0.1875em; width: 0.75em; }
}
@keyframes swal2-toast-animate-success-line-tip { 
  0% { top: 0.5625em; left: 0.0625em; width: 0px; }
  54% { top: 0.125em; left: 0.125em; width: 0px; }
  70% { top: 0.625em; left: -0.25em; width: 1.625em; }
  84% { top: 1.0625em; left: 0.75em; width: 0.5em; }
  100% { top: 1.125em; left: 0.1875em; width: 0.75em; }
}
@-webkit-keyframes swal2-toast-animate-success-line-long { 
  0% { top: 1.625em; right: 1.375em; width: 0px; }
  65% { top: 1.25em; right: 0.9375em; width: 0px; }
  84% { top: 0.9375em; right: 0px; width: 1.125em; }
  100% { top: 0.9375em; right: 0.1875em; width: 1.375em; }
}
@keyframes swal2-toast-animate-success-line-long { 
  0% { top: 1.625em; right: 1.375em; width: 0px; }
  65% { top: 1.25em; right: 0.9375em; width: 0px; }
  84% { top: 0.9375em; right: 0px; width: 1.125em; }
  100% { top: 0.9375em; right: 0.1875em; width: 1.375em; }
}
@-webkit-keyframes swal2-show { 
  0% { transform: scale(0.7); }
  45% { transform: scale(1.05); }
  80% { transform: scale(0.95); }
  100% { transform: scale(1); }
}
@keyframes swal2-show { 
  0% { transform: scale(0.7); }
  45% { transform: scale(1.05); }
  80% { transform: scale(0.95); }
  100% { transform: scale(1); }
}
@-webkit-keyframes swal2-hide { 
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.5); opacity: 0; }
}
@keyframes swal2-hide { 
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.5); opacity: 0; }
}
@-webkit-keyframes swal2-animate-success-line-tip { 
  0% { top: 1.1875em; left: 0.0625em; width: 0px; }
  54% { top: 1.0625em; left: 0.125em; width: 0px; }
  70% { top: 2.1875em; left: -0.375em; width: 3.125em; }
  84% { top: 3em; left: 1.3125em; width: 1.0625em; }
  100% { top: 2.8125em; left: 0.8125em; width: 1.5625em; }
}
@keyframes swal2-animate-success-line-tip { 
  0% { top: 1.1875em; left: 0.0625em; width: 0px; }
  54% { top: 1.0625em; left: 0.125em; width: 0px; }
  70% { top: 2.1875em; left: -0.375em; width: 3.125em; }
  84% { top: 3em; left: 1.3125em; width: 1.0625em; }
  100% { top: 2.8125em; left: 0.8125em; width: 1.5625em; }
}
@-webkit-keyframes swal2-animate-success-line-long { 
  0% { top: 3.375em; right: 2.875em; width: 0px; }
  65% { top: 3.375em; right: 2.875em; width: 0px; }
  84% { top: 2.1875em; right: 0px; width: 3.4375em; }
  100% { top: 2.375em; right: 0.5em; width: 2.9375em; }
}
@keyframes swal2-animate-success-line-long { 
  0% { top: 3.375em; right: 2.875em; width: 0px; }
  65% { top: 3.375em; right: 2.875em; width: 0px; }
  84% { top: 2.1875em; right: 0px; width: 3.4375em; }
  100% { top: 2.375em; right: 0.5em; width: 2.9375em; }
}
@-webkit-keyframes swal2-rotate-success-circular-line { 
  0% { transform: rotate(-45deg); }
  5% { transform: rotate(-45deg); }
  12% { transform: rotate(-405deg); }
  100% { transform: rotate(-405deg); }
}
@keyframes swal2-rotate-success-circular-line { 
  0% { transform: rotate(-45deg); }
  5% { transform: rotate(-45deg); }
  12% { transform: rotate(-405deg); }
  100% { transform: rotate(-405deg); }
}
@-webkit-keyframes swal2-animate-error-x-mark { 
  0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; }
  50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; }
  80% { margin-top: -0.375em; transform: scale(1.15); }
  100% { margin-top: 0px; transform: scale(1); opacity: 1; }
}
@keyframes swal2-animate-error-x-mark { 
  0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; }
  50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; }
  80% { margin-top: -0.375em; transform: scale(1.15); }
  100% { margin-top: 0px; transform: scale(1); opacity: 1; }
}
@-webkit-keyframes swal2-animate-error-icon { 
  0% { transform: rotateX(100deg); opacity: 0; }
  100% { transform: rotateX(0deg); opacity: 1; }
}
@keyframes swal2-animate-error-icon { 
  0% { transform: rotateX(100deg); opacity: 0; }
  100% { transform: rotateX(0deg); opacity: 1; }
}
@-webkit-keyframes swal2-rotate-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes swal2-rotate-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes swal2-animate-question-mark { 
  0% { transform: rotateY(-360deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes swal2-animate-question-mark { 
  0% { transform: rotateY(-360deg); }
  100% { transform: rotateY(0deg); }
}
@-webkit-keyframes swal2-animate-i-mark { 
  0% { transform: rotateZ(45deg); opacity: 0; }
  25% { transform: rotateZ(-25deg); opacity: 0.4; }
  50% { transform: rotateZ(15deg); opacity: 0.8; }
  75% { transform: rotateZ(-5deg); opacity: 1; }
  100% { transform: rotateX(0deg); opacity: 1; }
}
@keyframes swal2-animate-i-mark { 
  0% { transform: rotateZ(45deg); opacity: 0; }
  25% { transform: rotateZ(-25deg); opacity: 0.4; }
  50% { transform: rotateZ(15deg); opacity: 0.8; }
  75% { transform: rotateZ(-5deg); opacity: 1; }
  100% { transform: rotateX(0deg); opacity: 1; }
}
@-webkit-keyframes load8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes load8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes chartjs-render-animation { 
  0% { opacity: 0.99; }
  100% { opacity: 1; }
}
@keyframes p-skeleton-animation { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.ng-body { height: 100%; margin: 0px; }
.ng-app-splash-screen #splash-screen { position: absolute; z-index: 1000; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgb(242, 243, 248); }
.ng-app-splash-screen #splash-screen img { margin-left: calc(-100% + 100vw); margin-bottom: 30px; }
.ng-app-splash-screen #splash-screen.hidden { opacity: 0; visibility: hidden; }
.ng-app-splash-screen .splash-spinner { animation: 2s linear 0s infinite normal none running rotate; margin-left: calc(-100% + 100vw); width: 50px; height: 50px; }
.ng-app-splash-screen .splash-spinner .path { stroke: rgb(0, 40, 67); stroke-linecap: round; animation: 1.5s ease-in-out 0s infinite normal none running dash; }
.ng-app-splash-screen .progress { background: rgba(255, 255, 255, 0.1); justify-content: flex-start; border-radius: 100px; align-items: center; position: relative; padding: 10px 15px; display: flex; height: 25px; width: 200px; }
.ng-app-splash-screen .progress-value { animation: 1s ease 0s 1 normal forwards running load; box-shadow: rgba(0, 103, 176, 0.54) 0px 10px 40px -10px; border-radius: 100px; background-image: linear-gradient(90deg, rgb(0, 103, 176), rgb(39, 118, 175)); height: 13px; width: 0px; }
.ng-app-layout app-layout { opacity: 0; }
.ng-app-layout app-layout, .ng-app-layout app-layout .grid-root { height: 100%; }
.ng-app-layout .page-loaded app-layout { opacity: 1; transition: opacity 1s ease-in-out; }
.ng-app-layout .imgg { background: 100% 0px / 43% auto fixed rgb(255, 255, 255); }
.ng-app-layout { background-image: url("background.03fa2a77ac866cc1fee6.png"); height: 150%; width: 100%; background-position: 50% center; background-repeat: no-repeat; background-size: cover; font-family: Nunito; }
.ng-app-layout .dropdown-menu { left: -88px !important; }
.ng-app-layout .navi-link { margin: 7px; }
.ng-app-layout .nav-blue { background: rgb(0, 103, 176); height: 55px; }
.ng-app-aside .aside { height: 100%; width: 10%; }
.ng-app-aside .aside .aside-menu { margin: 0px; }
.ng-app-aside .aside .aside-primary { width: 200px !important; }
.ng-app-aside .aside .tooltip { z-index: 1000 !important; }
.ng-app-aside .aside .text-blue { color: rgb(10, 133, 221); }
.ng-app-aside .menu-text { white-space: nowrap; }
.ng-app-aside .sideSuper { height: 300px; width: 150px; overflow: hidden; }
@media screen and (min-height: 540px) { .ng-app-aside .logo-app { position: fixed; bottom: 0px; } }
.ng-app-topbar .btn-grad { background:  0% 0% / 200% auto rgb(1, 93, 158); transition: 0.5s; border-color: rgb(238, 238, 238); color: rgb(255, 255, 255); box-shadow: rgb(238, 238, 238) 0px 0px 20px; font-size: 10px; display: block; }
.ng-app-topbar .btn-grad:hover { background-position: 100% center; color: rgb(255, 255, 255); text-decoration: none; }
.ng-app-topbar .txt { font-size: 8px; }
.ng-app-scroll-top .svg-icon { margin-left: 7px; }
.ng-app-dashboard .center { text-align: center; }
.ng-app-dashboard .bg-red { border-radius: 15px 15px 0px 0px; border-width: 4px 4px medium; border-style: solid solid none; border-color: rgb(0, 103, 176) rgb(0, 103, 176) transparent; border-image: none; font-size: 25px; }
.ng-app-dashboard .bg-blue, .ng-app-dashboard .bg-red { background-color: rgb(255, 255, 255) !important; }
.ng-app-dashboard .bg-blue { border-radius: 0px 0px 15px 15px; border-width: medium 4px 4px; border-style: none solid solid; border-color: rgb(0, 103, 176); border-image: none; font-size: 20px; }
.ng-app-dashboard .text-blue { color: rgb(0, 103, 176); }
.ng-app-dashboard .br-d { border-right: 2px solid rgb(0, 103, 176); }
.ng-app-dashboard .sz-xs { font-size: 17px; }
.ng-app-company-selected .form-group { margin-bottom: 0px !important; }
.ng-app-company-selected #alerta { color: red; font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif; font-size: 17px; }
.ng-app-company-selected .form-control, .ng-app-company-selected .form-control.active, .ng-app-company-selected .form-control.focus, .ng-app-company-selected .form-control:active, .ng-app-company-selected .form-control:focus { background-color: rgb(255, 255, 255); border-color: rgb(243, 246, 249); color: grey; transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
.ng-app-card-score-history .card-title { margin-bottom: 0px !important; }
.ng-app-card-current-score .card-title { margin-bottom: 0px !important; }
.ng-app-card-talk-time-chart .card-title { margin-bottom: 0px !important; }
.ng-app-tipificaciones-report .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.ng-app-tipificaciones-report .btn-outline-primary { color: rgb(0, 103, 176); background-color: transparent; background-image: none; border-color: rgb(0, 103, 176); }
.ng-app-tipificaciones-report .btn.btn-outline-primary.focus:not(.btn-text), .ng-app-tipificaciones-report .btn.btn-outline-primary:focus:not(.btn-text), .ng-app-tipificaciones-report .btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled) { color: rgb(255, 255, 255); background-color: rgb(0, 103, 176); border-color: rgb(0, 103, 176); }
.ng-app-survey-main .btn-primary2:hover { background-position: 100% center; color: rgb(255, 255, 255); text-decoration: none; }
.ng-app-case-type-main .btn-primary2:hover { background-position: 100% center; color: rgb(255, 255, 255); text-decoration: none; }
.ng-app-schedule-main .btn-primary2:hover { background-position: 100% center; color: rgb(255, 255, 255); text-decoration: none; }
.ng-app-schedule-special-main .btn-primary2:hover { background-position: 100% center; color: rgb(255, 255, 255); text-decoration: none; }
.ng-app-holiday-main .btn-primary2:hover { background-position: 100% center; color: rgb(255, 255, 255); text-decoration: none; }
/* front_2 app-agenda-list (collected from /agenda, /clients, /agenda/agendar-cita
 * of the front_2 production bundle; every other rule there matched this file). */
.ng-app-agenda-list .bg-blue { background-color: rgb(0, 103, 176) !important; color: rgb(255, 255, 255); }
.ng-app-agenda-list .bg-blue, .ng-app-agenda-list .bg-green, .ng-app-agenda-list .text-nunito { font-family: Nunito; }
.ng-app-agenda-list .bg-green { background-color: rgb(139, 235, 211) !important; color: rgb(255, 255, 255); }