/*!
 * tasador v2 (https://tasador.snx/)
 * 2021 CBS Ti
 */
/***/
.ts-bg-main-login { background-color: #E0E9F8; height: 100vh; }
.ts-bg-main-login .ts-row-card-login { height: 69%; }
@media (min-width: 576px) { .ts-bg-main-login .ts-row-card-login { height: 60%; } }

.ts-bg-main-app { background-color: #E0E9F8; }

.ts-main-body { border-top-left-radius: calc(1.45rem - 1px); border-top-right-radius: calc(1.45rem - 1px); min-height: 570px; }
@media (max-width: 767.98px) { .ts-main-body { min-height: 550px; } }
@media (max-width: 575.98px) { .ts-main-body { min-height: 500px; } }

.ts-floating-button { position: fixed; bottom: 15px; right: 15px; z-index: 200; }
.ts-floating-button a { display: inline-block; padding: 15px; }

.ts-main-menu h1 { color: #004c78; }
.ts-main-menu .text-dark { color: #006dab !important; }

.frmLeadsPasos .leadPaso { color: #ced4da; }
.frmLeadsPasos .leadPaso h2 { font-size: 1rem !important; }
.frmLeadsPasos .slick-center .leadPaso { color: #009EF7; }
.frmLeadsPasos .slick-center .leadPaso h2 { font-size: 1.5rem !important; }

.ts-cnt-foto { position: relative; }
.ts-cnt-foto .ts-cnt-foto-boton { position: absolute; top: 5px; right: 20px; }
.ts-cnt-foto .ts-cnt-foto-boton i { font-size: 1.5rem; line-height: auto; color: #fff; }
.ts-cnt-foto .ts-cnt-foto-boton i::before { text-shadow: 0px 0px 10px #000000; }
.ts-cnt-foto .ts-cnt-eliminar-boton { position: absolute; bottom: 5px; right: 20px; }
.ts-cnt-foto .ts-cnt-eliminar-boton i { font-size: 1.25rem; line-height: auto; color: #fff; }
.ts-cnt-foto .ts-cnt-eliminar-boton i::before { text-shadow: 0px 0px 10px #000000; }

.ts-timeline-content:before { content: ''; width: 100%; height: 2px; position: absolute; background-color: #dee2e6; top: 50%; left: 0%; }

.ts-timeline-icon { display: inline-block; padding: 15px 16px; border-radius: 50rem; border-width: 2px; border-style: solid; border-color: #e9ecef; color: #ced4da; background-color: #fff; }
.ts-timeline-icon.active { color: #5ec5ff; border-color: #5ec5ff; }
.ts-timeline-icon.inactive { color: #dee2e6; border-color: #dee2e6; }

@media (max-width: 575.98px) { .ts-tab-nav-lead .nav-link { max-width: 90px !important; } }

.ts-tab-nav-tasacion .nav-link { padding: 0.5em 0.45em !important; }
@media (max-width: 575.98px) { .ts-tab-nav-tasacion .nav-link { max-width: 49px !important; } }
@media (min-width: 576px) and (max-width: 767.98px) { .ts-tab-nav-tasacion .nav-link { max-width: 72px !important; } }
@media (min-width: 768px) { .ts-tab-nav-tasacion .nav-link { padding: 0.5em 1em !important; max-width: 170px !important; } }

.ts-input-group-rounded-pill .input-group-prepend .input-group-text { border-top-left-radius: 50rem; border-bottom-left-radius: 50rem; }
.ts-input-group-rounded-pill .form-control { border-top-right-radius: 50rem; border-bottom-right-radius: 50rem; border-left: none; }

.ts-menu-drawer > li > a { color: #adb5bd; /*font-weight: 600;*/ }
.ts-menu-drawer > li > a:hover { color: #009EF7; }
.ts-menu-drawer > li > .active { color: #009EF7; }

.ts-head-menu > li > a { color: #adb5bd; font-weight: 600; }
.ts-head-menu > li > a:hover { color: #009EF7; }
.ts-head-menu > li > .active { color: #009EF7; border-bottom: 3px solid #009EF7; }

.btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; }

.file-drop-area { position: relative; align-items: center; width: 450px; max-width: 100%; padding: 10px 15px; border: 1px dashed #00C3FB; border-radius: 3px; transition: 0.2s; }
.file-drop-area.is-active { background-color: rgba(255, 255, 255, 0.05); }

.fake-btn { width: 100%; display: inline-block; border-radius: 3px; padding: 5px; text-transform: uppercase; }

.file-loading { display: none; }

.file-msg { display: inline-block; width: 100%; }

.file-input { position: absolute; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; opacity: 0; }
.file-input:focus { outline: none; }

.ts-cnt-image-lead-edit { position: relative; }
.ts-cnt-image-lead-edit .btn-ts-eliminar { position: absolute; bottom: 0px; right: 0px; }
.ts-cnt-image-lead-edit .btn-ts-eliminar :hover { color: #dc3545; }

.drawer-open { overflow: hidden; }

.drawer { position: fixed; width: 320px; top: 0; z-index: 1050; height: 100vh; display: none; }
.drawer.drawer-right { right: -320px; border-left: 1px solid rgba(0, 0, 0, 0.2); }
.drawer.drawer-left { left: -320px; border-right: 1px solid rgba(0, 0, 0, 0.2); }
.drawer.show { transform: none; }
.drawer.show.drawer-right { right: 0; }
.drawer.show.drawer-left { left: 0; }
.drawer.slide { transition: left 0.2s ease, right 0.2s ease; }
@media (prefers-reduced-motion: reduce) { .drawer.slide { transition: none; } }

.drawer-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }
.drawer-backdrop.fade { opacity: 0; }
.drawer-backdrop.show { opacity: 0.5; }

.drawer-body { padding: 1rem 1rem; }

.drawer-content { width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; outline: 0; height: 100%; overflow-y: auto; }
.drawer-content.drawer-content-scrollable { display: flex; flex-direction: column; }
.drawer-content.drawer-content-scrollable > div { display: flex; flex-direction: column; }
.drawer-content.drawer-content-scrollable > div.drawer-body { flex: 1; overflow-y: auto; }

.drawer-header { padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; }

.drawer-footer { padding: 1rem; border-top: 1px solid #dee2e6; }

.drawer-title { margin-bottom: 0; line-height: 1.5; }

.drawer-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

.cntVeIn { position: relative; }
.cntVeIn .imgVeIn { cursor: crosshair; }
.cntVeIn .mrkVeIn { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; }
.cntVeIn .mrkVeIn > .info { font-weight: bolder; font-size: 0.74375rem; width: 80%; text-align: center; color: #fff; position: absolute; top: 25%; left: 10%; cursor: pointer; }
@media (max-width: 767.98px) { .cntVeIn .mrkVeIn > .info { font-size: 0.65625rem; top: 10%; left: 10%; } }
.cntVeIn .mrkVeIn .dropdown-menu { min-width: 10px; }
.cntVeIn .mrkVeIn .dropdown-menu .dropdown-item { padding: 0.25rem 0.75rem; }
.cntVeIn .obsLe { background-image: url("/assets/inventario/leve.png"); background-repeat: no-repeat; background-position: 0 0; background-size: contain; }
.cntVeIn .obsLe > .info { background-color: #104591; }
.cntVeIn .obsCr { background-image: url("/assets/inventario/critico.png"); background-repeat: no-repeat; background-position: 0 0; background-size: contain; }
.cntVeIn .obsCr > .info { background-color: #DD2828; }

.ts-cnt-foto-inventario { position: relative; }
.ts-cnt-foto-inventario .btn-ts-eliminar { position: absolute; bottom: 0px; right: 0px; }
.ts-cnt-foto-inventario .btn-ts-eliminar :hover { color: #dc3545; }
.ts-cnt-foto-inventario .btn-ts-comentario { position: absolute; top: 0px; right: 0px; }
.ts-cnt-foto-inventario .btn-ts-comentario :hover { color: #009EF7; }
.ts-cnt-foto-inventario .lbl-ts-cuadrante { position: absolute; top: 0px; left: 10px; font-weight: bolder; font-size: 0.74375rem; width: 30px; color: #fff; text-align: center; background-color: #104591; }
.ts-cnt-foto-inventario .dropdown-menu { min-width: 10px; }
.ts-cnt-foto-inventario .dropdown-menu .dropdown-item { padding: 0.25rem 0.75rem; }
