Recurso 1isotipo

:root { --main-img-width: 10pt; --main-img-height: 10pt; --main-border-size: 10pt; --main-blue-color: rgba(49, 66, 147, 1); --main-blue-color: rgba(49, 66, 147, 1); --main-white-color: rgba(255, 255, 255, 1); --main-gray-color: rgba(231, 229, 229, 1); /*--main-bg-blue-color: rgba(49, 66, 147, 1);*/ --login-bg-primary-blue-color: rgba(49, 66, 147, 1); --main-bg-primary-blue-color: rgba(49, 66, 147, 1); --main-bg-secondary-blue-color: rgba(49, 66, 147, 1); --main-bg-control-blue-color: rgba(49, 66, 147, 1); --app-bg-gray-color: rgba(231, 229, 229, 1); /* --main-bg-obj-gray-color: rgba(49, 66, 147, 1); --main-bg-obj-blue-color: rgba(49, 66, 147, 1); */ --main-bg-white-color: rgba(255, 255, 255, 1); --main-bg-border-bar-color: #D1D1CF; --main-bg-image-blue-color: rgba(49, 66, 147, 1); /*custom objects*/ --main-icon-isotipo-blanco: url('data:image/svg+xml;utf8,'); --main-icon-flecha-blanca: url('data:image/svg+xml;utf8,'); --main-icon-home: url('data:image/svg+xml;utf8,'); --main-icon-actualizar: url('data:image/svg+xml;utf8,'); --main-icon-usuario: url('data:image/svg+xml;utf8,'); --main-icon-flecha-blanca-left: url('data:image/svg+xml;utf8,'); --main-icon-30-logo-blanco: url('data:image/svg+xml;utf8,'); --main-icon-retroceder: url('data:image/svg+xml;utf8,'); --main-icon-retroceder-mas: url('data:image/svg+xml;utf8,'); --main-icon-avanzar-mas: url('data:image/svg+xml;utf8,'); --main-icon-avanzar: url('data:image/svg+xml;utf8,'); --main-icon-flecha-abajo: url('data:image/svg+xml;utf8,'); --main-icon-flecha-abajo-selected: url('data:image/svg+xml;utf8,'); /*otros*/ --main-icon-candado: url('data:image/svg+xml;utf8,'); --main-icon-form: url('data:image/svg+xml;utf8,'); --main-icon-flujo: url('data:image/svg+xml;utf8,'); --main-icon-notas: url('data:image/svg+xml;utf8,'); --main-icon-bandera: url('data:image/svg+xml;utf8,'); --main-icon-foco: url('data:image/svg+xml;utf8,'); --main-icon-workflow: url('data:image/svg+xml;utf8,'); --main-icon-configuration: url('data:image/svg+xml;utf8,'); --main-icon-upload: url('data:image/svg+xml;utf8,'); --main-icon-newform: url('data:image/svg+xml;utf8,'); --main-icon-scan: url('data:image/svg+xml;utf8,'); --main-icon-delete: url('data:image/svg+xml;utf8,'); --main-icon-agregar: url('data:image/svg+xml;utf8,'); --main-icon-editar: url('data:image/svg+xml;utf8,'); --main-icon-eliminar: url('data:image/svg+xml;utf8,'); --main-icon-visor-close: url('data:image/svg+xml;utf8,'); --main-icon-visor-open: url('data:image/svg+xml;utf8,'); --main-icon-upload-check: url('data:image/svg+xml;utf8,'); --main-icon-tres-puntos: url('data:image/svg+xml;utf8,'); --main-icon-search: url('data:image/svg+xml;utf8,'); --main-icon-flecha-regreso: url('data:image/svg+xml;utf8,'); --main-icon-eliminar-blue: url('data:image/svg+xml;utf8,'); --main-icon-clear-blue: url('data:image/svg+xml;utf8,'); --main-icon-execute: url('data:image/svg+xml;utf8,'); --main-icon-add-file: url('data:image/svg+xml;utf8,'); --main-icon-delete-file: url('data:image/svg+xml;utf8,'); --main-icon-delete-text: url('data:image/svg+xml;utf8,'); --main-icon-visor: url('data:image/svg+xml;utf8,'); --main-icon-update: url('data:image/svg+xml;utf8,'); --main-icon-update-ext: url('data:image/svg+xml;utf8,'); --main-icon-update-alert: url('data:image/svg+xml;utf8,'); --main-icon-update-alert-ext: url('data:image/svg+xml;utf8,'); --main-icon-blog: url('data:image/svg+xml;utf8,'); --main-icon-latest-news: url('data:image/svg+xml;utf8,'); --main-icon-latest-news-alert: url('data:image/svg+xml;utf8,'); --scan-icon-first: url('data:image/svg+xml;utf8,'); --scan-icon-previous: url('data:image/svg+xml;utf8,'); --scan-icon-next: url('data:image/svg+xml;utf8,'); --scan-icon-last: url('data:image/svg+xml;utf8,'); --scan-icon-remove: url('data:image/svg+xml;utf8,'); --scan-icon-rotate-right: url('data:image/svg+xml;utf8,'); --scan-icon-rotate-left: url('data:image/svg+xml;utf8,'); --scan-icon-rotate-flip: url('data:image/svg+xml;utf8,'); --scan-icon-rotate-mirror: url('data:image/svg+xml;utf8,'); --scan-icon-erase: url('data:image/svg+xml;utf8,'); --scan-icon-deskew: url('data:image/svg+xml;utf8,'); --scan-icon-hole-removel: url('data:image/svg+xml;utf8,'); --scan-icon-negative: url('data:image/svg+xml;utf8,'); --scan-icon-despeckle: url('data:image/svg+xml;utf8,'); /**/ --main-font-color-default: black; --main-font-color-current: rgba(49, 66, 147, 1); --main-border-color-current: rgba(49, 66, 147, 1); --main-bg-grid-current: rgba(255, 255, 255, 1); --main-bg-grid-odd-current: rgba(255, 255, 255, 1) !important; --main-bg-grid-even-current: #E3E3F2 !important; --main-bg-border-current: none; --main-buttom-scroll-current: rgba(255, 255, 255, 1); } [data-theme="dark"] { --main-img-width: 10pt; --main-img-height: 10pt; --main-border-size: 10pt; /*--main-blue-color: rgba(49, 66, 147, 1);--%2333274A*/ --main-blue-color: #33274A; --main-white-color: rgba(255, 255, 255, 1); --main-gray-color: rgba(231, 229, 229, 1); --login-bg-primary-blue-color: rgba(49, 66, 147, 1); --main-bg-primary-blue-color: #332940; --main-bg-secondary-blue-color: #33274A; --main-bg-control-blue-color: #332940; --app-bg-gray-color: #332940; --main-bg-white-color: rgba(255, 255, 255, 1); --main-bg-border-bar-color: #D1D1CF; --main-bg-image-blue-color: rgba(255, 255, 255, 1); /*custom objects*/ --main-icon-isotipo-blanco: url('data:image/svg+xml;utf8,'); --main-icon-flecha-blanca: url('data:image/svg+xml;utf8,'); --main-icon-home: url('data:image/svg+xml;utf8,'); --main-icon-actualizar: url('data:image/svg+xml;utf8,'); --main-icon-usuario: url('data:image/svg+xml;utf8,'); --main-icon-flecha-blanca-left: url('data:image/svg+xml;utf8,'); --main-icon-30-logo-blanco: url('data:image/svg+xml;utf8,'); --main-icon-retroceder: url('data:image/svg+xml;utf8,'); --main-icon-retroceder-mas: url('data:image/svg+xml;utf8,'); --main-icon-avanzar-mas: url('data:image/svg+xml;utf8,'); --main-icon-avanzar: url('data:image/svg+xml;utf8,'); --main-icon-flecha-abajo: url('data:image/svg+xml;utf8,'); --main-icon-flecha-abajo-selected: url('data:image/svg+xml;utf8,'); /*otros*/ --main-icon-candado: url('data:image/svg+xml;utf8,'); --main-icon-form: url('data:image/svg+xml;utf8,'); --main-icon-flujo: url('data:image/svg+xml;utf8,'); --main-icon-notas: url('data:image/svg+xml;utf8,'); --main-icon-bandera: url('data:image/svg+xml;utf8,'); --main-icon-foco: url('data:image/svg+xml;utf8,'); --main-icon-workflow: url('data:image/svg+xml;utf8,'); --main-icon-configuration: url('data:image/svg+xml;utf8,'); --main-icon-upload: url('data:image/svg+xml;utf8,'); --main-icon-newform: url('data:image/svg+xml;utf8,'); --main-icon-scan: url('data:image/svg+xml;utf8,'); --main-icon-delete: url('data:image/svg+xml;utf8,'); --main-icon-agregar: url('data:image/svg+xml;utf8,'); --main-icon-editar: url('data:image/svg+xml;utf8,'); --main-icon-eliminar: url('data:image/svg+xml;utf8,'); --main-icon-visor-close: url('data:image/svg+xml;utf8,'); --main-icon-visor-open: url('data:image/svg+xml;utf8,'); --main-icon-upload-check: url('data:image/svg+xml;utf8,'); --main-icon-tres-puntos: url('data:image/svg+xml;utf8,'); --main-icon-search: url('data:image/svg+xml;utf8,'); --main-icon-flecha-regreso: url('data:image/svg+xml;utf8,'); --main-icon-eliminar-blue: url('data:image/svg+xml;utf8,'); --main-icon-clear-blue: url('data:image/svg+xml;utf8,'); --main-icon-execute: url('data:image/svg+xml;utf8,'); --main-icon-add-file: url('data:image/svg+xml;utf8,'); --main-icon-delete-file: url('data:image/svg+xml;utf8,'); --main-icon-delete-text: url('data:image/svg+xml;utf8,'); --main-icon-visor: url('data:image/svg+xml;utf8,'); --main-icon-update: url('data:image/svg+xml;utf8,'); --main-icon-update-ext: url('data:image/svg+xml;utf8,'); --main-icon-update-alert: url('data:image/svg+xml;utf8,'); --main-icon-update-alert-ext: url('data:image/svg+xml;utf8,'); --main-icon-blog: url('data:image/svg+xml;utf8,'); --main-icon-latest-news: url('data:image/svg+xml;utf8,'); --main-icon-latest-news-alert: url('data:image/svg+xml;utf8,'); --scan-icon-first: url('data:image/svg+xml;utf8,'); --scan-icon-previous: url('data:image/svg+xml;utf8,'); --scan-icon-next: url('data:image/svg+xml;utf8,'); --scan-icon-last: url('data:image/svg+xml;utf8,'); --scan-icon-remove: url('data:image/svg+xml;utf8,'); --scan-icon-rotate-right: url('data:image/svg+xml;utf8,'); --scan-icon-rotate-left: url('data:image/svg+xml;utf8,'); --scan-icon-rotate-flip: url('data:image/svg+xml;utf8,'); --scan-icon-rotate-mirror: url('data:image/svg+xml;utf8,'); --scan-icon-erase: url('data:image/svg+xml;utf8,'); --scan-icon-deskew: url('data:image/svg+xml;utf8,'); --scan-icon-hole-removel: url('data:image/svg+xml;utf8,'); --scan-icon-negative: url('data:image/svg+xml;utf8,'); --scan-icon-despeckle: url('data:image/svg+xml;utf8,'); /**/ --main-font-color-default: black; --main-font-color-current: rgba(255, 255, 255, 1); --main-border-color-current: rgba(255, 255, 255, 1); --main-bg-grid-current: #33274A; --main-bg-grid-odd-current: #33274A !important; --main-bg-grid-even-current: #33274A !important; --main-bg-border-current: 1px solid; --main-buttom-scroll-current: #33274A; } @font-face { font-family: 'telegrafregular'; src: url('font/Telegraf_Regular_400.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'telegrafultrabold'; src: url('font/Telegraf_Ultrabold.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'telegrafultralight'; src: url('font/Telegraf_Ultralight.otf') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; } html, body { height: 100%; margin: 0; font-family: telegrafregular; font-size:13px; } .all-content{ height:100%; width:100%; } .background-size { height:100%; margin-left: 0px; margin-right: 0px; padding-left:0px; padding-right:0px; } .background-color { background: var(--main-bg-primary-blue-color); } .background-color-login { background: var(--login-bg-primary-blue-color); } .background-color-app { background: var(--app-bg-gray-color); } input:focus { outline: none; border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } label.p-0 { margin-bottom: 0; } .custom-tooltip { position: relative; margin: 0 5em; display: flex; align-items: center; height: 100%; } .custom-tooltip .icon { position: relative; display: flex; height: calc(var(--main-img-height)*1.2 + 0.7vw); flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .custom-tooltip .icon .fa-github { font-size: 4rem; background-image: linear-gradient(375deg, #1cc7d0, #2ede98); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .custom-tooltip .icon span { position: absolute; top: 60%; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; font-size: 1rem; white-space: nowrap; color: var(--main-blue-color); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; transition: all 0.2s ease-in-out; background : #F6FBFF; border-radius : 8pt; -moz-border-radius : 8pt; -webkit-border-radius : 8pt; box-shadow : 1.42pt 1.42pt 1.42pt rgba(29, 29, 27, 0.2); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1.42, OffY=1.42, Color='#1D1D1B'); z-index:1; } .custom-tooltip .icon:hover span { top: 100%; opacity: 0.9; } .form-check-input { margin-top: 0.1rem; } .font-table { font-size: calc(0.7rem + 0.3vw); } .text-align-right { text-align:right; } .text-center-title { display:-webkit-flex !important; display:flex !important; align-items:center; justify-content:center; } .login-box-message { text-align: -webkit-center; margin-top:10px; } .blazored-modal { padding:0 !important; } .blazored-modal-header{ display:none !important; } #blazor-error-ui { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; } #blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; } .table-striped tbody tr:nth-of-type(odd) { background-color: var(--main-bg-grid-odd-current); } .table-striped tbody tr:nth-of-type(even) { background-color: var(--main-bg-grid-even-current); } .table td, .table th { padding: .25rem !important; border-top: 0 !important; } .table thead th { border-bottom: 0 !important; } .selected { background: -moz-linear-gradient(0% 50% 0deg,var(--main-white-color) 0%,rgba(252, 229, 225, 1) 8.94%,rgba(246, 186, 172, 1) 26.03%,rgba(242, 149, 129, 1) 42.81%,rgba(239, 121, 95, 1) 58.93%,rgba(236, 100, 71, 1) 74.2%,rgba(235, 88, 56, 1) 88.27%,rgba(234, 84, 51, 1) 100%); background: -webkit-linear-gradient(0deg, var(--main-white-color) 0%, rgba(252, 229, 225, 1) 8.94%, rgba(246, 186, 172, 1) 26.03%, rgba(242, 149, 129, 1) 42.81%, rgba(239, 121, 95, 1) 58.93%, rgba(236, 100, 71, 1) 74.2%, rgba(235, 88, 56, 1) 88.27%, rgba(234, 84, 51, 1) 100%); background: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(0,var(--main-white-color) ),color-stop(0.0894,rgba(252, 229, 225, 1) ),color-stop(0.2603,rgba(246, 186, 172, 1) ),color-stop(0.4281,rgba(242, 149, 129, 1) ),color-stop(0.5893,rgba(239, 121, 95, 1) ),color-stop(0.742,rgba(236, 100, 71, 1) ),color-stop(0.8827,rgba(235, 88, 56, 1) ),color-stop(1,rgba(234, 84, 51, 1) )); background: -o-linear-gradient(0deg, var(--main-white-color) 0%, rgba(252, 229, 225, 1) 8.94%, rgba(246, 186, 172, 1) 26.03%, rgba(242, 149, 129, 1) 42.81%, rgba(239, 121, 95, 1) 58.93%, rgba(236, 100, 71, 1) 74.2%, rgba(235, 88, 56, 1) 88.27%, rgba(234, 84, 51, 1) 100%); background: -ms-linear-gradient(0deg, var(--main-white-color) 0%, rgba(252, 229, 225, 1) 8.94%, rgba(246, 186, 172, 1) 26.03%, rgba(242, 149, 129, 1) 42.81%, rgba(239, 121, 95, 1) 58.93%, rgba(236, 100, 71, 1) 74.2%, rgba(235, 88, 56, 1) 88.27%, rgba(234, 84, 51, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--main-white-color)', endColorstr='#EA5433' ,GradientType=0)"; background: linear-gradient(90deg, var(--main-white-color) 0%, rgba(252, 229, 225, 1) 8.94%, rgba(246, 186, 172, 1) 26.03%, rgba(242, 149, 129, 1) 42.81%, rgba(239, 121, 95, 1) 58.93%, rgba(236, 100, 71, 1) 74.2%, rgba(235, 88, 56, 1) 88.27%, rgba(234, 84, 51, 1) 100%); } .required { border: 1px solid rgba(234, 84, 51, 1) !important; } .disabled { pointer-events: none; opacity: 0.5; } .list-disabled { background-color: #e9ecef; opacity: 1; pointer-events: none; } .blue-disabled { background-color: var(--main-bg-secondary-blue-color) !important; opacity: 0.5; pointer-events: none; } .logo_white { width: 108pt; height: 84pt; display: block; margin: auto; } .greeting { font-family: telegrafregular; font-weight: bold; font-size: 35pt; color: var(--main-white-color); color: rgb(255, 255, 255); } .greeting_margin { margin-bottom: 30px; margin-top: 30px; } .input { border-style: Solid; border-color: #F0F0F2; border-color: rgba(240, 240, 242, 1); border-width: 1pt; width: 140pt; height: 25pt; border-radius: 10pt; -moz-border-radius: 10pt; -webkit-border-radius: 10pt; background: var(--login-bg-primary-blue-color); } .input_text { font-family: telegrafregular; font-size: 10pt; color: var(--main-white-color); color: rgb(255, 255, 255); filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30); } .default-font-color { color: var(--main-font-color-default); } ::-webkit-input-placeholder { text-align: center; } ::-moz-placeholder { /* Firefox 18- */ text-align: center; } ::-moz-placeholder { /* Firefox 19+ */ text-align: center; } :-ms-input-placeholder { text-align: center; } .button { background: var(--main-white-color); background: var(--main-white-color); border: 0px; width: 85pt; height: 25pt; color: #234FA0; font-size: 11pt; border-radius: 10pt; -moz-border-radius: 10pt; -webkit-border-radius: 10pt; } .check_box { border-style: Solid; border-color: #F0F0F2; border-color: rgba(240, 240, 242, 1); border-width: 1pt; height: 9pt; border-radius: 2pt; -moz-border-radius: 2pt; -webkit-border-radius: 2pt; } .text_active_directory { /*font-family: Telegraf;*/ font-size: 10pt; color: var(--main-white-color); color: rgb(255, 255, 255); } .active_directory { display: inline-block; top:5px; } /*portal*/ .module { cursor:none; } .module:hover { cursor:pointer; } .retrieve_image { background-image : url(../img/modulos/icono_retrieve.svg); } .search_image { background-image: url(../img/modulos/icono_search.svg); } .blog_image { background-image: var(--main-icon-blog); } .update { background-image: var(--main-icon-update); height:45pt !important; } .update_alert:hover { background-image: var(--main-icon-update-alert-ext); width: 170px; } .update_alert { background-image: var(--main-icon-update-alert); height: 45pt !important; } .latest_news { background-image: var(--main-icon-latest-news); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .latest_news_alert { background-image: var(--main-icon-latest-news-alert); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .workflow_image { background-image: var(--main-icon-workflow); } .dynamics_image { background-image: url(../img/modulos/icono_dynamics.svg); } .dashboard_image { background-image: url(../img/modulos/icono_dashboard.svg); } .custom_image { background-image: url(../img/modulos/icono_custom.svg); } .configuration_image { background-image: var(--main-icon-configuration); } .background_module { background-repeat: no-repeat; width: 40pt; height: 56pt; display: block; margin: auto; } .text_module { font-size: 10pt; color: var(--main-white-color); color: rgb(255, 255, 255); opacity: 0.5; filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50); } .icono-box-rest { width: calc(100% - 270px); } .text-blog { color: white; font-size: calc(1rem + 0.2vw); } .background-blog { background-repeat: no-repeat; height: 45pt; display: block; margin: auto; } /*retrieve*/ .menu { padding: 10px 10px 10px 10px; height:100%; width:6.7%; float:left; } .main { padding-top:15px; padding-bottom:15px; height: 100%; width:93.3%; float:left; } .barra_lateral_azul { background: var(--main-bg-secondary-blue-color); height: 100%; border-radius: 31pt; -moz-border-radius: 31pt; -webkit-border-radius: 31pt; box-shadow: 2.83pt 2.83pt 5pt rgba(29, 29, 27, 0.4); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.83, OffY=2.83, Color='#1D1D1B'); padding: 10px 10px 10px 10px; border: var(--main-bg-border-current); } .box-logo { height: 80%; width: 80%; } .box-logo-extendido { padding-left: 20px !important; } .isotipo_blanco { background-image: var(--main-icon-isotipo-blanco); background-repeat: no-repeat; width: 100%; height: 100%; } .barra_lateral { height:25%; } .position_home { line-height:25%; justify-content:center; } .position_home_extendido { line-height: 25%; padding-left:10px; } .position_new { line-height: 25%; justify-content: center; } .position_new_extendido { line-height: 25%; padding-left: 10px; } .position_actualizar { line-height: 25%; justify-content: center; } .position_actualizar_extendido { line-height: 25%; padding-left: 10px; } .position_usuario { justify-content: center; } .position_usuario_extendido { padding-left: 10px; } .text-decoration-none { text-decoration:none; } .home_text, .update_text, .user_text, .worflow_text ,.group_type_text { font-family: telegrafultralight; font-size: calc(1rem + 0.2vw); color: var(--main-white-color) !important; padding-left: 10px; } .home_image { background-image: var(--main-icon-home); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .actualizar_image { background-image: var(--main-icon-actualizar); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .usuario_image { background-image: var(--main-icon-usuario); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .new_image { background-image: var(--main-icon-blanco); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .browse_text { font-family: telegrafultralight; font-size: calc(1rem + 0.2vw); color: var(--main-white-color); } .custom-browse-box { height:24px; } .custom-documents-box { height:calc(100% - 24px); } .custom_margin { margin: 0; padding-left: 10px; } .menu_extendida { padding: 10px 10px 10px 10px; height: 100%; width:19.2%; float: left; } .main_extendida { padding-top: 15px; padding-bottom: 15px; height: 100%; width: 80.8%; float: left; } .barra_lateral_azul_extendida { width: calc(100%) !important; } .hidden { visibility:hidden; display:none; } .show { visibility:visible; display:block; } .flecha_blanca_left { background-image: var(--main-icon-flecha-blanca-left); background-repeat: no-repeat; width: calc(var(--main-img-width)*0.8 + 0.2vw); height: calc(var(--main-img-height)*0.8 + 0.4vw); } .flecha_blanca_right { background-image: var(--main-icon-flecha-blanca); background-repeat: no-repeat; width: calc(var(--main-img-width)*0.8 + 0.2vw); height: calc(var(--main-img-height)*0.8 + 0.4vw); } .tres_puntos { background-image: url(../img/main/tres_puntos.svg); background-repeat: no-repeat; width: 5pt; height: 25pt; top:20px; } .tres_puntos_extend { background-image: url(../img/main/tres_puntos.svg); background-repeat: no-repeat; width: 5pt; height: 25pt; } .icono_search_tres_puntos { background-image: var(--main-icon-tres-puntos); background-repeat: no-repeat; width: 4pt; height: 15pt; } .isotipo_blanco_extendido { background-image: var(--main-icon-30-logo-blanco); background-repeat: no-repeat; height: 80%; width: 80%; } .relative { position:relative; } .absolute { position:absolute; } .cuadro_search { border-style: Solid; border-color: var(--main-white-color); border-width: 1pt; width: 80%; height: 16pt; border-radius: 8pt; -moz-border-radius: 8pt; -webkit-border-radius: 8pt; background: var(--main-bg-secondary-blue-color); color: rgb(255, 255, 255); padding-left: 15px !important; padding-right: 15px !important; } .cuadro_search:focus { outline: none; border-style: Solid; border-color: var(--main-white-color); border-width: 1pt; -webkit-box-shadow: none; box-shadow: none; background: var(--main-bg-secondary-blue-color); color: rgb(255, 255, 255); } .cuadro_search:focus::-webkit-input-placeholder { color: transparent; } .cuadro_search:focus::-moz-placeholder { color: transparent; } .cuadro_search:-moz-placeholder { color: transparent; } .barra-docs { overflow: auto; height: 100%; color: darkgray; font-size: calc(1rem + 0.1vw); padding: 0; padding-top: 5px; /*width: 235px;*/ width: calc(100% - 10px); float: left; z-index: 100; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-blue-color); /*for ie*/ } .barra-docs-tres-puntos { height: 100%; color: darkgray; padding: 0; padding-top: 5px; width: 10px; float: left; z-index: 100; } /* Works on Chrome/Edge/Safari */ .barra-docs::-webkit-scrollbar { width: 18px; height: 18px; } .barra-docs::-webkit-scrollbar-corner { background-color: var(--main-blue-color); } .barra-docs::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .barra-docs::-webkit-scrollbar-thumb { background: var(--main-bg-secondary-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } /*end treeview*/ .without_margin { margin:0; } .without_padding { padding: 0; } .max-width-20{ max-width:20px; } .max-width-16 { max-width: 16px; } .max-height-20 { max-height:20px; } .max-height-16 { max-height: 16px; } .height-19 { height: 19px !important; } .height-20 { height: 20px !important; } .height-30 { height: 30px !important; } .height-50 { height: 50px !important; } .height-50-por { height: 50%; } .height-60 { height: 60px; } .height-120 { height: 120px; } .height-10-por { height: 10%; } .height-12-por { height: 12%; } .height-15-por { height: 15%; } .height-18-por { height: 18%; } .height-20-por { height: 20%; } .height-25-por { height: 25%; } .height-30-por { height: 30%; } .height-33-por { height: 33.3%; } .height-40-por { height: 40%; } .height_50_por { height: 50%; } .height-60-por { height:60%; } .height-65-por { height: 65%; } .height-66-por { height: 66.6%; } .height-70-por { height: 70%; } .height_75_por { height: 75% !important; } .height-80-por { height: 80%; } .height-90-por { height: 90%; } .height_100_por { height:100% !important; } .line-height-50-por { line-height: 50%; } .width-20 { width: 20px; } .width-30 { width: 30px; } .width-50 { width:50px; } .width-60 { width: 60px; } .width-70 { width: 70px; } .width-100 { width: 100px; } .width-170 { width: 170px; } .width-100-por { width:100%; } .width-90-por { width: 90%; } .width-50-por { width: 50%; } .width-25-por { width: 25%; } .width-10-por { width: 10%; } .width-5-por { width: 5%; } .padding-5{ padding:5px; } .padding-2 { padding: 2px !important; } .auto-overflow { overflow:auto; } .padding-15 { padding: 15px; } .padding-10-por { padding: 10%; } .padding-bottom-0 { padding-bottom: 0px; } .padding-left-60 { padding-left: 60px; } .padding_left_40 { padding-left: 40px; } .padding_left_35 { padding-left: 35px; } .padding-left-30 { padding-left:30px; } .padding-left-20 { padding-left: 20px; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-40-por { padding-left: 40%; } .padding_left_0 { padding-left: 0px; } .padding_top_0 { padding-top: 0px; } .padding_top_2 { padding-top: 2px; } .padding_top_4 { padding-top: 4px; } .padding-top-5 { padding-top: 5px; } .padding-top-7 { padding-top: 7px; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px; } .padding-top-25 { padding-top: 25px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-35 { padding-top: 35px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-right-0 { padding-right: 0px; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-15 { padding-right: 15px !important; } .padding_right_40 { padding-right: 40px; } .margin_top_5 { margin-top: 5px; } .margin_right_20 { margin-right: 20px; } .margin-right-0 { margin-right: 0px; } .margin-left-9 { margin-left: 9px; } .margin_right_20 { margin-right: 20px; } .margin_left_45 { margin-left: 45px; } .margin-bottom-15 { margin-bottom:15px !important; } .n_margin_top_15 { margin-right: -15px !important; } .top-40-por { top: 40%; } .font_size_35 { font-size:35px; } .content_text { color: var(--main-white-color); white-space: nowrap; } .text-color { color: var(--main-blue-color); } .grid-text-color { color: var(--main-font-color-current) } .orange-color { color: #EA5433; } /*begin treeview*/ ul, #treeView { list-style-type: none; } #treeView { margin: 0; padding: 0; padding-left:10px; } .group { margin: 0; padding: 0; list-style-type: none; } .caret { cursor: pointer; -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; } .caret::before { display: inline-block; margin-right: 6px; } .caret-down::before { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg); } .nested { display: none; } .active { display: block; } /*end treeview*/ .cuadro_blanco { background: var(--main-bg-secondary-blue-color); border-style: Solid; border-color: var(--main-white-color); border-width: 1pt; width: 7pt; height: 7pt; } /*Header*/ .group-box { padding-left: 0px !important; padding-right: 0px !important; } .cuadro_option_blanco { background: var(--main-white-color); height: 31pt; border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; box-shadow: 2.83pt 2.83pt 5pt rgba(29, 29, 27, 0.4); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.83, OffY=2.83, Color='#1D1D1B'); } .icono_upload { background-image: var(--main-icon-upload); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .icon_newform { background-image: var(--main-icon-newform); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .icono_scan { background-image: var(--main-icon-scan); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .icono_delete { background-image: var(--main-icon-delete); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .custom_svg { display:block; margin:auto; } .icono_search { background-image: var(--main-icon-search); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .text_search { font-family: telegrafregular; color: var(--main-blue-color); border: 0px; outline: none; height: 40px; padding:2px; padding-top:5px; } .text_search:focus { outline: none; border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } .text_search:focus::-webkit-input-placeholder { color: transparent; } .text_search:focus::-moz-placeholder { color: transparent; } .text_search:-moz-placeholder { color: transparent; } .text_search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--main-blue-color); text-align:left; } .text_search::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--main-blue-color); text-align: left; } .text_search::-ms-input-placeholder { /* Microsoft Edge */ color: var(--main-blue-color); text-align: left; } .check { background-image: var(--main-icon-visor-open); background-repeat: no-repeat; width: 30px; height: 30px; } .un_check { background-image: var(--main-icon-visor-close); background-repeat: no-repeat; width: 30px; height: 30px; } .upload-check { background-image: var(--main-icon-upload-check); background-repeat: no-repeat; width: 14pt; height: 14pt; } .visor { background-image: url(../img/main/visor/visor.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .advanced-query-button { background-image: url(../img/main/header/icono_search.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.1vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); max-height: 19px; max-width: 19px; } .advanced-query-button-white { background-image: url(../img/main/header/icono_search_white.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.1vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); max-height: 19px; max-width: 19px; } .advanced-query-input { float: left; width: calc(100% - calc(var(--main-img-width)*1.5 + 0.1vw)); padding-right: 5px; } .actions-bar-box { padding-left: 10px !important; } .wh-bar-box { padding-left: 10px !important; padding-right: 10px !important; } .option-button-deafult { height: 41px; border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; } .barra_acciones { background: var(--main-white-color); background: var(--main-white-color); height: 41px; border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; box-shadow: 2.83pt 2.83pt 5pt rgba(29, 29, 27, 0.4); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.83, OffY=2.83, Color='#1D1D1B'); min-width: 65px; } .barra_linked { background: var(--main-white-color); background: var(--main-white-color); height: 41px; border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; box-shadow: 2.83pt 2.83pt 5pt rgba(29, 29, 27, 0.4); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.83, OffY=2.83, Color='#1D1D1B'); word-wrap: break-word; min-width: 100px; } .barra_WF { background: var(--main-white-color); background: var(--main-white-color); height: 41px; border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; box-shadow: 2.83pt 2.83pt 5pt rgba(29, 29, 27, 0.4); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.83, OffY=2.83, Color='#1D1D1B'); min-width: 65px; } .text-button-blue { font-size: var(--main-text-font-size-10); color: var(--main-blue-color); } .text-button-current { font-size: var(--main-text-font-size-10); color: var(--main-font-color-current); } .text-button-current:hover { color: var(--main-font-color-current); text-decoration: none; } .main_header { height:41px; } .main_grid { height: calc(100% - 41px); padding-top: 10px; padding-right: 10px; } .main_grid_barra_preview { height: calc(100% - 41px); padding-top: 10px; padding-bottom: 10px; } .grid { width: 100%; height: 100%; background: var(--main-bg-grid-current) !important; border-radius: 28pt; -moz-border-radius: 28pt; -webkit-border-radius: 28pt; box-shadow: 2.83pt 2.83pt 5pt rgba(29, 29, 27, 0.4); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.83, OffY=2.83, Color='#1D1D1B'); padding: 15px 15px 15px 15px; border: var(--main-bg-border-current); } .grid_preview { width: 68%; height: 100%; background: var(--main-bg-grid-current) !important; border-radius: 28pt; -moz-border-radius: 28pt; -webkit-border-radius: 28pt; box-shadow: 2.83pt 2.83pt 5pt rgba(29, 29, 27, 0.4); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.83, OffY=2.83, Color='#1D1D1B'); padding: 15px 15px 15px 15px; border: var(--main-bg-border-current); } .preview { width:32%; display:block; } .bar-preview-title { background: var(--main-bg-secondary-blue-color); height: 84px; border-radius: 0pt calc(var(--main-border-size)*2 + 0.4vw) 0pt 0pt; -moz-border-radius: 0pt calc(var(--main-border-size)*2 + 0.4vw) 0pt 0pt; -webkit-border-radius: 0pt calc(var(--main-border-size)*2 + 0.4vw) 0pt 0pt; margin: 0; padding-right: 0; border: var(--main-bg-border-current); } .preview-title { margin: 0; padding-right: 0; } .preview_content { height: calc(100% - 84px); } .regular_color_white { color: var(--main-white-color); color: rgb(255, 255, 255); } .icono_actualizar_visor { background-image: url(../img/main/visor/icono_actualizar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.4 + 0.4vw); height: calc(var(--main-img-height)*1.4 + 0.4vw); } .icono_nota_visor { background-image: url(../img/main/visor/icono_nota.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.4 + 0.4vw); height: calc(var(--main-img-height)*1.4 + 0.4vw); } .icono_imagen_visor { background-image: url(../img/main/visor/icono_imagen.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.4 + 0.4vw); height: calc(var(--main-img-height)*1.4 + 0.4vw); } .icono_grid { background-image: url(../img/grid/grid_16.png); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.4 + 0.4vw); height: calc(var(--main-img-height)*1.4 + 0.4vw); } .barra_preview_left { background: var(--main-bg-secondary-blue-color); width: 4.5%; height: 100%; border-radius: 0pt calc(var(--main-border-size)*2 + 0.4vw) calc(var(--main-border-size)*2 + 0.4vw) 0pt; -moz-border-radius: 0pt calc(var(--main-border-size)*2 + 0.4vw) calc(var(--main-border-size)*2 + 0.4vw) 0pt; -webkit-border-radius: 0pt calc(var(--main-border-size)*2 + 0.4vw) calc(var(--main-border-size)*2 + 0.4vw) 0pt; border: var(--main-bg-border-current); } .grid_barra_preview { width: 95.5%; height: 100%; background: var(--main-bg-grid-current); border-radius: 28pt; -moz-border-radius: 28pt; -webkit-border-radius: 28pt; box-shadow: 2.83pt 2.83pt 5pt rgba(29, 29, 27, 0.4); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.83, OffY=2.83, Color='#1D1D1B'); padding: 15px 15px 15px 15px; border: var(--main-bg-border-current); } .header-column { min-width: -moz-max-content; min-width: -webkit-max-content; min-width: max-content; text-decoration: none !important; color: var(--main-font-color-current) !important; } .top_0 { top:0 !important; } .top_40_por { top:40% !important; } .right_15 { right: 15px; } .right-20 { right:20px; } .left_15 { left: 15px; } .left_25 { left:25px !important; } .left_75_por { left: 75% !important; } .left_50_por { left: 50% !important; } .top_20 { top:20px; } .top_80 { top: 80px; } .top_200 { top: 200px; } .icon_avanzar_mas { background-image: var(--main-icon-avanzar-mas); background-repeat: no-repeat; width: calc(var(--main-img-width)*0.8 + 0.2vw); height: calc(var(--main-img-width)*0.8 + 0.2vw); } .icon_avanzar { background-image: var(--main-icon-avanzar); background-repeat: no-repeat; width: calc(var(--main-img-width)*0.8 + 0.2vw); height: calc(var(--main-img-width)*0.8 + 0.2vw); } .icon_retroceder_mas { background-image: var(--main-icon-retroceder-mas); background-repeat: no-repeat; width: calc(var(--main-img-width)*0.8 + 0.2vw); height: calc(var(--main-img-width)*0.8 + 0.2vw); } .icon_retroceder { background-image: var(--main-icon-retroceder); background-repeat: no-repeat; width: calc(var(--main-img-width)*0.8 + 0.2vw); height: calc(var(--main-img-width)*0.8 + 0.2vw); } .span_paginacion { width: 38px; float: left; font-family: telegrafregular; font-size: 10pt; color: var(--main-blue-color); padding-top:5px; } .custom_dropdown { border-radius: 6pt; -moz-border-radius: 6pt; -webkit-border-radius: 6pt; border-style: Solid; border-color: var(--main-blue-color); background: var(--main-gray-color); border-width: 1pt; color: var(--main-blue-color); padding: 0; height: 20px; width: 25%; max-width: 50px; } .custom_pages { color: var(--main-font-color-current); text-align: center; padding-left: 5px; padding-right: 5px; height: 20px; /*width: 40%;*/ } .custom_display { color: var(--main-blue-color); text-align: center; padding-left: 5px; padding-right: 5px; height: 20px; border-radius: 6pt; -moz-border-radius: 6pt; -webkit-border-radius: 6pt; border-style: Solid; border-color: var(--main-blue-color); background: var(--main-gray-color); border-width: 1pt; } .custom_check { background-color: var(--main-bg-white-color); width: 25px; height: 30px; margin-right: 5px; border-radius: 10px !important; /* max-width:25px;*/ } .custom_item { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .without_border_right { border-bottom-right-radius:0; border-top-right-radius:0; } .data { overflow: auto; height: 100%; scrollbar-color: var(--main-buttom-scroll-current) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-buttom-scroll-current); /*for ie*/ } .data::-webkit-scrollbar { width: 18px; height:18px; } .data::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .data::-webkit-scrollbar-thumb { background-color: var(--main-buttom-scroll-current); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } .data::-webkit-scrollbar-corner { background-color: var(--main-buttom-scroll-current); } .icono_candado { background-image: var(--main-icon-candado); background-repeat: no-repeat; width: 14pt; height: 15pt; } .icono_form { background-image: var(--main-icon-form); background-repeat: no-repeat; width: 14pt; height: 15pt; } .icono_flujo { background-image: var(--main-icon-flujo); background-repeat: no-repeat; width: 17pt; height: 15pt; } .icono_notas { background-image: var(--main-icon-notas); background-repeat: no-repeat; width: 17pt; height: 15pt; } .icono_bandera { background-image: var(--main-icon-bandera); background-repeat: no-repeat; width: 12pt; height: 15pt; } .icono_foco { background-image: var(--main-icon-foco); background-repeat: no-repeat; width: 13pt; height: 15pt; } .icono_flecha_abajo { background-image: var(--main-icon-flecha-abajo) !important; background-repeat: no-repeat; width: 6pt; height: 6pt; } .icono_flecha_arriba { background-image: var(--main-icon-flecha-abajo) !important; background-repeat: no-repeat; width: 6pt; height: 6pt; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); } .icono_flecha_abajo_selected { background-image: var(--main-icon-flecha-abajo-selected) !important; background-repeat: no-repeat; width: 6pt; height: 6pt; } .icono_flecha_arriba_selected { background-image: var(--main-icon-flecha-abajo-selected) !important; background-repeat: no-repeat; width: 6pt; height: 6pt; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */ transform: rotate(180deg); } .normal_text_white { color: var(--main-white-color); } .font-weight-unset { font-weight:unset !important; } .normal-backgroung-blue { background-color: var(--main-bg-secondary-blue-color); } .width_auto { width: auto; } .border-bottom { border-bottom-color: var(--main-border-color-current) !important; color: var(--main-font-color-current) !important; height: 25px; font-weight: normal; } .table thead th { padding-left: 5.76px; padding-right: 5.76px; } .without_border_top { border:0; } .custom-vertical-text { writing-mode: tb-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: tb-rl; transform: rotate(180deg); -webkit-transform: rotate(180deg); text-align: center; font-size: calc(1rem + 0.2vw) } .custom-vertical-text-down { writing-mode: tb-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: tb-rl; text-align: center; } .custom-orange-border { border-left-style: Solid; border-left-color: #EA5433; /*border-left-color: rgba(234, 84, 51, 1);*/ border-left-width: 1.5pt; } .custom_tres_puntos { writing-mode: tb-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: tb-rl; transform: rotate(180deg); -webkit-transform: rotate(180deg); text-align: center; height: 100%; } .custom_tres_puntos:before { content: "\2022" "\2022" "\2022"; color: var(--main-white-color); } .workflow { left: -90px; top: 150px; } .group_type { left: -90px; top: 40px; } .dropdown_control { height: 20px; font-size: calc(0.7rem + 0.3vw); padding: 0; margin: 0; } .label-control { min-height: 20px; margin: 0; word-break: break-word !important; overflow-wrap: break-word !important; font-size: calc(0.7rem + 0.3vw); } .text_control { height: 20px; font-size: calc(0.7rem + 0.3vw); padding-left:2px; } .date-control { padding: 0; height: 20px; font-size: calc(0.7rem + 0.3vw); padding-left:2px; } .checkbox_control { height: 20px; padding-top: 5px; } .custom_control { padding-top: 2px; padding-bottom: 2px; padding-right: 2px; padding-left: 2px; } w-auto { width:auto; } m-auto{ margin:auto; } .search-emergent-box { background: var(--main-white-color); width: 180px; border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; color: var(--main-blue-color); padding-left: 20px !important; padding-right:20px !important; } .system-emergent-box { background: var(--main-white-color); width: 180px; border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; color: var(--main-blue-color); /* transform: translate3d(13px, -40px, 25px); will-change: transform; position: absolute;*/ padding-left: 20px !important; padding-right: 20px !important; } .emergent-text { text-decoration:none; color: var(--main-blue-color) !important; } .modal-page-content { background: var(--main-gray-color); border-radius: 21pt !important; -moz-border-radius: 21pt !important; -webkit-border-radius: 21pt !important; border: none !important; font-family: telegrafregular; padding:15px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; outline: 0; } .icono_modal_cerrar { background-image: url(../img/main/icono_cerrar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width) + 0.4vw); height: calc(var(--main-img-height) + 0.4vw); } .modal_title { font-size: calc(1rem + 0.5vw); color: var(--main-white-color); display: -webkit-flex !important; display: flex !important; align-items: center; justify-content: center; text-align: center; } .modal_title p { display: table-cell; vertical-align:middle; } .modal_subtitle { font-size: calc(1rem + 0.2vw); color: var(--main-white-color); } .barra-document { background: var(--main-bg-secondary-blue-color); height: 61px; line-height: 61px; border-radius: 21pt 21pt 0pt 0pt; -moz-border-radius: 21pt 21pt 0pt 0pt; -webkit-border-radius: 21pt 21pt 0pt 0pt; } .text-content { padding-left: 5px; padding-right: 5px; white-space: nowrap; font-weight: normal; /* font-size: 10pt;*/ } .content-vcenter { display: -webkit-flex !important; display: flex !important; align-items: center; /* justify-content: center; text-align: center; */} .modal-dialog { min-height: calc(100% - 3.5rem); margin: 1.75rem auto; } /*Delete style*/ @media (min-width: 576px) { #delete-dialog { max-width: 450px !important; } } .delete-title { height: 60px; line-height:60px; } .delete-message { height: 40px; /*line-height: 40px;*/ /* font-weight: bold;*/ color: var(--main-white-color); color: rgb(255, 255, 255); } .delete-options { height: 80px; } .delete-button { background: var(--main-white-color); border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; color: var(--main-blue-color); font-weight: bold; /*font-size: 12pt;*/ padding:3px 3px 3px 3px; } /*advanced search*/ @media (min-width: 576px) { #advanced-dialog { max-width: 40% !important; } } #advanced-dialog { height:90%; } #advanced-content{ height:80%; } .advanced-content { height: calc(100% - 60px); padding-top: 10px; padding-bottom: 10px; padding-right: 10px !important; } .advanced-content-controls { width: 100%; height: calc(100% - 60px); padding:15px; overflow: auto; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-blue-color); /*for ie*/ } /* Works on Chrome/Edge/Safari */ .advanced-content-controls::-webkit-scrollbar { width: 18px; height: 18px; } .advanced-content-controls::-webkit-scrollbar-corner { background-color: var(--main-blue-color); } .advanced-content-controls::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .advanced-content-controls::-webkit-scrollbar-thumb { background: var(--main-bg-secondary-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } .advanced-options { height: 60px; line-height:60px; } .advanced-save { background-image: url(../img/main/search/icono_guardar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .advanced-delete { background-image: url(../img/main/search/icono_delete.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .advanced-search { background-image: url(../img/main/search/icono_lupa.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-height)*1.5 + 0.4vw); } .advanced_add { background-image: url(../img/main/search/icono_tres_puntos_white.svg); background-repeat: no-repeat; width: 12pt; height: 12pt; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } /*Update keywords*/ @media (min-width: 576px) { #update-dialog { max-width: 50% !important; } } #update-dialog{ height:90%; } .update-title { height: 60px; line-height: 60px; /*text-transform: uppercase;*/ color: var(--main-white-color); } #update-content { height:80%; } .update-content { height:calc(100% - 60px); } .update-content-controls { width: 100%; height: calc(100% - 60px); padding-right: 5px; overflow: auto; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); scrollbar-track-color: var(--main-bg-border-bar-color); scrollbar-face-color: var(--main-blue-color); } .update-options { height: 60px; line-height:60px; } .update-button { background: var(--main-white-color); border-radius: 11pt; -moz-border-radius: 11pt; -webkit-border-radius: 11pt; font-weight: bold; /*font-size: 9pt;*/ color: var(--main-blue-color); min-width:80px; } .update-content-controls::-webkit-scrollbar { width: 18px; height: 18px; } .update-content-controls::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .update-content-controls::-webkit-scrollbar-thumb { background-color: var(--main-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } /*Export keywords*/ @media (min-width: 576px) { #export-dialog { max-width: 45% !important; } } #export-dialog { height:90%; } #export-content { height: 75%; } .export-title { height: 60px; line-height: 60px; text-transform: uppercase; color: var(--main-white-color); color: rgb(255, 255, 255); } .export-content { height:calc(100% - 120px); padding:0; background: var(--main-white-color); background: var(--main-white-color); opacity: 0.9; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90); /**/ } .export-options { height: 60px; line-height:60px; } .export-button { background: var(--main-white-color); border-radius: 11pt; -moz-border-radius: 11pt; -webkit-border-radius: 11pt; font-weight: bold; color: var(--main-blue-color); max-width:150px; } .export-data { word-break: break-all; color: #1D1D1B; color: rgb(29, 29, 27); } .export-values { overflow:auto; height: 100%; width: 100%; position: absolute; padding: 15px; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-blue-color); /*for ie*/ } .export_keyword { background-image: url(../img/main/options/icon_export_keywords.svg); background-repeat: no-repeat; width: 20pt; height: 20pt; } .export-values::-webkit-scrollbar { width: 18px; height: 18px; } .export-values::-webkit-scrollbar-corner { background-color: var(--main-blue-color); } .export-values::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .export-values::-webkit-scrollbar-thumb { background-color: var(--main-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } /*Dynamic Folder*/ @media (min-width: 576px) { #dynamic-dialog { max-width: 45% !important; } } #dynamic-dialog { height:90%; } #dynamic-content{ height:79%; } .dynamic-title { height: 60px; line-height: 60px; text-transform: uppercase; color: var(--main-white-color); } .dynamic-content { height:calc(100% - 120px); } .dynamic-options { height: 60px; line-height:60px; } .dynamic-button { background: var(--main-white-color); border-radius: 11pt; -moz-border-radius: 11pt; -webkit-border-radius: 11pt; font-weight: bold; color: var(--main-blue-color); } .dynamic-content-find { height:34%; } .dynamic-content-options { height:8%; } .dynamic-content-folders{ height:58%; } .dynamic-content-button { border-bottom-style: Solid; border-bottom-color: var(--main-white-color); border-bottom-color: var(--main-white-color); border-bottom-width: 1pt; border-top-style: Solid; border-top-color: var(--main-white-color); border-top-color: var(--main-white-color); border-top-width: 1pt; } .dynamic-content-grid { height:92%; background: var(--main-white-color); background: var(--main-white-color); opacity: 0.9; border-radius: 17pt; -moz-border-radius: 17pt; -webkit-border-radius: 17pt; filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90); } .dynamic-panel { background: var(--main-white-color); background: var(--main-white-color); opacity: 0.9; height:100%; border-radius: 17pt; -moz-border-radius: 17pt; -webkit-border-radius: 17pt; filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90); } .dynamic-download { background-image: url(../img/main/dynamic/icon_download.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1 + 0.4vw); height: calc(var(--main-img-height)*1 + 0.4vw); } .dynamic-compress { background-image: url(../img/main/dynamic/icon_compress_download.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1 + 0.4vw); height: calc(var(--main-img-height)*1 + 0.4vw); } .dynamic-view { background-image: url(../img/main/dynamic/icon_view.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1 + 0.4vw); height: calc(var(--main-img-height)*1 + 0.4vw); } .dynamic-email { background-image: url(../img/main/dynamic/icon_email.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1 + 0.4vw); height: calc(var(--main-img-height)*1 + 0.4vw); } .dynamic-document { background-image: url(../img/main/dynamic/icon_document_keywords.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1 + 0.4vw); height: calc(var(--main-img-height)*1 + 0.4vw); } .dynamic-keyword { background-image: url(../img/main/dynamic/icon_keywords.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1 + 0.4vw); height: calc(var(--main-img-height)*1 + 0.4vw); } .dynamic-package { background-image: url(../img/main/dynamic/icon_package.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1 + 0.4vw); height: calc(var(--main-img-height)*1 + 0.4vw); } /*Upload Files*/ @media (min-width: 576px) { #upload-dialog { max-width: 90% !important; } } #upload-dialog { height:90%; } #upload-content { height: 100%; } .upload-content { height: 100%; margin: 0; width: 100%; } .upload-title { height: 60px; line-height: 60px; width: 100%; padding-left: 20px !important; padding-right: 20px !important; } .upload-content-options { height: calc(100% - 60px); width: 100%; } .upload-content-files { width: 100%; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; background: var(--main-white-color); } .upload-content-controls { width: 100%; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; background: var(--main-white-color); padding:5px !important; } .upload-content-controls-form{ position:absolute; top:0; left:0; padding:15px; height:100%; width:100%; } .upload-content-controls-panel { height: 100%; width: 100%; overflow: auto; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-blue-color); /*for ie*/ } /* Works on Chrome/Edge/Safari */ .upload-content-controls-panel::-webkit-scrollbar { width: 18px; height: 18px; } .upload-content-controls-panel::-webkit-scrollbar-corner { background-color: var(--main-blue-color); } .upload-content-controls-panel::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .upload-content-controls-panel::-webkit-scrollbar-thumb { background: var(--main-bg-secondary-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } .upload-files-add { background: var(--main-white-color); height: 100%; width: 100%; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; padding: 15px 15px 15px 15px; } .upload-files-title { height: 15%; width: 100%; padding-left: 15px; } .upload-files-content { height: 100%; width: 100%; padding: 0; background: var(--main-white-color); border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; } .upload-files-added { width: 100%; height: 75%; padding-left: 15px; padding-right: 15px; /*font-size: 12pt;*/ } .upload-files-more { width: 100%; height: 25%; } .upload-files-box { width:33%; max-width:380px; margin-left:auto; margin-right:auto; position:relative; top:40%; } .upload-files-progress-box { height:90px; background-color: white; border-radius: 21pt !important; -moz-border-radius: 21pt !important; -webkit-border-radius: 21pt !important; box-shadow: 2.83pt 2.83pt 5pt rgba(29, 29, 27, 0.4); } .upload-files-progress { background-image: url(../img/main/upload/progress.gif); background-repeat: no-repeat; height:90px; width:90px; float:left; } .upload-files-progress-text { height: 90px; width: calc(100% - 90px); float: left; color: var(--main-bg-secondary-blue-color); font-family:telegrafultrabold; } .icono-add-files { background-image: var(--main-icon-add-file); background-repeat: no-repeat; width: 13pt; height: 13pt; } .icono-remove-files { background-image: var(--main-icon-delete-file); background-repeat: no-repeat; width: 11pt; height: 11pt; } .icono-remove-text { background-image: var(--main-icon-delete-text); background-repeat: no-repeat; width: 9pt; height: 9pt; } .upload-add-file-button-box { line-height: 47px; text-align: center; height: 100%; padding-top: 10px !important; } .upload-add-file-text-box { line-height: 47px; height: 100%; /*font-size: 12pt;*/ color: #1D1D1B; color: rgb(29, 29, 27); } .upload-files { height: 100%; width: 100%; color: #1D1D1B; color: rgb(29, 29, 27); border-bottom-style: solid; border-bottom-color: var(--main-blue-color); border-bottom-width: 1pt; padding-top: 10px; overflow: auto; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-blue-color); /*for ie*/ } /* Works on Chrome/Edge/Safari */ .upload-files::-webkit-scrollbar { width: 18px; height: 18px; } .upload-files::-webkit-scrollbar-corner { background-color: var(--main-blue-color); } .upload-files::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .upload-files::-webkit-scrollbar-thumb { background: var(--main-bg-secondary-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } .upload-file { min-height: 30px; width: 100%; float:left; } .upload-icono-file { background-image: url(../img/main/header/icono_upload.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.4vw); height: calc(var(--main-img-width)*1.5 + 0.4vw); } .upload-document-type { background: var(--main-white-color); border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; } .upload-button { font-weight: bold; background: var(--main-white-color); color: var(--main-blue-color); border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; } .update-panel { height: 100%; } .upload-panel-controls { overflow: auto; height: 100%; position: absolute; background: var(--main-white-color); opacity: 0.9; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90); padding: 10px !important; color: black; scrollbar-color: var(--main-white-color) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-white-color); /*for ie*/ } .upload-panel-controls::-webkit-scrollbar { width: 18px; height: 18px; } .upload-panel-controls::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .upload-panel-controls::-webkit-scrollbar-thumb { background-color: var(--main-bg-white-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } .upload-content-document { height: 100%; width: 100%; background: var(--app-bg-gray-color) } /*Form to add*/ @media (min-width: 576px) { #form-dialog { /*max-width: 550px !important;*/ max-width: 40% !important; } } #form-content { height: 210px; } .form-text-title { font-weight: bold; font-size: 16pt; color: var(--main-white-color); color: rgb(255, 255, 255); text-align: center; /*line-height: 80px;*/ top:26px; } .form-cerrar { height: 100%; width: 100%; line-height: 84px; text-align: center; } .form-template-dropdown { background: var(--main-white-color); border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; } .form-button { font-weight: bold; background: var(--main-white-color); color: var(--main-blue-color); border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; } .form-search{ height:90px; } /*email*/ @media (min-width: 576px) { #email-dialog { max-width: 45% !important; } } #email-dialog { height: 90% !important; } #email-content { height: 70%; } .email-send { background-image: url(../img/main/email/icono_send.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*2.5 + 0.5vw); height: calc(var(--main-img-height)*2.5 + 0.5vw); } .email-body { height: calc(100% - 110px); } .email-footer { height: 50px; line-height:50px; } .email-row { height: 10%; } .email-id { border-style: Solid; border-color: var(--main-white-color); border-color: var(--main-white-color); border-width: 1pt; opacity: 0.5; /*height: 21pt;*/ border-radius: 6pt; -moz-border-radius: 6pt; -webkit-border-radius: 6pt; filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50); background: var(--main-bg-secondary-blue-color); font-size: 10pt; color: var(--main-white-color); color: rgb(255, 255, 255); } .email-input-message { /*height: 140px;*/ height: 40%; } .email-text-box { background: var(--main-white-color); opacity: 0.9; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90); height: 80%; min-width: 20px; padding-left:15px; padding-right:15px; } .email-message-text { height: 100% !important; background: var(--main-white-color); opacity: 0.9; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90); padding-left:15px; padding-right:15px; } .email-adjuntar { background-image: url(../img/main/email/icono_adjuntar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.5 + 0.5vw); height: calc(var(--main-img-height)*1.5 + 0.5vw); display: inline-block; padding: 6px 12px; cursor: pointer; } input[type="file"] { /*display: none;*/ opacity:0; } .email-file-row { height: 15px; text-align: left; padding-left: 10px; } .email-kb { font-size: 7pt; color: var(--main-white-color); color: rgb(255, 255, 255); opacity: 0.5; filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50); } .email-delete-file { background-image: url(../img/main/icono_cerrar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)); height: calc(var(--main-img-height)); } /*note text*/ @media (min-width: 576px) { #note-text-dialog { max-width: 55% !important; } } #note-text-dialog { height: 90%; } #note-text-content { height: 60%; } .note-text-title { height: 40px; } .note-header { height: 30px; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; } .note-text-grid { height: calc(100% - 30px); padding: 20px 20px 20px 20px; } .note-text-panel-buttons { background: var(--main-white-color); width: 107pt; height: 30px; border-radius: 11pt; -moz-border-radius: 11pt; -webkit-border-radius: 11pt; } /*notes*/ @media (min-width: 576px) { #notes-dialog { max-width: 55% !important; } } #notes-dialog { height:90%; } #notes-content{ height:70%; } .notes-title { height: 60px; } .notes-header { height: 30px; padding-left: 15px; padding-right: 15px; } .notes-grid { height: calc(100% - 90px); padding: 20px 20px 20px 20px; } .notes-panel-buttons { background: var(--main-white-color); width: 107pt; height: 30px; border-radius: 11pt; -moz-border-radius: 11pt; -webkit-border-radius: 11pt; } .notes-agregar { background-image: var(--main-icon-agregar); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .notes-editar { background-image: var(--main-icon-editar); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .notes-eliminar { background-image: var(--main-icon-delete); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .notes_text_header { color: var(--main-white-color); } .notes-icono-flecha-abajo { background-image: url(../img/main/notes/icono_flecha_abajo_white.svg); background-repeat: no-repeat; width: 6pt; height: 6pt; float: right; } .notes-border-botton-white { padding-left: 5px; padding-right: 5px; height: 25px; font-weight: normal; float: left !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--main-white-color); border-bottom-color: var(--main-white-color); } .notes-data { overflow: auto; height: 100%; } /* Works on Chrome/Edge/Safari */ .notes-data::-webkit-scrollbar { width: 18px; height: 18px; } .notes-data::-webkit-scrollbar-corner { background-color: var(--main-blue-color); } .notes-data::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .notes-data::-webkit-scrollbar-thumb { background: var(--main-bg-secondary-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } /*grid dialog*/ @media (min-width: 576px) { #grid-dialog { max-width: 50% !important; } } #grid-dialog { height: 90%; } #grid-content { height: 70%; } .grid-title { height: 60px; } .grid-header { height: 30px; padding-left: 15px; padding-right: 15px; } /**/ .grid-grid { height: calc(100% - 90px); padding: 15px; } .grid-data { overflow: auto; height: 100%; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-blue-color); /*for ie*/ } /* Works on Chrome/Edge/Safari */ .grid-data::-webkit-scrollbar { width: 18px; height: 18px; } .grid-data::-webkit-scrollbar-corner { background-color: var(--main-blue-color); } .grid-data::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .grid-data::-webkit-scrollbar-thumb { background: var(--main-bg-secondary-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } /**/ .grid-panel-buttons { background: var(--main-white-color); border-radius: 11pt; -moz-border-radius: 11pt; -webkit-border-radius: 11pt; height:30px; } .grid-guardar { background-image: url(../img/grid/icono_guardar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .grid-agregar { background-image: var(--main-icon-agregar); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .grid-eliminar { background-image: var(--main-icon-eliminar); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.1 + 0.4vw); height: calc(var(--main-img-height)*1.1 + 0.4vw); } /*download template*/ @media (min-width: 576px) { #download-dialog { max-width: 550px !important; } } #download-content { height: 210px; } .download-text-title { font-size: 14pt; color: var(--main-white-color); color: rgb(255, 255, 255); text-align: center; line-height: 80px; } .download-cerrar { height: 100%; width: 100%; line-height: 84px; text-align: center; } .download-template-dropdown { background: var(--main-white-color); background: var(--main-white-color); border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; opacity:0.9; } .download-button { font-weight: bold; background: var(--main-white-color); background: var(--main-white-color); color: var(--main-blue-color); border-radius: 16pt; -moz-border-radius: 16pt; -webkit-border-radius: 16pt; font-size:14px; } /*Doduments a nd keywords*/ @media (min-width: 576px) { #doc-key-dialog { max-width: 90% !important; } } #doc-key-dialog { height: 90%; } #doc-key-content { height: 100%; } .doc-key-content { background: var(--main-white-color); border-radius: 21pt; -moz-border-radius: 21pt; -webkit-border-radius: 21pt; height: 100%; margin: 0; padding: 10px 10px 10px 10px; } .doc-key-control-content { height: calc(100% - 60px); overflow: auto; scrollbar-color: var(--main-white-color) var(--main-bg-border-bar-color); scrollbar-track-color: var(--main-bg-border-bar-color); scrollbar-face-color: var(--main-white-color); } .doc-key-control-save { /* background-image: url(../img/view/icono_guardar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.9 + 0.5vw); height: calc(var(--main-img-height)*1.9 + 0.5vw);*/ background: var(--main-bg-secondary-blue-color); color: var(--main-white-color); height: 27pt; border-radius: 9pt; -moz-border-radius: 9pt; -webkit-border-radius: 9pt; } .doc-key-control-cerrar { /* background-image: url(../img/view/icono_cerrar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.9 + 0.5vw); height: calc(var(--main-img-height)*1.9 + 0.5vw);*/ background: var(--main-bg-secondary-blue-color); color: var(--main-white-color); height: 27pt; border-radius: 9pt; -moz-border-radius: 9pt; -webkit-border-radius: 9pt; } .doc-key-barra-text { font-family: telegrafregular; padding-left: 30px; font-size: 10pt; color: var(--main-white-color); } .doc-key-barra-actualizar { background-image: url(../img/view/icono_actualizar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.9 + 0.5vw); height: calc(var(--main-img-height)*1.9 + 0.5vw); } .doc-key-barra-image { background-image: url(../img/view/icono_imagen.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.9 + 0.5vw); height: calc(var(--main-img-height)*1.9 + 0.5vw); } .doc-key-barra-nota { background-image: url(../img/view/icono_nota.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.9 + 0.5vw); height: calc(var(--main-img-height)*1.9 + 0.5vw); } .doc-key-content-document { width: 100%; height: calc(100% - 61px); } .doc-key-control-content::-webkit-scrollbar { width: 18px; height: 18px; } .doc-key-control-content::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .doc-key-control-content::-webkit-scrollbar-thumb { background-color: var(--main-bg-white-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } /*scan document*/ @media (min-width: 576px) { #scan-doc-dialog { max-width: 80% !important; } } #scan-doc-dialog { height: 85%; } #scan-doc-content { height: 95%; } .scan-doc-blue-document { height: 100%; width: 100%; background: var(--main-bg-secondary-blue-color); border-radius: 21pt 21pt 0pt 0pt; -moz-border-radius: 21pt 21pt 0pt 0pt; -webkit-border-radius: 21pt 21pt 0pt 0pt; } .scan-doc-white-document { height: 100%; width: 100%; background: var(--main-white-color); border-radius: 21pt 21pt 0pt 0pt; -moz-border-radius: 21pt 21pt 0pt 0pt; -webkit-border-radius: 21pt 21pt 0pt 0pt; } .scan-doc-content { height: calc(100% - 55px); margin: 0; padding: 0px 15px 15px 15px; } .scan-doc-title { height: 55px; line-height: 55px; width: 100%; } .scan-doc-back{ width:55px; float:left; } .scan-doc-back-title { width: calc(100% - 55px); float: left; } .scan-doc-flecha-regreso { background-image: url(../img/main/scan/flecha_regreso.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.8 + 0.4vw); height: calc(var(--main-img-height)*1.8 + 0.4vw); } .scan-doc-text { font-weight: bold; font-size: 12pt; text-transform: uppercase; color: var(--main-white-color); } .scan-doc-properties-options { width: 100%; height: 40%; padding: 0px; } .scan-doc-properties-tools { width: 100%; height: 25%; padding: 0px; } .scan-doc-properties-preview { width: 100%; height: 35%; padding: 0px; } .scan-doc-properties-title { width: 100%; height: 25%; color: #EA5433; padding-left: 30px; display: table; } .scan-doc-child-title { display: table-cell; vertical-align: middle } .scan-doc-properties-content { width: 100%; height: 75%; } .scan-doc-properties-selection-dpi { border-style: Solid; border-width: 1pt; border-color: var(--main-blue-color); color: var(--main-blue-color); height: 15pt; border-radius: 2pt; -moz-border-radius: 2pt; -webkit-border-radius: 2pt; display: block; margin: auto; padding: 0; } .scan-doc-properties-selection-scan { border-style: Solid; border-width: 1pt; border-color: var(--main-blue-color); color: var(--main-blue-color); height: 15pt; border-radius: 2pt; -moz-border-radius: 2pt; -webkit-border-radius: 2pt; display: block; margin: auto; padding: 0; } .scan-doc-cuadro-gris-scan { background-color: var(--main-bg-secondary-blue-color); color: var(--main-white-color); width: 50pt; height: 17pt; border-radius: 9pt; -moz-border-radius: 9pt; -webkit-border-radius: 9pt; } .scan-doc-properties-button { height: 100%; width: 20%; } .scan-doc-girar-derecha { background-image: var(--scan-icon-rotate-right); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-doc-girar-izquierda { background-image: var(--scan-icon-rotate-left); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-doc-flip { background-image: var(--scan-icon-rotate-flip); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-doc-mirror { background-image: var(--scan-icon-rotate-mirror); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-doc-edit { background-image: url(../img/main/scan/icon_edite_image.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-doc-first { background-image: var(--scan-icon-first); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-doc-previous { background-image: var(--scan-icon-previous); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-doc-next { background-image: var(--scan-icon-next); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-doc-last { background-image: var(--scan-icon-last); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-doc-remove-select { background-image: var(--scan-icon-remove); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-erase-black_border { background-image: var(--scan-icon-erase); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-auto-deskew { background-image: var(--scan-icon-deskew); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-auto-deskew { background-image: var(--scan-icon-deskew); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-hole-removel { background-image: var(--scan-icon-hole-removel); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-negative { background-image: var(--scan-icon-negative); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-despeckle { background-image: var(--scan-icon-despeckle); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.7vw); height: calc(var(--main-img-height)*1.2 + 0.7vw); } .scan-doc-preview-upload { height: 33%; } .scan-doc-upload-cancel { background: var(--main-bg-secondary-blue-color); color: var(--main-white-color); height: 27pt; border-radius: 9pt; -moz-border-radius: 9pt; -webkit-border-radius: 9pt; } .scan-doc-twain-noavailable { overflow-wrap: break-word; padding: 10px; color: var(--main-blue-color); font-size: calc(1rem + 0.2vw); font-family: telegrafultralight; } /*account*/ @media (min-width: 576px) { #account-dialog { max-width: 70% !important; } } #account-dialog{ height:90%; } #account-content { height: 90%; } .account-white-document { height: 100%; width: 100%; background: var(--main-white-color); border-radius: 21pt; -moz-border-radius: 21pt; -webkit-border-radius: 21pt; } .account-navigation { height: 60px; line-height:60px; width: 100%; color: var(--main-blue-color); } .account-navigation-button { width: 60px; height: 100%; display: -webkit-flex !important; display: flex !important; align-items: center; float: left; } .account-navigation-title { width: calc(100% - 60px); float: left; font-size: calc(1rem + 0.8vw); } .account-flecha-regreso { background-image: var(--main-icon-flecha-regreso); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.8 + 0.4vw); height: calc(var(--main-img-height)*1.8 + 0.4vw); } .account-panels { height: calc(100% - 60px); width: 100%; float: left; padding: 10px; } .account-panel { height: 50%; width: 50%; float: left; padding: 10px; } .account-blue-panel { height: 100%; width: 100%; background: var(--main-bg-secondary-blue-color); border-radius: 19pt 21pt 19pt 19pt; -moz-border-radius: 19pt 21pt 19pt 19pt; -webkit-border-radius: 19pt 21pt 19pt 19pt; } .account-panel-title { height: 25%; width: 100%; padding-left: 40px; font-size: calc(1rem + 0.3vw); color: var(--main-white-color); color: rgb(255, 255, 255); } .account-panel-content { height: 50%; width: 100%; color: var(--main-white-color); color: rgb(255, 255, 255); padding-left: 20px; padding-right: 20px; } .account-background { background: var(--main-white-color); background: var(--main-white-color); opacity: 0.9; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90); } .account-panel-options { height: 25%; width: 100%; text-align: center; } .account-button { color: var(--main-blue-color); font-size: calc(0.6rem + 0.3vw); font-weight: bold; padding: 0; height: 25px; } .account-text-color { color: var(--main-blue-color); padding-left: 10px !important; } /*Update EForm*/ @media (min-width: 576px) { #update-form-dialog { max-width: 70% !important; height: 90%; } } #update-form-content { height: 90%; } .update-form-content { background: var(--main-white-color); background: var(--main-white-color); border-radius: 21pt; -moz-border-radius: 21pt; -webkit-border-radius: 21pt; height: 100%; margin: 0; padding: 10px 10px 10px 10px; } .update-form-barra-document { background: var(--main-bg-secondary-blue-color); height: 61px; line-height:61px; padding-right:30px; border-radius: 21pt 21pt 0pt 0pt; -moz-border-radius: 21pt 21pt 0pt 0pt; -webkit-border-radius: 21pt 21pt 0pt 0pt; } .update-form-content-document { width: 100%; height: calc(100% - 61px); } .update-form-barra-text { font-family: telegrafregular; font-size: 10pt; color: var(--main-white-color); } .update-form-control-save { background-image: url(../img/main/update-eform/icono_guardar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1 + 0.5vw); height: calc(var(--main-img-height)*1 + 0.5vw); } .update-form-control-cerrar { background-image: url(../img/main/update-eform/icono_cerrar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1 + 0.5vw); height: calc(var(--main-img-height)*1 + 0.5vw); } /*Append to file*/ .appendto-file-search { background-image: url(../img/main/search/icono_lupa.svg); background-repeat: no-repeat; width: 20pt; height: 20pt; } .append-to-file-table { color: var(--main-font-color-current) } /*Audit*/ @media (min-width: 576px) { #audit-dialog { max-width: 60% !important; } } #audit-dialog { height:90%; } #audit-content { height: 70%; } .audit-grid { height: calc(100% - 60px); padding: 20px 20px 20px 20px; } .audit-title { height: 60px; line-height:60px; } .audit-data { overflow: auto; height: 100%; } /* Works on Chrome/Edge/Safari */ .audit-data::-webkit-scrollbar { width: 18px; height: 18px; } .audit-data::-webkit-scrollbar-corner { background-color: var(--main-blue-color); } .audit-data::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .audit-data::-webkit-scrollbar-thumb { background: var(--main-bg-secondary-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } .audit_text_header { color: var(--main-white-color); color: var(--main-white-color); } .audit-icono-flecha-abajo { background-image: url(../img/main/notes/icono_flecha_abajo_white.svg); background-repeat: no-repeat; width: 6pt; height: 6pt; float: right; } .audit-border-botton-white { padding-left: 5px; padding-right: 5px; height: 25px; font-size: 10pt; font-weight: normal; float: left !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--main-white-color); border-bottom-color: var(--main-white-color); } .audit-background-content { background: var(--main-bg-secondary-blue-color); font-family: telegrafultralight; padding-left:5px; padding-right:5px; white-space:nowrap; } /*workflow*/ @media (min-width: 576px) { #workflow-dialog { max-width: 40% !important; } } #workflow-dialog { height:90%; } #workflow-content { height: 70%; } .workflow-title { height:8vh; } .workflow-panel-id { height:8vh; } .workflow-panel-document { height:14.5vh; } .workflow-panel-commands { height: 49vh; } .workflow_buttons { background: var(--main-white-color); background: var(--main-white-color); opacity: 0.9; height:25px; border: 0; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90); color: var(--main-blue-color); padding: 0; font-weight: bold; } .workflow-commands-title { line-height: 5.5vh; padding-left: 34px; height: 5.5vh; } .workflow-commands-table { height: 100%; padding: 0px 20px 20px 20px; } .workflow-commands-grid { background: var(--main-white-color); opacity: 0.9; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90); padding: 15px 15px 15px 15px; white-space: nowrap; font-weight: normal; color: var(--main-blue-color); } .workflow-commands-data { overflow: auto; height: 100%; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-blue-color); /*for ie*/ } .workflow-commands-data::-webkit-scrollbar { width: 18px; height: 18px; } .workflow-commands-data::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .workflow-commands-data::-webkit-scrollbar-thumb { background-color: var(--main-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } .workflow-border-bottom { padding-left: 5px; padding-right: 5px; height: 25px; float: left !important; border-bottom-width: 1px; border-bottom-style: solid; font-size:9pt; } .workflow-icono-flecha-abajo { background-image: url(../img/main/grid/icono_flecha.svg); background-repeat: no-repeat; width: 6pt; height: 6pt; float: right; } .background-content-nowrap { padding-left: 5px; padding-right: 5px; white-space: nowrap; font-weight: normal; } .workflow-id { border-style: Solid; border-color: var(--main-white-color); border-width: 1pt; opacity: 0.5; border-radius: 6pt; -moz-border-radius: 6pt; -webkit-border-radius: 6pt; filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50); background: var(--main-bg-secondary-blue-color); color: var(--main-white-color); color: rgb(255, 255, 255); } .workflow-command-result { height: 80%; margin-top: 9.5%; } /*View History*/ .history-visor { background-image: url(../img/main/visor/visor.svg); background-repeat: no-repeat; width: 15pt; height: 15pt; } .history-panel-buttons { background: var(--main-white-color); width: 107pt; height: 30px; border-radius: 11pt; -moz-border-radius: 11pt; -webkit-border-radius: 11pt; } .history-buttons { height:45px; width:45px; } /*Hitory workflow*/ @media (min-width: 576px) { #workflow-history-dialog { /*max-width: 850px !important;*/ max-width: 60% !important; } } #workflow-history-dialog { /*max-width: 850px !important;*/ height:90%; } #workflow-history-content { height: 75%; font-weight: normal; /* font-size:10pt;*/ } .workflow-history-content { height:calc(100% - 60px); } .workflow-history-title { height: 60px; } .workflow-history-controls { /*height: 175px;*/ height: 140px; } .workflow-history-grid { /*height: 415px;*/ height: calc(100% - 140px); } #nav-worflow > li > a.active, #nav-worflow > li > a.active:focus, #nav-worflow > li > a.active:hover { text-decoration: none; padding: 10px 15px; line-height: 1.42857143; border-radius: 4px 4px 0 0; color: var(--main-white-color); cursor: default; border: 1px solid #ddd; border-bottom-color: var(--main-blue-color); margin-bottom: -1px; } #nav-worflow > li > a, #nav-worflow > li > a:focus, #nav-worflow > li > a:hover { text-decoration: none; padding: 10px 15px; line-height: 1.42857143; border-radius: 4px 4px 0 0; color: var(--main-white-color); /*font-size: 12pt;*/ display: block; } .workflow-history-tabs { height: calc(100% - 44px); } #current-workflow { height: 100%; padding: 20px 20px 20px 20px; } #past-workflow { height: 100%; padding: 20px 20px 20px 20px; } .current-workflow-data { height: 100%; overflow: auto; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-blue-color); /*for ie*/ } /* Works on Chrome/Edge/Safari */ .current-workflow-data::-webkit-scrollbar { width: 18px; height: 18px; } .current-workflow-data::-webkit-scrollbar-corner { background-color: var(--main-blue-color); } .current-workflow-data::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .current-workflow-data::-webkit-scrollbar-thumb { background: var(--main-bg-secondary-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } .workflow-history_text_header { color: var(--main-white-color); } .item-control{ /*padding:0;*/ min-height:20px; } .workflow-history-border-botton-white { padding-left: 5px; padding-right: 5px; height: 25px; /* font-size: 9pt;*/ font-weight: normal; float: left !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--main-white-color); } /*Linked documents*/ .link-doc-header { height: 35px; padding-left: 20px; padding-right: 20px; } .link-doc-grid { height: calc(100% - 95px); padding: 0px 20px 20px 20px; /**/ } .link-doc-data { height: 100%; background: var(--main-white-color); opacity: 0.9; border-radius: 12pt; -moz-border-radius: 12pt; -webkit-border-radius: 12pt; filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90); font-weight: normal; color: var(--main-blue-color); text-align: center; padding: 15px; height:100%; } .link-doc-table { position: absolute; width: calc(100% - 70px); height: calc(100% - 50px); overflow: auto; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-blue-color); /*for ie*/ } /* Works on Chrome/Edge/Safari */ .link-doc-table::-webkit-scrollbar { width: 18px; height: 18px; } /*.link-doc-table::-webkit-scrollbar-corner { background-color: var(--main-bg-secondary-blue-color); }*/ .link-doc-table::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .link-doc-table::-webkit-scrollbar-thumb { background: var(--main-bg-secondary-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } /*See document*/ @media (min-width: 576px) { #see-doc-dialog { max-width: 80% !important; height:90%; } } #see-doc-content { height: 100%; } .see-doc-content-document { width: 100%; height: calc(100% - 61px); overflow:hidden; } /*history version*/ @media (min-width: 576px) { #history-version-dialog { max-width: 55% !important; } } #history-version-dialog{ height:90%; } .history-version-see { background-image: var(--main-icon-visor); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .history-version-export { background-image: url(../img/main/version/icon_download.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } /*queries*/ @media (min-width: 576px) { #queries-dialog { max-width: 50% !important; } } #queries-dialog { height:90%; } #queries-content { height: 70%; } .queries-grid { height: calc(100% - 90px); padding: 20px 20px 20px 20px; } .queries-execute { background-image: var(--main-icon-execute); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .queries-eliminar { background-image: var(--main-icon-eliminar-blue); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } .queries-clear-all { background-image: var(--main-icon-clear-blue); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.4vw); height: calc(var(--main-img-height)*1.2 + 0.4vw); } /*2fa*/ @media (min-width: 576px) { #two-factor-dialog { max-width: 40% !important; } } #two-factor-dialog { height: 90% !important; } #two-factor-content { height: 70%; } .two-factor-content { height: calc(100% - 60px); } .two-factor-title { height: 60px; color: var(--main-blue-color); /**/ font-size: calc(1rem + 0.8vw); display: -webkit-flex !important; display: flex !important; align-items: center; justify-content: center; text-align: center; } .two-factor-cerrar { background-image: url(../img/view/icono_cerrar.svg); background-repeat: no-repeat; width: calc(var(--main-img-width) + 0.4vw); height: calc(var(--main-img-height) + 0.4vw); } .two-factor-button { background: var(--main-bg-secondary-blue-color); color: var(--main-white-color); color: rgb(255, 255, 255); border-radius: 9pt; -moz-border-radius: 9pt; -webkit-border-radius: 9pt; } /*enable 2fa*/ @media (min-width: 576px) { #enable-auth-dialog { max-width: 50% !important; } } #enable-auth-dialog{ height:90%; } #enable-auth-content { height: 70%; } .enable-auth-content { height: calc(100% - 60px); } .two-factor-option{ height:40px; } .qr-content { margin-bottom: 1rem } .text-account-control { height: 25px; } @media (min-width: 576px) { #generate-revovery-codes-dialog { max-width: 50% !important; } } #generate-revovery-codes-dialog { height: 90%; } #generate-revovery-codes-content { height: 70%; } @media (min-width: 576px) { #show-revovery-code-dialog { max-width: 50% !important; } } #show-revovery-code-dialog { height: 90%; } #show-revovery-code-content { height: 70%; } .show-revovery-code-content { height: calc(100% - 60px); font-size: calc(1rem + 0.2vw); } /*Preview to append*/ .preview-append-grid { background: var(--main-white-color); height: 100%; margin: 0; padding: 10px 10px 10px 10px; } .preview-append-pages { height: 100%; overflow: auto; scrollbar-color: var(--main-buttom-scroll-current) var(--main-bg-border-bar-color); /*for firefox*/ scrollbar-track-color: var(--main-bg-border-bar-color); /*for ie*/ scrollbar-face-color: var(--main-buttom-scroll-current); /*for ie*/ } .preview-append-pages::-webkit-scrollbar { width: 18px; height: 18px; } .preview-append-pages::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .preview-append-pages::-webkit-scrollbar-thumb { background-color: var(--main-buttom-scroll-current); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } .preview-append-pages::-webkit-scrollbar-corner { background-color: var(--main-buttom-scroll-current); } .preview-append-grid thead tr { border-bottom: 1px solid var(--main-border-color-current) !important; } /*Change type page*/ .change-type-type { height:50px; width:100%; padding:0px; padding-left:5px !important; } .change-type-controls { width: 100%; height: calc(100% - 110px); padding-left: 5px; padding-right: 5px; padding-top: 5px; overflow: auto; scrollbar-color: var(--main-blue-color) var(--main-bg-border-bar-color); scrollbar-track-color: var(--main-bg-border-bar-color); scrollbar-face-color: var(--main-blue-color); } /* Works on Chrome/Edge/Safari */ .change-type-controls::-webkit-scrollbar { width: 18px; height: 18px; } .change-type-controls::-webkit-scrollbar-track { background: var(--main-bg-border-bar-color); border-radius: 18px; background-size: 100%; } .change-type-controls::-webkit-scrollbar-thumb { background: var(--main-bg-secondary-blue-color); border-radius: 18px; border: 2px solid var(--main-bg-border-bar-color); } /*Advanced Query*/ .advanced-query-grid { height: calc(100% - 90px); padding: 0px 20px 20px 20px; } .advanced-query-text { float:left; color: var(--main-white-color); min-width: max-content; } .advanced-query-search { background: var(--main-white-color); border-radius: 5pt; -moz-border-radius: 5pt; -webkit-border-radius: 5pt; box-shadow: 2.83pt 2.83pt 5pt rgba(29, 29, 27, 0.4); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2.83, OffY=2.83, Color='#1D1D1B'); height:22px; } .advanced-query-btn-search { width: 22px; height: 22px; padding:0; } .advanced-query-text-search { font-family: telegrafregular; font-size: var(--main-text-font-size-10); color: var(--main-blue-color); border: 0px; outline: none; height: 22px; padding: 2px; width:calc(100% - 22px); } .advanced-query-text-search:focus { outline: none; border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } .advanced-query-text-search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--main-blue-color); text-align: left; } .advanced-query-text-search::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--main-blue-color); text-align: left; } .advanced-query-text-search::-ms-input-placeholder { /* Microsoft Edge */ color: var(--main-blue-color); text-align: left; } /*for large size*/ @media screen and (max-width: 1100px) { #account-dialog { max-width: 80% !important; } #history-version-dialog { max-width: 75% !important; } #upload-dialog { max-width: 95% !important; } #doc-key-dialog { max-width: 95% !important; } #workflow-dialog { max-width: 60% !important; } #workflow-history-dialog { max-width: 70% !important; } #update-dialog { max-width: 60% !important; } #advanced-dialog { max-width: 60% !important; } #export-dialog { max-width: 60% !important; } #email-dialog { max-width: 60% !important; } #notes-dialog { max-width: 75% !important; } #note-text-dialog { max-width: 75% !important; } #grid-dialog { max-width: 60% !important; } #queries-dialog { max-width: 60% !important; } #dynamic-dialog { max-width: 60% !important; } #form-dialog { max-width: 50% !important; } #update-form-dialog { max-width: 80% !important; } #audit-dialog { max-width: 70% !important; } #two-factor-dialog { max-width: 60% !important; } #show-revovery-code-dialog { max-width: 60% !important; } #generate-revovery-codes-dialog { max-width: 60% !important; } .barra_lateral_azul { padding:5px; } } /*for intermediate size*/ @media screen and (max-width: 990px) { #account-dialog { max-width: 90% !important; } #advanced-dialog { max-width: 70% !important; } #workflow-dialog { max-width: 70% !important; } #workflow-history-dialog { max-width: 80% !important; } #update-dialog { max-width: 70% !important; } #export-dialog { max-width: 70% !important; } #email-dialog { max-width: 70% !important; } #notes-dialog { max-width: 85% !important; } #note-text-dialog { max-width: 85% !important; } #grid-dialog { max-width: 70% !important; } #queries-dialog { max-width: 70% !important; } #dynamic-dialog { max-width: 70% !important; } #form-dialog { max-width: 60% !important; } #update-form-dialog { max-width: 90% !important; } #audit-dialog { max-width: 80% !important; } #history-version-dialog { max-width: 85% !important; } #two-factor-dialog { max-width: 70% !important; } #show-revovery-code-dialog { max-width: 70% !important; } #generate-revovery-codes-dialog { max-width: 70% !important; } .actions-bar-box { padding-left: 2px !important; } .wh-bar-box { padding-left: 2px !important; } .group-box-options { padding: 0 !important; } .group-box-search { padding-left:2px !important; padding-right:2px !important; } .preview-title { padding-left:5px; } } /*for minor size*/ @media screen and (max-width: 600px) { #account-dialog { max-width: 95% !important; } #upload-dialog { max-width: 90% !important; } #workflow-dialog { max-width: 80% !important; } #workflow-history-dialog { max-width: 90% !important; } #update-dialog { max-width: 80% !important; } #export-dialog { max-width: 80% !important; } #email-dialog { max-width: 80% !important; } #notes-dialog { max-width: 95% !important; } #note-text-dialog { max-width: 95% !important; } #grid-dialog { max-width: 80% !important; } #queries-dialog { max-width: 80% !important; } #dynamic-dialog { max-width: 80% !important; } #form-dialog { max-width: 70% !important; } #audit-dialog { max-width: 90% !important; } #history-version-dialog { max-width: 95% !important; } #advanced-dialog { max-width: 80% !important; } #two-factor-dialog { max-width: 80% !important; } #show-revovery-code-dialog { max-width: 80% !important; } #generate-revovery-codes-dialog { max-width: 80% !important; } } /*context menu*/ .option_cuadro_menu { background: var(--main-bg-secondary-blue-color) !important; width: 212pt; } .option_item { padding: 0px !important; } .option_download { background-image: url(../img/main/options/icon_download.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_compress { background-image: url(../img/main/options/icon_compress.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_upload { background-image: url(../img/main/options/icon_upload.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_change { background-image: url(../img/main/options/icon_change.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_import { background-image: url(../img/main/options/icon_import.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_keyword { background-image: url(../img/main/options/icon_keywords.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_export_keyword { background-image: url(../img/main/options/icon_export_keywords.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_email { background-image: url(../img/main/options/icon_email.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_notes { background-image: url(../img/main/options/icon_note.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_dynamic_folder { background-image: url(../img/main/options/icon_dynamic_folder.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_update_forms { background-image: url(../img/main/options/icon_update.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_appened_select { background-image: url(../img/main/options/icon_appened.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_common_keyword { background-image: url(../img/main/options/icon_common_keywords.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_document_package { background-image: url(../img/main/options/icon_download.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_download_template { background-image: url(../img/main/options/icon_download_template.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_document_workflow { background-image: url(../img/main/options/icon_workflow.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_asigned_action { background-image: url(../img/main/options/icon_assignemets.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_audit { background-image: url(../img/main/options/icon_audit.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_history_version { background-image: url(../img/main/options/icon_historial.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_document { background-image: url(../img/main/options/icon_documents.svg); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_sort_asc { background-image: url(../img/tmp/sort_ascending.png); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_sort_des { background-image: url(../img/tmp/sort_descending.png); background-repeat: no-repeat; width: 14pt; height: 14pt; } .option_text { font-family: telegrafultralight; font-size: 10pt; color: #FFFFFF; color: rgb(255, 255, 255); white-space:normal; } .blazor-context-menu__item--default:hover { color: #EA5433 !important; } .blazor-context-menu__list { padding-top: 5px; padding-bottom: 5px; } .twofa-content { color: var(--main-white-color); font-size: calc(1rem + 0.2vw); } /*Multi select*/ .multiselect-box { border: 1px solid #ced4da; min-height: 20px; border-radius: .25rem; } .multiselect-text { border: none; min-height: 18px; width: calc(100% - 20px); } .multiselect-button { border: none; width: 20px; /* height: 19px;*/ padding: 0; } .left-2-negative { left: -2px !important; } .left-11-negative { left: -11px !important; } .left-3 { left: 3px !important; } .left-25-por { left: 25%; } .left-33-por { left: 33%; } .dropdown-toggle::after { /*margin-left: 0.5em !important;*/ vertical-align: 0.0em !important; } .multiselect-item { float: left; margin: 1px; border: 1px solid #ced4da; border-radius: .25rem; height: 16px; color: #656565; background-color: #f6f6f6; background-image: linear-gradient(#f6f6f6, #f1f1f1); } .multiselect-sub-item { float: left; padding-left: 2px; font-size: calc(0.7rem + 0.2vw); } .multiselect-sub-button { float: left; padding-left: 6px !important; padding-right: 6px !important; margin-top: -3px; font-size: 1.7rem; } .color-black { color:black; } .white-color { color: var(--main-white-color) !important; } .icono-no-flag { background-image: url(../img/main/search/flags/no_flag_16.png); background-repeat: no-repeat; width: 14pt; height: 14pt; } .icono-green-flag { background-image: url(../img/main/search/flags/green_flag_16.png); background-repeat: no-repeat; width: 14pt; height: 14pt; } .icono-blue-flag { background-image: url(../img/main/search/flags/blue_flag_16.png); background-repeat: no-repeat; width: 14pt; height: 14pt; } .icono-orange-flag { background-image: url(../img/main/search/flags/yellow_flag_16.png); background-repeat: no-repeat; width: 14pt; height: 14pt; } .icono-red-flag { background-image: url(../img/main/search/flags/red_flag_16.png); background-repeat: no-repeat; width: 14pt; height: 14pt; } .dropdown-item:hover { background-color: #007bff; } .multiselect-item-custom { float: left; margin: 1px; /* border: 1px solid #ced4da;*/ border-radius: .25rem; height: 16px; color: white; } .multiselect-sub-button-custom { float: left; padding-left: 6px !important; padding-right: 6px !important; margin-top: -3px; font-size: 1.7rem; color:white; } .search-icono_bandera { background-image: url(../img/main/grid/icono_bandera_white.svg); background-repeat: no-repeat; width: 12pt; height: 12pt; margin-left:45%; } .icono-none-status { background-image: url(../img/main/search/status/status_none_16.png); background-repeat: no-repeat; width: 14pt; height: 14pt; } .icono-open-status { background-image: url(../img/main/search/status/status_open_16.png); background-repeat: no-repeat; width: 14pt; height: 14pt; } .icono-close-status { background-image: url(../img/main/search/status/status_closed_16.png); background-repeat: no-repeat; width: 14pt; height: 14pt; } .search-icono_foco { background-image: url(../img/main/grid/icono_foco_white.svg); background-repeat: no-repeat; width: 12pt; height: 12pt; margin-left: 45%; } .item-selected { border-bottom: 1px solid rgba(234, 84, 51, 1); width: max-content; } .item-selected-color { color: rgba(234, 84, 51, 1) !important; border-color: rgba(234, 84, 51, 1); } /*Upload Import file from other document*/ .upload-file-added { width: 100%; height: 50%; padding-left: 15px; padding-right: 15px; } .upload-file-more { width: 100%; height: 50%; padding-left:15px !important; padding-right:15px !important; } /*Visor*/ .div_exterior { float: left; border-radius: 2px; border: 1px solid transparent; padding: 9px; cursor: pointer; width: 28px; height: 28px; margin: 12px; fill: rgb(100, 100, 100); background-color: transparent; background-image: none; margin: 10px !important; padding: 10px !important; } .div_exterior:hover { float: left; border-radius: 2px; border: 1px solid transparent; padding: 9px; cursor: pointer; width: 28px; height: 28px; margin: 12px; fill: rgb(100, 100, 100); background-color: transparent; background-image: none; margin: 10px !important; padding: 10px !important; border-color: rgb(220, 220, 200); } /*Authentication*/ .input-authentication { border-style: Solid; border-color: #F0F0F2; border-width: 1pt; border-radius: 10pt; -moz-border-radius: 10pt; -webkit-border-radius: 10pt; background: var(--main-bg-control-blue-color); color: var(--main-white-color); filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30); } .authentication-exit { background-image: url(../img/main/icono_cerrar_blue.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.2vw); height: calc(var(--main-img-height)*1.2 + 0.2vw); } .authentication-validate { background-image: url(../img/main/flecha_blue.svg); background-repeat: no-repeat; width: calc(var(--main-img-width)*1.2 + 0.2vw); height: calc(var(--main-img-height)*1.2 + 0.2vw); } .noselect-text { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .loading-panel { height: 100%; opacity: 0.5; background-color: white; border-bottom-left-radius: 12pt; border-top-left-radius: 12pt; -moz-border-bottom-left-radius: 12pt; -moz-border-top-left-radius: 12pt; -webkit-border-bottom-left-radius: 12pt; -webkit-border-top-left-radius: 12pt; } .loading-text { color: #EA5433; font-size: calc(1rem + 0.2vw); font-weight:bold; text-align:center; } .index-content { height: 100%; margin: 0; width: 100%; } .index-type { height: 50px; width: 100%; padding: 0px; padding-left: 5px !important; } .index-controls { height: calc(100% - 50px); width: 100%; padding: 0px; padding-left: 5px !important; } .index-document { width: 100%; height: 100%; background: var(--app-bg-gray-color) } .index-content-options { height: calc(100% - 60px); width: 100%; } .append-to-file-upload-box { width: 50%; min-width: 315px; margin-left: auto; margin-right: auto; position: relative; top: 45%; } .append-loading-panel { height: 100%; opacity: 0.5; background-color: white; border-radius: 21pt !important; -moz-border-radius: 21pt !important; -webkit-border-radius: 21pt !important; border: none !important; } .configure2fa-body { height: calc(100% - 112px); color: var(--main-white-color); } .configure2fa-title { height: 60px; color: var(--main-white-color); font-size: calc(1rem + 0.8vw); display: -webkit-flex !important; display: flex !important; align-items: center; justify-content: center; text-align: center; } .Estilodecarcternormal { font-family: 'telegrafregular'; src: url('font/Telegraf_Regular_400.otf') format('opentype'); font-size : 13pt; color : #FFFFFF; color : rgb(255, 255, 255); margin-left: 10px; } .circulo_blanco { background : #FFFFFF; color: #314293; background : rgba(255, 255, 255, 1); position : absolute ; left : 229pt; top : 226pt; width : 18pt; height : 18pt; border-radius: 20px; } .Estilodecarcternormalbold { font-family: 'telegrafregular'; src: url('font/Telegraf_Regular_400.otf') format('opentype'); font-size : 13pt; font-weight: bold; color : #FFFFFF; color : rgb(255, 255, 255); margin-left: 10px; } #compania::placeholder { color:white; } #responsable::placeholder { color:white; } #email::placeholder { color:white; } #con_email::placeholder { color:white; } #usuario_empresa::placeholder { color:white; } #password_empresa::placeholder { color:white; } #cpassword_empresa::placeholder { color:white; } #monto::placeholder { color:white; } #costo::placeholder { color:white; } #inputEmail::placeholder { color:white; } #inputPassword::placeholder { color:white; }