.lds-dual-ring { display: inline-block; width: 20px; height: 20px; } .lds-dual-ring:after { content: " "; display: block; width: 20px; height: 20px; margin: 2px; border-radius: 50%; border: 2px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .cbp_tmtimeline { margin: 30px 20px 0 20px; padding: 0; list-style: none; position: relative; } /* The line */ .cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #afdcf8; left: 20%; margin-left: -10px; } /* The date/time */ .cbp_tmtimeline > li .cbp_tmtime { display: block; padding-right: 100px; position: absolute; } .cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; } .cbp_tmtimeline > li .cbp_tmtime span:first-child { color: #bdd0db; } .cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.2em; color: #3594cb; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: #6cbfee; } /* Right content */ .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 25%; background: #3594cb; color: #fff; padding: 1em; font-size: 1em; font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { background: #0D689C; } .cbp_tmtimeline > li .cbp_tmlabel h5 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255,255,255,0.4); } /* The triangle */ .cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #3594cb; border-width: 10px; top: 10px; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: #0D689C; } /* The icons */ .cbp_tmtimeline > li .cbp_tmicon { width: 25px; height: 25px; /*font-family: 'ecoico';*/ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #03A9F4; border-radius: 50%; box-shadow: 0 0 0 8px #afdcf8; text-align: center; left: 21%; margin: 7px 0 0 -25px; } .cbp_tmicon-phone:before { content: "\e000"; } .cbp_tmicon-screen:before { content: "\e001"; } .cbp_tmicon-mail:before { content: "\e002"; } .cbp_tmicon-earth:before { content: "\e003"; } /* Example Media Queries */ @media screen and (max-width: 65.375em) { .cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.2em; } } @media screen and (max-width: 47.2em) { .cbp_tmtimeline:before { display: none; } .cbp_tmtimeline > li .cbp_tmtime { width: 100%; position: relative; padding: 0 0 20px 0; } .cbp_tmtimeline > li .cbp_tmtime span { text-align: left; } .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 30px 0; padding: 1em; font-weight: 400; font-size: 95%; } .cbp_tmtimeline > li .cbp_tmlabel:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #3594cb; top: -20px; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: transparent; border-bottom-color: #6cbfee; } .cbp_tmtimeline > li .cbp_tmicon { position: relative; float: right; left: auto; margin: -55px 5px 0 0px; } } .event-description{ background-color: #1277B1; margin: 5px; padding: 10px; color: #fff; display: block; border-radius: 5px; } /* Created on : Jan 22, 2016, 8:16:36 PM Author : doniphan */ body { font-size: 12px; color: #6f6e6e; } .departamento { font-size: 2.5rem; font-weight: 700; } .actualiz { color: #103759; } .row-nomargin { margin-bottom: 0px !important; } .datos { color: #333333 !important; /*margin: 0 auto;*/ } .datos_tbl_detalles { font-size: 1.5rem !important; width: 98%; } @media (min-width: 481px) { .datos_tbl_detalles { margin-top: 2rem; } } .mas-detalles h4, .mas-detalles h5 { font-size: 1.5rem; } @media (max-width:480px) { .mas-detalles h4, .mas-detalles h5 { font-size: 1.5rem; } } .datos td { padding: 0px; width: 50%; } .datos tr { line-height: 1; } .datos td:nth-child(even) { font-weight: 600; font-size: 1.5rem; text-align: left; } .datos td:nth-child(odd) { font-weight: 300; font-size: 1.5rem; text-align: right; padding-right: 5px; } .datos_tbl_detalles_abajo { color: #333333 !important; } .datos_tbl_detalles_abajo { font-size: 1rem !important; width: 98%; margin: 0 auto; } @media (min-width: 481px) { .datos_tbl_detalles_abajo { margin-top: 2rem; } } .datos_tbl_detalles_abajo td { padding: 0px; } .datos_tbl_detalles_abajo tr { line-height: 1; } .datos_tbl_detalles_abajo td:nth-child(even) { font-weight: 600; font-size: 1.3rem; text-align: left; width: 65%; } .paragraph { font-weight: 200; font-size: 1.2rem; } .datos_tbl_detalles_abajo td:nth-child(odd) { font-weight: 300; font-size: 1.3rem; text-align: left; padding-right: 5px; text-align: right; width: 35%; } .descripcion { background-color: #fff; padding: 0.5rem; border: 1px solid #eee; border-radius: 6px; margin-bottom: 1rem !important; margin-top: 1rem !important; min-height: 10rem; max-height: 10rem; overflow: auto; white-space: pre-wrap; } .descripcion-con-edit-container{ padding: 10px !important; } .descripcion-con-edit{ white-space: pre-wrap; color: #3e3e3e; font-size: 18px !important; } .descripcion-con-edit-container:hover{ padding: 10px !important; cursor: text; border: 1px dashed #1ac604; } .nombre-grupo-con-edit-container{ padding: 3px !important; } .nombre-grupo-con-edit{ white-space: pre-wrap; } .nombre-grupo-con-edit-container:hover{ padding: 3px !important; cursor: text; border: 1px dashed #bdbdbd !important; } .descripcion-modal { background-color: #fff; padding: 0.5rem; border: 1px solid #eee; border-radius: 6px; margin-bottom: 0.5rem !important; max-height: 10rem; overflow: auto; white-space: pre-wrap; } .titulo-desc { font-weight: 300; font-size: 1.5rem; font-style: italic; } hr { width: 75%; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0)); } .label { color: #333333; font-weight: 300; font-size: 1.2rem; } .dato1 { color: #333333; font-weight: 600; font-size: 1.5rem; white-space: normal; } .dato2 { color: #333333; font-weight: 400; font-size: 1.5rem; white-space: normal; } .edit_icon { cursor: pointer; } .inline_button { display: inline-block; text-align: center; cursor: pointer; background-color: transparent; box-sizing: border-box; padding: 2px 6px 3px; border-width: 0px; border-style: none; } .inline-block{ display: inline-block; } .titulo-dept { font-size: 1.2rem; color: #1c1c1c; text-align: center; } .dept-cell { background-color: #fff; border: 1px #9A9A9A solid; border-radius: 5px; padding: 0px 5px 10px 5px!important; margin: 0.2rem; min-height: 200px; width: 100%; overflow: hidden; min-height: 450px; } .dept-name { font-weight: 400; text-align: center; padding: 3px; color: #fff !important; font-size: 1.5rem; background-color: #3c8dbc; } .dept-estado { font-weight: 400; } .dept-cell span { font-weight: 600; } .dept-cell strong { font-weight: 600; } .calendar { min-height: 8rem; background-color: #3c8dbc; border-radius: 5px; width: 100%; margin: 0 auto; font-weight: 400; padding: 1rem 0px; } .calendar-yet { min-height: 8rem; background-color: #f39c12; border-radius: 5px; width: 100%; margin: 0 auto; font-weight: 400; padding: 1rem 0.5rem; } .arrow-line { border-top: 2px solid #3594CB; height: 2px; width: 70%; left: 78px; top: -64px; position: relative; display: inline-block; z-index: 1; } .arrow-right { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #3594CB; position: relative; left: 168px; top: -82px; } @media(max-width:875px) { .arrow-line { width: 40%; left: 110px; } } @media (max-width:600px) { .first-cell:after { display: none; } .dato1 { color: #333333; font-weight: 600; font-size: 1.4rem; } .dato2 { color: #333333; font-weight: 400; font-size: 1.4rem; } .btn { margin: 0px 5px 5px 5px; } } .calendar-day { font-size: 2rem; color: white; font-weight: 600; text-align: center; display: block; z-index: 4; } .calendar-month { font-size: 1.3rem; line-height: 1.2rem; color: white; font-weight: 300; text-align: center; display: block; z-index: 4; } .calendar-hour { font-size: 1rem; color: white; font-weight: 600; text-align: center; display: block; z-index: 4; } /*horizontal timeline*/ /*horizontal timelinea*/ /*vista de tabla*/ @media only screen and (max-width: 992px) { table.striped th, table td { padding: 9px !important; } } .td-pad { padding-bottom: 5px !important; } .th-pad { padding-bottom: 5px !important; text-align: center; } .sortorder:after { content: '\25b2'; } .sortorder.reverse:after { content: '\25bc'; } .azul_doni { background-color: #246A98; } /*vista de tabla*/ .cursor_hand { cursor: pointer; } .cursor_arrow { cursor: help; } .clickable{ cursor: pointer; } .clickable:hover{ color: #246A98 !important; } /*archivos*/ form .file_progress { line-height: 15px; } .file_progress { color: #FFF; display: inline-block; width: 100px; border: none; outline: 0; padding: 0 1rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; } .file_progress div { text-align: center; font-size: 1rem; background: #199834; width: 0; /* margin-bottom:10px;*/ border-radius: 25px; } .adjunto_cell { border: 1px solid #ccc; border-radius: 3px; width: 150px; float: left; margin: 5px; border-top-right-radius: 30px; } .adjunto_cell img { margin: 0 auto; max-width: 100%; max-height: 100%; } @media screen{ .hidden-screen{ display: none; } } .adjuntos-impresion{ margin-top: 25px; page-break-before: always; } .adjunto_cell_impresion { border: 1px solid #ccc; width: 49%; float: left; height: 300px; padding: 10px; display: inline-block; } .adjunto_cell_impresion img { margin: 0 auto; max-width: 90%; max-height: 90%; display: inline-block; } .adjunto_cell strong { margin: 5px; } .adjunto_cell .cell_top { background-image: url("../../assets/fotos/icon-right.png"); background-position: top right; background-repeat: no-repeat; background-color: white; border-top-right-radius: 30px; padding: 5px; } .adjunto_cell .cell_mid { padding: 5px; text-align: center; height: 80px; max-height: 80px; } .adjunto_cell .cell_bottom { background-color: white; padding: 10px; } .adjunto_cell .cell_bottom span { font-size: 1.2rem; } /* Para el sidenav de proyectos expirando*/ .expirando-backg { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; right: 0px; top: 0px; z-index: 99; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .sideSlideRigthHide { display: none } .sideSlideRigthShow { webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: block !important; } .boton-expirando { position: fixed; top: 15px; right: 10px; border: none; background: none; color: white; } .expirando { float: right; background-color: white; color: #737373; font-weight: 300; width: 40%; max-height: 100%; height: auto; top: 0px; margin: 0px; overflow: scroll; } @media (max-width: 480px) { .expirando { width: 90%; } } .title-expirando { width: 100%; background-color: #2196F3; padding: 20px; position: relative; color: white; } .title-expirando h4 { font-weight: 300; font-size: 1.5rem; } .expirando ul { text-align: center; margin-top: 5rem; } .expirando li { padding: 1rem; border-bottom: 1px solid #ccc; } .expirando li:hover { background-color: #F3F3F3; cursor: pointer; } .expirando a { color: #737373; } .expirando-titulo { display: block; font-size: 1.3rem; } .expirando-vencimiento { display: block; text-align: right; } .expirando-cliente { display: block; font-size: 1.5rem; } .error_global h1, .error_global h2 { font-size: 20px; font-weight: bold; } .menos_container { margin-left: 1rem; margin-right: 1rem; } .content { overflow: auto; } .max_modal { max-height: 80%; width: 80%; } .tabla_grande input { font-size: 11px; padding: 3px; height: 27px; } .tabla_grande a { cursor: pointer; } .tabla_grande th, .tabla_grande th a { font-weight: 600; text-align: left !important; } .tabla_grande td, .tabla_grande td a { text-align: left !important; } @media screen and (max-width: 600px) { table.striped td:before { margin-right: 2rem; } table.striped td { min-height: 40px; } } .acentuar { font-size: 2rem; font-weight: 600; color: #246A98; } .acentuar-strong { font-size: 2rem; font-weight: bolder; color: #246A98; line-height: 1.3; } .acentuar-sm { font-size: 1.5rem; font-weight: 500rem; color: #246A98; } auto-complete-div ul li { position: relative; z-index: 10000; display: block; background-color: #FFF; } /* Calculadora */ .panel { border: 1px solid #ccc; border-radius: 5px; } .panel-desc { border: 1px solid #ccc; border-radius: 5px; margin: 10px; padding: 5px; } .notas { padding: 10px; } .eme2 { font-size: 80%; } .msg { color: red; padding: 10px; font-size: 1.2rem; font-weight: 500; text-align: center; background-color: #ccc; } .vallamsg { font-size: 1.2rem; color: #8BC34A; padding: 10px; text-align: center; } .icono_tool { width: 5em; height: 4.5em; background-color: #009688; border-radius: 5px; text-align: center; padding-top: 0.5em; } .icono_tool:hover { background-color: #10756B; } /* termina calculadora */ /* menu top */ #logo-container { margin-left: 2rem; } .segundo_submenu { background-color: #fff; margin: 0; width: 0; max-height: 650px; overflow-y: auto; position: absolute; top: 30px; z-index: 999; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .segundo_submenu > li { display: block; margin: 2px; border-bottom: 1px solid #ccc; clear: both; transition: width 2s; float: none !important; } .segundo_submenu > li:nth-last-child(1) { border-bottom: none; } nav { height: 50px !important; } nav .collection-item {} /* menu top termina */ /* menu herramientas */ .menu_tools { width: 80px; margin-left: 30px; } .menu_tools .icono_tool { width: 4.5em; height: 4.5em; font-size: 80%; } .activa_menu_tools .pestana { transform: rotate(90deg); transform-origin: left top 0; margin: 16px; color: #ccc; position: absolute; border-top: 1px solid #ccc; } .activa_menu_tools { position: fixed; right: 0px; top: 80px; width: 20px; height: 140px; padding: 5px 5px 5px 5px; background-color: white; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom: 3px solid #009688; border-top: 3px solid #009688; cursor: pointer; transition: all 0.3s; } .activa_menu_tools:hover { background-color: #eee; transition: all 0.3s; width: 110px; height: auto; padding: 2rem 1rem; background-color: white; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom: 3px solid #009688; border-top: 3px solid #009688; } /* menu herramientas termina */ .icono_calculadora { background-color: green; } .letras { letter-spacing: 0px !important } .watermark { font-size: 10rem; transform: rotate(-70deg); opacity: 0.3; position: absolute; top: 30%; left: 9%; z-index: 99; } fieldset { border: 0; margin: 0; padding: 0; } @media screen and (max-width:600px) { .watermark { font-size: 5rem; transform: rotate(-90deg); opacity: 0.3; position: absolute; top: 2rem; left: 2rem; } } .table-hover td { text-align: left; } /* bootstrapeando */ .proyecto-title { font-size: 3rem; font-weight: 300; } .proyecto-subtitle { font-size: 1.5rem; } #loginUserForm { margin-top: 0.5rem; } #loginUserForm input { width: 100%; border: 1px solid #ccc; border-radius: 3px; } #loginUserForm .btn {} #loginUserForm label { margin-bottom: 0.5rem; margin-top: 1rem; } .fixed-action-btn { left: 30rem; top: 7px; } .btn-floating { display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 57px; height: 57px; line-height: 37px; padding: 0; transition: .3s; cursor: pointer; vertical-align: middle; text-align: center; } .botones-estado .btn { margin-top: 3px; } .row { margin-left: 3px; margin-right: 3px; } @media (max-width:600px) { .botones-arriba .btn { margin: 0px; font-size: 11px; padding: 4px; } .well { margin-bottom: 0; } .row { margin-left: 3px; margin-right: 3px; } } .white-text { color: white; } .tabla-responsiva {} .tabla-responsiva td { vertical-align: top; padding: 3px; border-bottom: 1px solid #ccc; } .tabla-responsiva th { vertical-align: top; padding: 5px 3px; border-bottom: 1px solid #ccc; } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ .tabla-responsiva, .tabla-responsiva thead, .tabla-responsiva tbody, .tabla-responsiva th, .tabla-responsiva td, .tabla-responsiva tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .tabla-responsiva thead tr { position: absolute; top: -9999px; left: -9999px; } .tabla-responsiva tr { border: 1px solid #a2d8fb; } .tabla-responsiva td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; width: 100%; } .tabla-responsiva tbody > tr > td:nth-child(1) { font-size: 150%; } .tabla-responsiva td:before { font-weight: bold; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; margin-bottom: 0.5rem; } /* Label the data */ .tabla-responsiva td:before { content: attr(data-label); } .form-control { padding: 3px; } .tabla-responsiva .tr-void{ width: 100%; height: 640px; } } @media (min-width: 768px) { .modal-dialog { top: 10rem; margin: 0 auto; } } .modal { z-index: 10000 !important; top: 0px !important; overflow: auto; } .modal-dialog { top: 130px; margin: 25px auto; } .green-text { color: #009688; } .blue-text { color: #3977e8; } .orange-text { color: #e87239; } .red-text { color: #ea0606; } .teal-text { color: #246A98; } .gray-text { color: #8a8989; } .ghost-clickable-text { cursor: pointer; opacity: 0; } .ghost-clickable-text:hover { opacity: 1; color: #b9b8b8; } .purple { background-color: #8eb2e3; } @media screen and (max-width:600px) { .button-circle { width: 60px; height: 60px; font-size: 10px; line-height: 0px; padding-top: 25px; font-weight: 500; } .modal { /*top: 155px !important;*/ } } #autocomplete_input { /*arregla el problema del palito en el autocomplete*/ margin-left: 10px; /*background-color: #eeeeee;*/ } /* acomoda el contentwrapper y el footer sin el menu */ .loginsinmenu { margin-left: 0px; } .footersinmenu { margin-left: 0px; border-top: 2rem #ecf0f5 solid; } /* Habilita el ng-cloak. sin esto no funciona */ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } /* Habilita el ng-cloak. sin esto no funciona */ .product-title { padding: 15px; border-top: 1px dashed #dcdcdc; } .animar-ngshow { background: white; overflow-y: visible; transition: all linear 0.5s; } .animar-ngshow.ng-hide { opacity: 0; max-height: 0px; transition: all linear 0.5s; } .span-radio { margin-right: 5px; } .radio-group label { margin-right: 10px; } .form-control-inline { width: auto; display: inline; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .division-botones { padding: 0px 10px; border-right: 1px solid #ccc; display: inline; } .division-botones input[type=radio]{ margin-right: 1px; } .division-botones label { margin-right: 8px; } .division-aprobada-orden { padding-top: 20px; display: inline; } .pad-xs { padding: 5px } .rounded-borders-xs { border-radius: 3px; } .truncate { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .overflow-auto { overflow: auto; } .tipo_cambio_menu { padding: 10px; } .bold { font-weight: 600; } .font-14{ font-size: 14px; } .font-16{ font-size: 16px; } .font-18{ font-size: 18px; } .font-24{ font-size: 24px; } #botonera { position: fixed; top: 10px; right: 10%; z-index: 9999; } .checkbox_slide input[type=checkbox] { visibility: hidden; } /* Checkbox */ .checkbox_slide { width: 80px; height: 26px; background: #333; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; position: relative; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); } .checkbox_slide:after { content: 'NO'; font: 12px/26px Arial, sans-serif; color: #000; position: absolute; right: 10px; z-index: 0; font-weight: bold; text-shadow: 1px 1px 0px rgba(255, 255, 255, .15); } .checkbox_slide:before { content: 'SI'; font: 12px/26px Arial, sans-serif; color: #7dcbff; position: absolute; left: 10px; z-index: 0; font-weight: bold; } .checkbox_slide label { display: block; width: 34px; height: 20px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; cursor: pointer; position: absolute; top: 3px; left: 3px; z-index: 1; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0); } .checkbox_slide input[type=checkbox]:checked + label { left: 43px; } .white-bg { background-color: white; } .skin-blue .main-header .navbar .sidebar-toggle:hover { height: 100%; } .modalillo { z-index: 99; position: relative; min-height: 220px; min-width: 300px; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); background-color: white; padding: 10px; } .modalillo-head { text-align: center; border-bottom: 1px solid #eee; color: #696969; } .modalillo-off { display: none; } .item_tarea { padding: 5px; border-bottom: 1px solid #eee; } @media print { #pager, form, .no-print { display: none !important; height: 0; visibility: hidden; } .no-print, .no-print * { display: none !important; height: 0; visibility: hidden; } .acentuar { color: #246A98 !important; } } .progreso { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } /*Bitacora*/ .evento_descripcion { font-size: 1.5rem; } .evento_departamento { font-size: 1.2rem; margin-left: 1rem; } .evento_usuario { font-size: 2rem; } /*Dashboard*/ .progress-bar-white { position: absolute; right: 0px; top: 17px; float: right; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .progress-bar-multi-100 { background: #26bd00; background: -moz-linear-gradient(left, #26bd00 0%, #ffcd03 50%, #ad0e00 100%); background: -webkit-linear-gradient(left, #26bd00 0%, #ffcd03 50%, #ad0e00 100%); background: -o-linear-gradient(left, #26bd00 0%, #ffcd03 50%, #ad0e00 100%); background: -ms-linear-gradient(left, #26bd00 0%, #ffcd03 50%, #ad0e00 100%); background: linear-gradient(to right, #26bd00 0%, #ffcd03 50%, #ad0e00 100%); } .panel-footer { overflow: auto; } .hover_div { height: 100%; } .hover_div:hover { background-color: #eee; } .departamento_div { margin: 5px; border: 1px solid #eee; border-radius: 5px; padding: 10px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); background-color: #f5f5f5; } .departamento_nombre { font-size: 1.3rem; margin: 5px; } .check { margin: 5px; } /* Para bocetos de impresion */ .material { border: 1px dashed #000; background-color: #ecf0f5; overflow: auto; min-width: 97%; } .impresion { border: 1px solid #fff; background-color: #3c8dbc; z-index: 5; text-align: center; } .impresion_excedente { border: 1px dashed #3c8dbc; background-color: #b0d299; float: left; } .impresion_text { padding: 1px; color: white; height: 20px; border-radius: 50%; text-align: center; font-size: 2rem; } .impresion_text2 { padding: 1px; height: 20px; border-radius: 50%; text-align: center; font-size: 2rem; } .pano_text { color: white; bottom: 0px; } .impresion_precio { margin: 0 auto; display: block; color: white; font-size: 1.5rem; font-weight: 900; } .impresion_precio_desp { margin: 0 auto; position: absolute; right: 0%; top: 20%; color: black; font-size: 1.5rem; font-weight: 900; transform: rotate(90deg); transform-origin: right top 0; } .leyenda li { float: left; padding: 5px; list-style-type: none; } .boceto_div { padding: 0px; } .boceto_void { position: absolute; left: 0; height: 200px; } .divisiones_valla {} .pano_div { float: left; border-left: 1px dashed #000000; background-color: none; z-index: 99; } .traslape_div { float: left; border: 1px solid #ccc; background-color: #601030; opacity: 0.3; z-index: 99; } /* Para bocetos de impresion */ /*Animate*/ .ng-enter, .ng-leave { -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: relative; display: block; } .ng-leave.ng-leave-active, .ng-enter { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); height: 0px; opacity: 0; } .ng-enter.ng-enter-active, .ng-leave { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); height: 30px; opacity: 1; } #barra_progreso { position: fixed; right: 0px; top: 50px; z-index: 99999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .spinner_loading { width: 64px; margin: 0 auto; position: relative; height: 100%; z-index: 99999; } .uil-gears { position: absolute; top: 50%; height: 100px; margin-top: -50px; /* account for padding and border if not using box-sizing: border-box; */ } @keyframes lds-dual-ring { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes lds-dual-ring { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .lds-dual-ring { position: absolute; left: 40px; top: 4px; } .lds-dual-ring .spinner { position: absolute; width: 50px; height: 50px; top: calc(50% - 50px); left: calc(50% - 50px); border-radius: 50%; border: 4px solid #000; border-color: #46d070 transparent #e0e0d1 transparent; -webkit-animation: lds-dual-ring 1s linear infinite; animation: lds-dual-ring 1s linear infinite; } .lds-dual-ring { -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px); transform: translate(-100px, -100px) scale(1) translate(100px, 100px); } /*ellipsis loader*/ .lds-ellipsis { /*display: inline-block;*/ position: relative; width: 64px; height: 64px; margin:0 auto; } .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #46d070; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } /*///////////*/ .searching-locally{ width: 100%; height: 100%; z-index: 99; } /* Scrum module*/ .cols-wrapper { display: flex; } .col-scrum { align-items: stretch; background-color: #f9f8f8; padding: 0px 10px 10px 10px; border: 1px solid white; } .col-scrum h4 { color: #1f1f1f; text-align: center; padding: 10px; margin-top: 0px; } .evento-details { display: inline; height: 15px; padding: 5px; margin-left: 10px; border: 1px solid white; } .evento-details:hover { cursor: pointer; border: 1px solid #dddddd; border-radius: 3px; } .usuario-asignado-label, .usuario-supervisor-label { margin: 0px 5px; } .usuario-asignado, .usuario-supervisor { margin: 0px 5px; font-weight: 600; background-color: #ccc; width: 150px; height: 15px; padding: 5px; border-radius: 3px } .scrum-autocomplete-user div { display: inline; } .tarea-label { margin: 0px 5px; color: #707070; } .tarea-details { margin: 0px 5px; font-weight: 600; width: 150px; height: 15px; padding: 5px; } .tag-scrum-div .box-dragable:hover { background: #e9e9e9; cursor: move; } /* Scrum module*/ /*drag & drop*/ /** * For the correct positioning of the placeholder element, the dnd-list and * it's children must have position: relative */ ul[dnd-list], ul[dnd-list] > li { position: relative; } /** * The dnd-list should always have a min-height, * otherwise you can't drop to it once it's empty */ [dnd-list] { min-height: 42px; padding-left: 0px; } /** * The dndDraggingSource class will be applied to * the source element of a drag operation. It makes * sense to hide it to give the user the feeling * that he's actually moving it. */ [dnd-list] .dndDraggingSource { display: none; } /** * An element with .dndPlaceholder class will be * added to the dnd-list while the user is dragging * over it. */ [dnd-list] .dndPlaceholder { display: block; background-color: #ddd; min-height: 42px; } /** * The dnd-lists's child elements currently MUST have * position: relative. Otherwise we can not determine * whether the mouse pointer is in the upper or lower * half of the element we are dragging over. In other * browsers we can use event.offsetY for this. */ /** * Show selected elements in green */ [dnd-list] div.selected { border-top-color: #f39c12; } /**/ .descripcion_pre { width: 100%; border: none; height: 100%; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; } .descripcion_pre table tr td.cantidad{ width: 50px; } .descripcion_pre table tr td.precio{ width: 130px; text-align: right; } .descripcion_pre table tr td.medidas{ width: 15%; } .descripcion_pre table tr td{ border-bottom: 1px solid #ccc; } .descripcion_proyecto .descripcion_pre { height: auto; overflow: auto; word-break: normal; } .descripcion-cotizacion-pre { width: 100%; border: none; padding: 10px; /* white-space: initial; */ word-wrap: break-word; } .metodo { font-weight: 400; margin: 10px 0px; text-align: center; padding: 3px; color: #fff !important; font-size: 1.5rem; background-color: #E7E7E7; } .metodo-nombre { font-weight: 400; color: #FFFFFF; } .lista_icono { display: block; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; margin: 12px 0px; text-align: center; } .lista_icono .contenido { padding: 5px 10px; } .lista_icono .icono { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 30px; width: 30px; text-align: center; font-size: 1.7em; /*line-height: 90px;*/ background: rgba(0, 0, 0, 0.2); } .lista_icono .descripcion_lista { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; } /* Ipad Pro */ @media only screen and (min-device-width: 1024px)and (max-device-width: 1366px) { #descripcion { /*min-height: 350px;*/ } } /*Cotizaciones*/ .modal-detallar { border-radius: 5px; opacity: 0.95; } .producto-popup{ width: 150px; height: 30px; } /*Configuracion*/ #configuracion-table {} #configuracion-table td:nth-child(odd) { width: 30%; } .thinking-cursor:disabled { cursor: wait !important; } /* .slideThree */ .slideThree { width: 80px; height: 26px; background: #ecf0f5; position: relative; border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); } .slideThree:after { content: 'No'; color:rgb(184, 37, 11); position: absolute; right: 10px; z-index: 0; font: 12px/26px Arial, sans-serif; font-weight: bold; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); } .slideThree:before { content: 'Si'; color: #1a8c4a; position: absolute; left: 10px; z-index: 0; font: 12px/26px Arial, sans-serif; font-weight: bold; } .slideThree label { display: block; width: 34px; height: 20px; cursor: pointer; position: absolute; top: 3px; left: 3px; z-index: 1; background: rgba(248,80,50,1); background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(255,30,0,1) 11%, rgba(231,56,39,1) 56%, rgba(181,24,9,1) 87%, rgba(181,24,9,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(11%, rgba(255,30,0,1)), color-stop(56%, rgba(231,56,39,1)), color-stop(87%, rgba(181,24,9,1)), color-stop(100%, rgba(181,24,9,1))); background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(255,30,0,1) 11%, rgba(231,56,39,1) 56%, rgba(181,24,9,1) 87%, rgba(181,24,9,1) 100%); background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(255,30,0,1) 11%, rgba(231,56,39,1) 56%, rgba(181,24,9,1) 87%, rgba(181,24,9,1) 100%); background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(255,30,0,1) 11%, rgba(231,56,39,1) 56%, rgba(181,24,9,1) 87%, rgba(181,24,9,1) 100%); background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(255,30,0,1) 11%, rgba(231,56,39,1) 56%, rgba(181,24,9,1) 87%, rgba(181,24,9,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#b51809', GradientType=0 ); border-radius: 50px; -webkit-transition: all 0.4s ease; transition: all 0.1s ease; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); } .slideThree input[type=checkbox] { visibility: hidden; } .slideThree input[type=checkbox]:checked + label { left: 43px; background: #fcfff4; background: -webkit-linear-gradient(top, #93c314 0%, #5ea204 40%, #014a28 100%); background: linear-gradient(to bottom, #93c314 0%, #5ea204 40%, #014a28 100%); } /* end .slideThree */ /* .squaredFour */ .squaredFour { width: 20px; position: relative; display: inline-block; } .squaredFour label { width: 20px; height: 20px; cursor: pointer; position: absolute; top: 0; left: 0; background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 4px; box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); } .squaredFour label:after { content: ''; width: 13px; height: 8px; position: absolute; top: 4px; left: 4px; border: 3px solid #333; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .squaredFour label:hover::after { opacity: 0.1; } .squaredFour input[type=checkbox] { visibility: hidden; } .squaredFour input[type=checkbox]:checked + label:after { opacity: 1; } /* end .squaredFour */ .blocking { width: 100%; z-index: 99; background-color: #ddd; opacity: 0.6; position: absolute; height: 100%; /*border-radius: 50px; */ cursor: not-allowed; } .blocking-checkbox{ width: 20px; display: inline-block; height: 20px; } .loader, .loader:before, .loader:after { background: #297a16; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; } .loader { color: #297a16; text-indent: -9999em; margin-left: 35px; position: absolute; font-size: 5px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader:after { left: 1.5em; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } i:focus, button:focus { outline: none; } .btn.btn-success, .btn.btn-warning, .btn.btn-primary, .btn.btn-info, .btn-app , .btn-openid, .btn-bitbucket, .btn.btn-danger{ /* margin-bottom: 5px; */ /* margin-top: 10px; */ /* margin-left: 3px; */ color: white !important; } .btn.btn-default { color: #242424 !important; margin-right: 5px; /* margin-top: 10px; */ } .texto-centrado { text-align: center !important; } .texto_tabla_detalle{ padding-top: 14px !important; } .boton_asignar_cliente { margin-top: 20px; } @media only screen and (max-width: 992px) { .boton_asignar_cliente { margin-top: 0px; } .label_asignar_cliente { margin-top: 20px } } .cantidad_invalida{ background-color: red !important; color: #FFF; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } .section-void{ width: 100%; height: 100%; z-index: 99; position: absolute; background-color: rgba(255, 255, 255, 0.6); text-align: center; right: 0px; top: 0px; } .section-void .section-void-text { color: #787878; font-size: 3rem; top: 30%; transform: translateY(-50%); position: relative; } .factura-nula-void{ width: 90%; height: 80%; z-index: 99; position: absolute; text-align: center; right: 0px; top: 0px; /* Safari */ -webkit-transform: rotate(-15deg); /* Firefox */ -moz-transform: rotate(-15deg); /* Opera */ -o-transform: rotate(-15deg); } .factura-nula-void-text{ color: #ff2800; font-size: 15rem; top: 30%; position: relative; opacity: 0.3 !important; } .espacio-firma{ height: 250px; padding-top: 200px; text-align: center; } .tr-void{ width: 95%; height: 38px; z-index: 99; position: absolute; left: 0; margin-top: -8px; background-color: rgba(255, 255, 255, 0.2); text-align: center; overflow: hidden; } .tr-void .tr-void-text { color: rgba(143, 143, 143, 0.7);; font-size: 1.5rem; line-height: 5rem; transform: rotate(-70deg); display: inline-block; -webkit-transform: rotate(-70deg); position: relative; top: -354%; left: -40%; width: 714px; height: 265%; } tr.no-td-hover:hover{ background-color: #FFFFFF !important;; } .cotizaciones-table-caption{ font-size: 16px; font-style: italic; } .cotizaciones-grupo-caption{ font-size: 24px; font-style: bold; background-color: #f5f5f5; } .cotizaciones-grupo-observaciones{ font-size: 14px; font-style: italic; } .table-cotizacion-grupo{ background-color: #fff !important; } .grupo-productos-cell:hover{ background-color: #037bc2; color: #fff; } .productos-mostrar-table { display: flex; flex-wrap: wrap; } .productos-mostrar-table-head { display: flex; width: 100%; align-content:stretch; } .productos-mostrar-table-header { font-weight: bold; padding: 10px; } .productos-mostrar-table-body { display: flex; width: 100%; flex-flow: column; } .productos-mostrar-table-row{ display: flex; width: 100%; flex-direction: row; margin-top: 5px; margin-bottom: 10px; } .productos-mostrar-table-row:nth-child(even) {background: #fff} .productos-mostrar-table-row:nth-child(even) {background: #fb9a9a} .productos-mostrar-table-row-titulo{ padding: 10px; background-color: #4684c6; font-size: 22px; color: #fff; } .productos-mostrar-table-row-division{ padding: 10px; } .flex-grow-1{ flex-grow: 1; } .flex-grow-2{ flex-grow: 2; } .flex-grow-3{ flex-grow: 3; } .flex-grow-4{ flex-grow: 4; } .flex-grow-5{ flex-grow: 5; } .flex-grow-6{ flex-grow: 6; } .flex-grow-7{ flex-grow: 7; } .flex-grow-8{ flex-grow: 8; } .flex-grow-9{ flex-grow: 9; } .flex-grow-10{ flex-grow: 10; } .flex-grow-11{ flex-grow: 11; } .flex-grow-12{ flex-grow: 12; } .cotizaciones-table-row td{ border-bottom: none !important; } .no-facturable{ color: #bebebe; } .no-facturable:hover{ background-color: #FFFFFF !important; } .productos-preview .table-column-cantidad{ width: 10%; } .productos-preview .table-column-descripcion{ width: 60%; } .productos-preview .table-column-monto{ width: 20%; } .productos-preview .table-cell-monto{ font-size: 16px; } .productos-preview .table-column-facturable{ width: 10%; } .productos-preview .text-right{ text-align: right !important; } .productos-preview .text-center{ text-align: center !important; } .factura-totales { font-weight: 600; font-size: 22px; } .producto-subtotal { font-weight: 600; font-size: 16px; } .factura-text-right{ text-align: right !important; } .table-productos-cotizacion thead{ font-weight: 500; font-size: 1.2rem; color: #09575a; } .table-productos-cotizacion .subtotal{ font-weight: 600; font-size: 1.5rem; } caption{ font-size: 16px; font-style: italic; } .producto-cotizacion-descripcion{ width: 300px; max-width: 300px !important; } .productos-mostrar-table-descripcion pre{ width: 100%; padding: 0; margin-bottom: 0; background-color: transparent; font-size: 16px; word-break: normal; border: none; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: pre-line; word-wrap: break-word; /* Internet Explorer 5.5+ */ } .productos-table-head, .productos-table-rows { display: flex; width: 100%; flex-wrap: wrap; } .productos-table-header{ flex-grow: 1; float: left; padding: 5px 10px; border-bottom: 1px solid #ccc; color: #09575a; font-weight: 500; border-right: 1px solid #ccc; } .productos-table-caption { padding: 5px 10px; width: 100%; } .productos-table-rows { } .productos-table-nombre-grupo{ background-color: #4684c6; color: #fff; padding: 10px; font-weight: bold; min-height: 44px; margin-bottom: 5px; } .productos-table-numero-linea{ background-color: #5d5b5b; color: #fff; text-align: center; padding-top: 35px; font-size: 24px; } .producto-cotizacion-cantidad{ max-width: 90px; min-width: 90px; } .productos-mostrar-table-numero-linea{ color: #fff; text-align: center; padding-top: 15px; font-size: 16px; } .productos-mostrar-table-numero { width: 60px; max-width: 60px; background-color: #dcdcdc !important; color: #595858 !important; padding: 7px !important; } .productos-mostrar-table-cantidad { width: 4%; max-width: 60px; min-width: 60px; } @media print{ .productos-mostrar-table-cantidad { width: 3%; max-width: 60px; min-width: 60px; } } .productos-mostrar-table-descripcion { width: 26%; min-width: 315px; width: 320px; max-width: 320px; } .productos-mostrar-table-precio-unitario { width: 10%; } .productos-mostrar-table-subtotal { width: 15%; } .productos-mostrar-table-impuesto { width: 10%; } .productos-mostrar-table-descuento { width: 10%; } .productos-mostrar-table-precio-venta { width: 15%; } .productos-mostrar-table-prefacturar { min-width: 90px; } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { .producto-cotizacion-descripcion pre{ width: 100%; } } .producto-cotizacion-descripcion-dialog pre{ width: 250px; padding: 0; margin:0; max-height: 70px; background-color: transparent; font-size: 12px; word-break: normal; border: none; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: pre-line; word-wrap: break-word; /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ } .producto-cotizacion-subtotal{ font-weight: 600; font-size: 2rem; } .facturas-listar-estado{ width: 10%; } .facturas-listar-pago{ width: 10%; } .facturas-listar-fecha{ width: 10%; } .facturas-listar-cliente{ width: 10%; } .facturas-listar-elaborada{ width: 10%; } .facturas-listar-sociedad{ width: 10%; } .factura-vencida{ background-color: #eb070a; padding: 5px 10px; color: white; border-radius: 4px; } .factura-no-vencida{ background-color: #2a6c9a; padding: 5px 10px; color: white; border-radius: 4px; } /*ngDialog*/ .ngdialog-content{ padding: 0px !important; border-radius: 5px; } .dialog-header{ padding: 10px; border-bottom: 1px solid #ccc; background-color: #245571; color: #FFFFFF; border-top-right-radius: 5px; border-top-left-radius: 5px; } .ngdialog-close{ -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .dialog-body{ padding: 10px; } .dialog-footer{ padding: 10px; height: 60px; border-top: 1px solid #ccc; } .dialog-footer-buttons{ text-align: right; } .uib-daypicker:focus{ outline: none; } :focus { outline: none; } .permisos-init{ display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; } /*para drag and drop*/ /** * The dnd-list should always have a min-height, * otherwise you can't drop to it once it's empty */ .simpleDemo ul[dnd-list] { min-height: 42px; padding-left: 0px; } /** * The dndDraggingSource class will be applied to * the source element of a drag operation. It makes * sense to hide it to give the user the feeling * that he's actually moving it. */ .simpleDemo ul[dnd-list] .dndDraggingSource { display: none; } /** * An element with .dndPlaceholder class will be * added to the dnd-list while the user is dragging * over it. */ .simpleDemo ul[dnd-list] .dndPlaceholder { background-color: #ddd; display: block; min-height: 42px; width: 100%; } .simpleDemo ul[dnd-list] li { background-color: #fff; border: 1px solid #ddd; border-top-right-radius: 4px; border-top-left-radius: 4px; display: block; padding: 10px 15px; margin-bottom: -1px; } /** * Show selected elements in green */ .simpleDemo ul[dnd-list] li.selected { background-color: #dff0d8; color: #3c763d; } .dragndrop{ cursor: -moz-grab; cursor: -webkit-grab; } /* (Optional) Apply a "closed-hand" cursor during drag operation. */ .dndDragging { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } /* termina para drag and drop*/ .limpiar-busqueda { position: absolute; right: 5px; top: 5px; font-size: 21px; cursor: pointer; } .table-productos-boleta-preview{ border-right: 1px solid #ccc; } .tabsSelector{ padding-left: 0; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc; } .tabsSelector li{ display: inline; list-style: none; margin: 5px 10px; font-size: 14px; padding: 5px 10px 6px 10px; } .tabsSelector li.selected{ border-bottom: 1px solid #ffffff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; } .text-clickable { margin: 0 5px; cursor: pointer; color: #297a16; font-weight: bold; } .text-clickable:hover{ text-decoration: underline; color: #005384; } .checkbox-group input[type=checkbox] { margin-left: 10px; } #foto_perfil{ cursor: pointer; } /* DivTable.com */ .divTable{ display: table; width: 100%; } .divTableRow { display: table-row; } .divTableHeading { background-color: #EEE; display: table-header-group; } .divTableCell, .divTableHead { border: 1px solid #999999; display: table-cell; padding: 3px 10px; } .divTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; } .divTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; } .divTableBody { display: table-row-group; } /*Reportes*/ .filtro-periodo-radio{ padding: 20px 0 0 15px; } .filtro-periodo-radio label{ margin-left:5px; margin-right: 15px; } .rounded-box { padding: 9.5px; margin: 0 0 10px; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px } /**/ .tab-active { border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #ffffff; } .tabla-facturas-hacienda { } .tabla-facturas-hacienda th{ color: #373737; font-weight: bold; /*padding-left: 0 ;*/ /*padding-right: 0;*/ } .descargas-popover{ z-index: 1060; max-width: 276px; padding: 1px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); line-break: auto; } .descargas-popover .popover-content{ } .btn-gray { background-color: #79767a; border-color: #79767a; } .btn-outline{ background-color: transparent; border-color: #cccccc; } .ngdialog.factura-modal.ngdialog-theme-default{ padding-top: 50px!important; } .ngdialog.factura-modal.ngdialog-theme-default .ngdialog-content{ width: 90% !important; } .ngdialog.prefacturar-modal.ngdialog-theme-default .ngdialog-content{ width: 65% !important; } .prefacturar-modal .dialog-header{ background-color: #1d9688; } /*facturacion electronica*/ .table-display-td{ height: 20px; padding: 5px 3px; border-bottom: 1px solid #ededed; } .table-display-tr:hover{ background-color: #f3f3f3; } .row-inside{ width: 100%; display: block; } .caret-button{ width: 20px; height: 20px; min-width: 20px; min-height: 20px; background-color: #f53646; border: 1px solid #ededed; border-radius: 5px; padding: 1px; } .caret-button:hover{ background-color: #77a4f3; } .tabla-productos-nota-credito{ } .tabla-productos-nota-credito thead{ background-color: #0089db; color: #ffffff; } .tabla-productos-nota-credito .lineas-factura-descripcion{ } .tabla-productos-nota-credito input{ display: inline; } .factura-modal .dialog-header{ background-color: #963112; } /*utils*/ .topNavBarUtilsPanel{ width: 450px; height: 60%; background-color: #FFFFFF; /*border: 1px solid #ccc;*/ position: fixed; right: 20px; top: 50px; overflow-y: scroll; -webkit-box-shadow: -8px 10px 42px -14px rgba(0,0,0,0.5); -moz-box-shadow: -8px 10px 42px -14px rgba(0,0,0,0.5); box-shadow: -8px 10px 42px -14px rgba(0,0,0,0.5); } .topNavBarUtilsPanel ul.proyecto{ padding: 10px 5px 10px 0; } .topNavBarUtilsPanel li{ padding: 15px; border-bottom: 1px solid #ccc; font-size: 14px; color: #716c6c; list-style: none; } .topNavBarUtilsPanel li:hover{ color: #0398f8; background-color: #e5e5e5; } .disable-link{ pointer-events: none; opacity: 0.3; } .disable-button { cursor:not-allowed; opacity: 0.3; } .spanInputSinBorde { display: block; width: 100%; height: 34px; padding: 6px 12px; } .overflow-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .spanInput { display: block; width: 100%; border: none; min-height: 32px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-image: none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; word-break: break-all; } .spanInput:hover { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: rgb(238, 238, 238); background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .input-deshabilitado{ padding: 10px; border: 1px solid #ccc; border-radius: 3px; max-width: 400px; max-height: 90px; overflow-y: scroll; } button.gridjs-sort { border: none; } button.gridjs-sort-desc { border: none; } button.gridjs-sort-neutral { border: none; } .ui-select-match-item { white-space: normal; } /*borders*/ .borderLeft { border-left: 1px solid #ccc; } .borderRight { border-right: 1px solid #ccc; } .borderRightDimmed { border-right: 1px solid #eaeaea; } .borderRightDark { border-right: 1px solid #cac9c9; } .borderBottom { border-bottom: 1px solid #ccc; } .borderTop { border-top: 1px solid #ccc; } .bordersFour { border: 1px solid #ccc; } .bordersX { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .bordersY{ } .borderTopRedRound { border-top: 1px solid #f83737 !important; } .borderRightRedRound { border-right: 1px solid #f83737 !important; } .borderBottomRedRound { border-bottom: 1px solid #f83737 !important; } .borderLeftRedRound { border-left: 1px solid #f83737 !important; } .link-nav{ font-size: 14px; } .link-nav:hover{ text-decoration-line: underline; text-decoration-style: dashed; text-decoration-color: #747474; } .popover{ max-width: none !important; } .box { margin-bottom: 5px !important; } /*custom para gridjs*/ button.gridjs-sort { position: absolute; right: 4px; top: 12px; } .lista-cotizaciones pre{ font-size: 1.3rem; color: #5A5A5A; white-space: pre-wrap; } .terms-conditions-jaam{ width: 100%; font-size: 10px; margin-top: 20px; } .terms-conditions-jaam p, .terms-conditions-jaam li{ font-size: 10px; } .separar{ margin-right: 5px !important; } .letras-blancas{ color: #FFFFFF !important; } .agregar-materiales{ margin-top: 8px !important; margin-bottom: 8px !important; } .margen{ margin-bottom: 3px; } @media screen and (max-width: 480px) { .uib-day > .btn.btn-default, .uib-month > .btn.btn-default, .uib-year > .btn.btn-default { padding: 2px; min-width: 80%; } td.uib-day, td.uib-month, td.uib-year{ padding: 0 !important; } } .estado-activos{ width: 100%; display: block; min-height: 30px; border-top-right-radius: 15px; border-top-left-radius: 15px; padding-top: 5px; } .tarjeta-activos{ width: 100%; display: block; min-height: 30px; padding-top: 5px; } .mt-5{ margin-top: 5px; } .mt-20{ margin-top: 20px; } .ml-20{ margin-left: 20px; } .mr-20{ margin-right: 20px; } .ml-40{ margin-left: 40px; } .mr-40{ margin-right: 40px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .pb-10 { padding-bottom: 10px; } .pb-20 { padding-bottom: 20px; } .gray { background-color: #f4f4f4; } .pad-10 { padding: 10px; } .ml-10 { margin-left: 10px; } .no-resizable{ resize: none; } #progressBarFondo{ border-radius: 5px; text-align: center; color: #FFFFFF; background-image: linear-gradient(to right, #d33724 ,#f39c12, #008d4c, #30bbbb); } #progressBarPorcentaje{ width: 57%; top: -20px; background-color: #f5f5f5; float: right; position: relative; color: black } #progressBarFaltante{ color: white; font-weight: bold; width: 57%; border-radius: 5px; top: -20px; float: right; position: relative; background-color: rgba(245, 40, 145, 0.05); } @media screen and (max-width: 760px) { .cotizaciones-listar-td-full-width{ width: 100% !important; } } /* for ng-quill */ [ng-quill-editor] { display: block; } .ql-editor{ height: 450px; max-height: 600px; overflow: auto; background: white; } .ql-align-right { text-align: right; } .ql-align-center { text-align: center; } .ql-align-left { text-align: left; } .ql-align-justify{ text-align: justify; } .button-circle { color: white !important; } .link:hover{ text-decoration-line: underline; text-decoration-style: dashed; text-decoration-color: #3c8dbc; color: #3c8dbc !important; } /* Ranking estrellas para directorio */ .deleteGroupIcon { width: 40px; display: inline-block; position: relative; top: -2px; color: white; cursor: pointer; font-size: 20px; } .deleteGroupIcon:hover { color:#ff975a } #lista-productos-en-grupos { opacity: 1; } #lista-productos-en-grupos.ng-enter { -webkit-transition: 1s; transition: 1s; opacity: 0; } #lista-productos-en-grupos.ng-enter-active { opacity: 1; } .enviar-a-grupo-container h3.popover-title { color:#005384 } .mensajeLineasInvalidasBox{ border: 1px solid #c0bebe; border-radius: 5px; background-color: #e9e9e9; font-family: 'Courier New', Courier, monospace; padding: 10px; margin-bottom: 5px; } .mensajeLineasInvalidasBox-limitarTexto { display: block; max-width: 60ch; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bg-creado { background-color: #30bbbb; color: #fff;} .bg-produccion { background-color: #008d4c; color: #fff;} .bg-pausa { background-color: #f39c12; color: #fff;} .bg-paralizado { background-color: #d33724; color: #fff;} .bg-finalizado { background-color: #1a237e; color: #fff;} .bg-cancelado { background-color: #3e2723; color: #fff;} /* Estilo de resaltado para proyectos en calendario */ .proyecto-resaltado { box-shadow: 0 0 10px #ff077c !important; border: 4px solid #ff077c !important; transform: scale(1.02) !important; } /* Tooltips deshabilitados - se usan los dinámicos de JavaScript */ /* Grab-scroll simple y funcional */ .gantt-main { overflow: hidden; } .timeline-panel { overflow-x: auto; overflow-y: auto; cursor: grab; user-select: none; } .timeline-panel:active { cursor: grabbing; } .timeline-panel::-webkit-scrollbar { height: 8px; } .timeline-panel::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .timeline-panel::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; } .timeline-panel::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } /* Mejorar el scroll horizontal del timeline */ .timeline-header { min-width: max-content; } .gantt-bars { min-width: max-content; } .totales-reporte-facturas{ border: 1px solid #c2c2c2 !important; font-size: 10px; text-align: right; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .border-1px { border: 1px solid #ccc; } .ui-select-choices-row { border: 1px solid #ccc; } /* Estilos para el footer mejorado del Kanban */ .kanban-tarjeta-footer { background: #f8f9fa; border-top: 1px solid #dee2e6; padding: 8px; border-radius: 0 0 6px 6px; } .kanban-footer-row { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; } .kanban-btn-details { background: #17a2b8; border: none; border-radius: 4px; padding: 4px 8px; font-size: 11px; color: white; min-width: 32px; height: 28px; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .kanban-btn-details:hover { background: #138496; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .kanban-btn-notes { background: #ffc107; border: none; border-radius: 4px; padding: 4px 8px; font-size: 11px; color: #212529; min-width: 32px; height: 28px; display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.2s ease; } .kanban-btn-notes:hover { background: #e0a800; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .notes-badge { position: absolute; top: -6px; right: -6px; background: #dc3545; color: white; border-radius: 50%; width: 16px; height: 16px; font-size: 9px; font-weight: bold; display: flex; align-items: center; justify-content: center; line-height: 1; border: 2px solid white; box-shadow: 0 1px 3px rgba(0,0,0,0.3); } .kanban-move-select { max-width: 140px; min-width: 100px; font-size: 11px; padding: 4px 6px; border: 1px solid #ced4da; border-radius: 4px; background: white; color: #495057; height: 28px; transition: all 0.2s ease; } .kanban-move-select:focus { border-color: #17a2b8; box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.25); outline: none; } .kanban-move-select:hover { border-color: #adb5bd; } /* Responsive para pantallas pequeñas */ @media (max-width: 480px) { .kanban-footer-row { flex-direction: column; gap: 4px; justify-content: center; align-items: center; } .kanban-btn-details, .kanban-btn-notes { width: auto; justify-content: center; } .kanban-move-select { width: auto; max-width: 200px; } } /* Para pantallas medianas, mantener en una fila pero reducir tamaños */ @media (max-width: 768px) and (min-width: 481px) { .kanban-footer-row { gap: 4px; } .kanban-btn-details, .kanban-btn-notes { min-width: 28px; height: 26px; font-size: 10px; } .kanban-move-select { max-width: 120px; min-width: 80px; font-size: 10px; height: 26px; } } /* Animaciones suaves */ .kanban-tarjeta-footer { transition: all 0.3s ease; } .kanban-tarjeta:hover .kanban-tarjeta-footer { background: #ffffff; box-shadow: 0 -2px 8px rgba(0,0,0,0.1); } /* Estados especiales para proyectos completados */ .proyecto-completado .kanban-tarjeta-footer { background: #d4edda; border-top-color: #c3e6cb; } .proyecto-completado .kanban-btn-details { background: #28a745; } .proyecto-completado .kanban-btn-details:hover { background: #1e7e34; } .tabla-orden-compra-elementos { table-layout: fixed; width: 100%; } .tabla-orden-compra-elementos .col-material-oc { width: 500px; max-width: 500px; } .tabla-orden-compra-elementos .col-medida-oc, .tabla-orden-compra-elementos .col-cantidad-oc { width: 80px; max-width: 80px; } .tabla-orden-compra-elementos .col-descripcion-oc { width: auto; } .tabla-orden-compra-elementos .col-descripcion-oc textarea, .tabla-orden-compra-elementos .col-cantidad-oc .form-control { width: 100%; box-sizing: border-box; } .tabla-orden-compra-elementos .col-medida-oc, .tabla-orden-compra-elementos .col-cantidad-oc { word-wrap: break-word; overflow-wrap: break-word; } .orden-compra-impresion { padding: 15px 25px; color: #000; } .orden-compra-print-cabecera { margin-bottom: 20px; border-bottom: 2px solid #333; padding-bottom: 15px; } .orden-compra-impresion .info-empresa { text-align: left; } .orden-compra-impresion .info-orden-compra { text-align: right; } .orden-compra-impresion .razon-social { font-size: 16px; font-weight: bold; margin-top: 10px; } .orden-compra-impresion .tabla-orden-compra-impresion { width: 100%; margin-bottom: 20px; } .orden-compra-impresion .tabla-orden-compra-impresion th, .orden-compra-impresion .tabla-orden-compra-impresion td { padding: 6px 8px; vertical-align: top; font-size: 12px; } .orden-compra-print-datos p { margin-bottom: 8px; } @media print { .orden-compra-impresion { padding: 0; } .orden-compra-impresion .row { display: block; width: 100%; } .orden-compra-impresion .col-sm-5, .orden-compra-impresion .col-sm-7 { float: left; width: 41.66666667%; } .orden-compra-impresion .col-sm-7 { width: 58.33333333%; } .orden-compra-impresion .acentuar { color: #246A98 !important; } .section-floating-menu, spinner-loader, notificaciones-bubbles, ai-assistant { display: none !important; } } ul.post-it h2{ font-size:100%; font-weight:700; margin-top: 0; margin-bottom: 5px; } ul.post-it,ul.post-it li{ list-style:none; } ul.post-it{ overflow:hidden; padding:0 5px; } ul.post-it .post-it-link{ -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } ul.post-it .post-it-link:hover{ -webkit-transform:rotate(0deg) translate(-10px); -o-transform:rotate(0deg) translate(-10px); -moz-transform:rotate(0deg) translate(-10px); transform:rotate(0deg) translate(-10px); } ul.post-it li a{ text-decoration:none; color:#000; background:#ede0cc; display:block; height:70px; width:85px; padding:1em; /* Firefox */ /*-moz-box-shadow:3px 3px 5px rgba(33,33,33,1);*/ /*!* Safari+Chrome *!*/ /*-webkit-box-shadow: 3px 3px 5px rgba(33,33,33,.4);*/ /*!* Opera *!*/ /*box-shadow: 3px 3px 5px rgba(33,33,33,.4);*/ -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); -moz-transform:rotate(-6deg); } ul.post-it li{ margin:1em; float:left; } .tag-select-input{ cursor: pointer; display: inline-block; min-height: 34px; min-width: 100px; max-width: 300px; border: 1px solid #ddd; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding: 3px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tag-select-remove{ display: inline-block; vertical-align: top; } .tag-select-item-selected{ vertical-align: -webkit-baseline-middle; font-size: 14px; font-weight: 600; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 270px; } .tag-select-items-group{ width: 100%; z-index: 99; border-radius: 5px; padding: 3px 5px; position: absolute; max-width: 200px; background-color: #414040; max-height: 190px; overflow-y: scroll; overflow-x: hidden; box-shadow: 2px 4px 9px #000000; scrollbar-color: rgb(53, 53, 53) rgb(160, 160, 160); scrollbar-width: thin; } .tag-select-item{ cursor: pointer; border-top: none !important; border-left: none !important; border-right: none !important; background-color: #414040; font-size: 14px; color: #ddd; height: 40px; padding: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tag-select-item:hover{ background-color: #1f1f1f; } .tag-select-dropdown-caret { position: relative; right: 2px; top: 7px; } .tag-spinner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 72px; background: rgba(255, 255, 255, 0.92); z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 12px; text-align: center; } .tag-spinner-overlay-msg { margin-top: 12px; margin-bottom: 0; } section-floating-menu { display: block; height: 0; overflow: visible; pointer-events: none; } .box-header-with-section-menu { display: flex; align-items: center; gap: 12px; } .box-header-with-section-menu > h2, .box-header-with-section-menu > .box-title { flex-shrink: 0; margin: 0; } .box-header-with-section-menu > .box-header-section-menu { flex: 1; min-width: 0; min-height: 44px; pointer-events: none; } .box-header-with-section-menu > .box-tools { position: static; right: auto; top: auto; flex-shrink: 0; } .section-floating-menu { display: inline-flex; align-items: center; max-width: calc(100vw - 420px); position: fixed; top: 55px; pointer-events: auto; z-index: 1030; } .section-floating-menu.is-dragging { user-select: none; } .section-floating-menu__item--handle { flex-shrink: 0; } .section-floating-menu__drag-handle { display: inline-flex; align-items: center; justify-content: center; height: 100%; margin: 0; padding: 7px 10px 7px 12px; border: none; border-right: 1px solid #e1e6ef; border-radius: 999px 0 0 999px; background: transparent; color: #8a96a8; line-height: 1; cursor: grab; transition: color 0.15s ease, background 0.15s ease; } .section-floating-menu__grip { display: inline-flex; align-items: center; gap: 0; font-size: 10px; line-height: 1; } .section-floating-menu__grip .fa { width: 0.35em; text-align: center; } .section-floating-menu__drag-handle:hover, .section-floating-menu__drag-handle:focus { background: #fff; color: #4a5568; outline: none; } .section-floating-menu.is-dragging .section-floating-menu__drag-handle { cursor: grabbing; } .section-floating-menu__list { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 4px 4px 4px 0; list-style: none; background: #f4f6f9; border: 1px solid #e1e6ef; border-radius: 999px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12); } .section-floating-menu__item { margin: 0; padding: 0; } .section-floating-menu__link { display: inline-flex; align-items: center; gap: 6px; border: none; background: transparent; color: #4a5568; font-size: 13px; line-height: 1.2; padding: 7px 14px; border-radius: 999px; text-decoration: none; white-space: nowrap; transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; } .section-floating-menu__link:hover, .section-floating-menu__link:focus { background: #fff; color: #2f3b52; outline: none; text-decoration: none; } .section-floating-menu__link.is-active { background: #3c8dbc; color: #fff; box-shadow: 0 2px 6px rgba(60, 141, 188, 0.35); } .section-floating-menu__link:disabled { opacity: 0.5; cursor: not-allowed; } .section-floating-menu__link .fa { font-size: 12px; } @media (max-width: 991px) { .box-header-with-section-menu { flex-wrap: wrap; } .box-header-with-section-menu > .box-header-section-menu { order: 3; flex-basis: 100%; min-height: 40px; } .section-floating-menu { max-width: calc(100vw - 32px); } } @media (max-width: 799px) { section-floating-menu, .section-floating-menu { display: none !important; } .box-header-with-section-menu > .box-header-section-menu { display: none; min-height: 0; flex-basis: auto; } } @media (max-width: 511px) { .ai-assistant-widget { display: none !important; } } .well-cub { min-height: 20px; padding: 9px 5px; margin-bottom: 20px; background-color: #d9d9d9; border: none; } /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Jan 24, 2016, 7:28:28 PM Author : doniphan */ .notificaciones-panel{ background-color: #cccccc; border-radius: 5px; border: 1px #999999 solid; padding: 15px; margin: 5px 0px; } .notif-panel-proyecto{ background-color: #fff; border-radius: 5px; padding: 15px; margin: 10px 0px; } p{ margin: 2px 0px ; } .notificaciones-panel h3{ font-size: 1.5rem !important; margin: 5px 0px; } .notificaciones-panel h5{ color: #256A92; margin-top: 0px; } .message-panel{ background-color: #D9EAEA; padding: 5px; border-radius: 5px; margin: 5px 0px; } .message-panel:hover{ transition: all 1s ; -webkit-transition: all 1s; -moz-transition: all 1s; -webkit-box-shadow: inset 10px 10px 31px -16px rgba(0,0,0,0.58); -moz-box-shadow: inset 10px 10px 31px -16px rgba(0,0,0,0.58); box-shadow: inset 10px 10px 31px -16px rgba(0,0,0,0.58); } .message-panel h5{ font-size: 1.2rem !important; } .message-panel .date{ font-size: 1.2rem !important; font-style: italic; } .message-panel .user{ font-size: 1.2rem !important; font-weight: 600; color: #fff; } .message-panel .message{ font-size: 1.5rem !important; } .message-panel p{ margin: 3px 0; } .message-panel .row, .notif-panel-proyecto .row{ margin-bottom: 0px; } .info-icon{ float: left; display: inline-block; margin: 15px 10px 10px 10px; } .proyecto-info{ float: right; display: inline; margin-top: 7px; } .notification{ font-size: 1.5rem !important; text-wrap: auto; } .unread-notification { font-weight: bolder; } .top-send{ margin-bottom: 10px } .container-evento-box{ height: 280px; overflow: auto; padding-right: 15px; } .evento-box{ display: flex; align-items: stretch; box-sizing: border-box; border: 1px solid #fff; transition: all 0.5s; min-height: 20px; margin-bottom: 5px; } .evento-box button{ text-align: center; box-sizing: border-box; padding: 0px; border-width: 0px; border-style: none; border-image: initial; } .evento-box button:focus { outline: none; } .evento-box button[disabled] { opacity: 0.5; cursor: not-allowed; } .evento-box .info-box-icon:hover{ border: 1px solid #a2a2a2; } .evento-box .info-box-content:hover{ border: 1px solid #c1c1c1; } .evento-box .info-box-icon{ box-sizing: border-box; height: auto; flex: 1 1 50px; font-size: 30px; line-height: 60px; } .evento-box .info-box-content{ margin-left: 0px; flex: 10 2 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; cursor: pointer; } .evento-box button.info-box-content{ margin-left: 0px; flex: 10 2 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; text-align: left; padding: 0px 10px; background-color: rgba(0,0,0,0); } .evento-box i:hover { text-shadow: 0 0 0.2em #fff } .bg-read { background-color:#f4f4f4; color:#666; } .bg-unread{ background-color:#de8202; color:#fff; } .evento-icon{ float: left; font-size: 32px; } .info-box-dialog { font-size: 120% } .info-box-dialog .info-box-user { display: block; font-weight: bold; font-style: italic; font-size: 12px; border-bottom:1px solid #ccc; margin-bottom: 10px; } .info-box-dialog .info-box-date { text-transform: uppercase; font-size: 10px; } .info-box-dialog h3 { margin-top: 5px; margin-bottom: 5px; border-bottom:1px solid #ccc; } .info-box-dialog{ display: flex; align-items: stretch; } .info-box-dialog .info-box-icon{ box-sizing: border-box; height: auto; flex: 1 1 50px; font-size: 30px; line-height: 60px; } .info-box-dialog .info-box-content{ margin-left: 0px; flex: 10 2 50px; } .direct-chat-msg{ border-bottom:1px solid #ccc; padding-bottom: 10px; } .eventos-chat .direct-chat-text{ border:none; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: 35px; } .eventos-chat .bg-unread{ background-color: #3c8dbc; border-radius: 5px; position: relative; padding: 5px 10px; margin: 5px 0 0 50px; color: #fff; display: block; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: 35px; } .eventos-chat .direct-chat-text:hover{ background-color: #b3b3b3; } .eventos-chat .bg-unread:hover{ background-color: #28698e; } /* Kanban Board Styles */ .kanban-board { width: 100%; padding: 15px; overflow-x: auto; } .kanban-columnas { display: flex; gap: 15px; min-height: 500px; } .kanban-columna { flex: 1; min-width: 280px; background-color: #f4f4f4; border-radius: 8px; display: flex; flex-direction: column; transition: all 0.3s ease; } /* Columna Colapsada - Vista Vertical */ .kanban-columna.columna-colapsada { flex: 0 0 50px; min-width: 50px; max-width: 50px; background-color: transparent; } /* Estados de drag and drop para headers */ .kanban-columna-header.dndDragging, .kanban-columna-header-vertical.dndDragging { opacity: 0.5; } .kanban-columna-header.dndDraggingSource, .kanban-columna-header-vertical.dndDraggingSource { opacity: 0.3; } /* Indicador visual cuando una columna está siendo arrastrada sobre otra */ .kanban-columna.dndDragover { border-left: 3px solid #007bff; border-right: 3px solid #007bff; } .kanban-columna.columna-colapsada.dndDragover { border-left: 3px solid #007bff; border-right: 3px solid #007bff; background-color: rgba(0, 123, 255, 0.1); } .kanban-columna-header { padding: 15px; color: white; border-radius: 8px 8px 0 0; display: flex; justify-content: space-between; align-items: center; } .kanban-columna-header h4 { margin: 0; font-size: 16px; font-weight: bold; } .kanban-columna-header .badge { background-color: rgba(255, 255, 255, 0.3); color: white; padding: 4px 10px; border-radius: 12px; font-size: 14px; } /* Header Vertical para Columnas Colapsadas */ .kanban-columna-header-vertical { width: 50px; height: 100%; min-height: 500px; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: move; /* Cursor de arrastre por defecto */ transition: all 0.3s ease; position: relative; } .kanban-columna-header-vertical:hover { opacity: 0.95; } .kanban-columna-header-vertical .vertical-content { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; width: 100%; padding: 15px 0; } .kanban-columna-header-vertical .vertical-drag-handle { font-size: 16px; margin-bottom: 10px; opacity: 0.7; pointer-events: none; /* No interfiere con el drag */ transition: opacity 0.2s ease; } .kanban-columna-header-vertical:hover .vertical-drag-handle { opacity: 1; } .kanban-columna-header-vertical .vertical-expand-icon { font-size: 14px; margin-bottom: 15px; opacity: 0.8; cursor: pointer; transition: all 0.2s ease; z-index: 10; /* Asegurar que esté por encima */ } .kanban-columna-header-vertical .vertical-expand-icon:hover { opacity: 1; transform: scale(1.3); background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; padding: 2px; } .kanban-columna-header-vertical .vertical-text { writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(180deg); font-size: 16px; font-weight: bold; letter-spacing: 1px; flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: opacity 0.2s ease; z-index: 10; /* Asegurar que esté por encima */ padding: 10px 5px; } .kanban-columna-header-vertical .vertical-text:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.15); border-radius: 4px; } .kanban-columna-header-vertical .vertical-badge { background-color: rgba(255, 255, 255, 0.3); color: white; padding: 4px 8px; border-radius: 12px; font-size: 12px; font-weight: bold; margin-top: 15px; min-width: 24px; text-align: center; } .kanban-columna-contenido { flex: 1; padding: 10px; overflow-y: auto; min-height: 400px; } .kanban-tarjeta { background-color: white; border-radius: 6px; padding: 12px; margin-bottom: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); cursor: move; transition: all 0.3s ease; position: relative; } .kanban-tarjeta:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.15); transform: translateY(-2px); } .kanban-tarjeta.dndDragging { opacity: 0.5; } .kanban-tarjeta.dndDragover { border: 2px dashed #007bff; } /* Proyecto completado (con TAG-OUT) */ .kanban-tarjeta.proyecto-completado { opacity: 0.7; background-color: #f8f9fa; border: 2px solid #6c757d; cursor: not-allowed !important; } .kanban-tarjeta.proyecto-completado:hover { box-shadow: 0 2px 4px rgba(0,0,0,0.1); transform: none; } .kanban-tarjeta.proyecto-completado::before { content: '🔒'; position: absolute; top: 5px; right: 5px; font-size: 16px; } .kanban-tarjeta-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; } .proyecto-id { font-weight: bold; color: #333; font-size: 18px; } .proyecto-estado { padding: 3px 8px; border-radius: 4px; font-size: 11px; color: white; font-weight: bold; } .kanban-tarjeta-body { margin-bottom: 10px; } .proyecto-cliente { font-size: 14px; font-weight: bold; color: #212121; margin: 0 0 5px 0; } .proyecto-titulo { font-size: 13px; color: #555; margin: 0 0 10px 0; line-height: 1.4; } .proyecto-metadata { margin-top: 8px; } .proyecto-metadata small { display: block; margin-bottom: 3px; font-size: 12px; } .kanban-tarjeta-footer { text-align: center; padding-top: 8px; border-top: 1px solid #e0e0e0; } .kanban-placeholder { text-align: center; padding: 40px 20px; border: 2px dashed #ccc; border-radius: 6px; background-color: #fafafa; } .kanban-placeholder p { margin: 0; font-size: 14px; } /* Drag and Drop Styles para proyectos */ .dndPlaceholder { background-color: #f0f0f0; border: 2px dashed #999; min-height: 100px; display: block; position: relative; } .dndDragover { background-color: #e3f2fd !important; } /* Drag and Drop Styles para columnas */ .kanban-columna.dndDragging { opacity: 0.5; transform: rotate(3deg); } .kanban-columna.dndDraggingSource { opacity: 0.3; } .kanban-columnas.dndDragover { background-color: rgba(0, 123, 255, 0.05); } .kanban-columna-header h4 { transition: all 0.2s ease; } .kanban-columna-header h4:hover .fa-bars { opacity: 1 !important; } /* Indicador visual de que se puede arrastrar */ .kanban-columna-header h4 .fa-bars { transition: opacity 0.2s ease; } /* Columnas actions */ .columna-header-content { display: flex; justify-content: space-between; align-items: center; width: 100%; } .columna-actions { display: flex; align-items: center; gap: 10px; } /* Tooltip personalizado con fondo blanco */ .kanban-tooltip-white.tooltip .tooltip-inner { background-color: white; color: #333; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0,0,0,0.15); max-width: 300px; padding: 8px 12px; font-size: 13px; text-align: left; } .kanban-tooltip-white.tooltip.bottom .tooltip-arrow { border-bottom-color: white; } .kanban-tooltip-white.tooltip.top .tooltip-arrow { border-top-color: white; } .kanban-tooltip-white.tooltip.left .tooltip-arrow { border-left-color: white; } .kanban-tooltip-white.tooltip.right .tooltip-arrow { border-right-color: white; } /* Responsive */ @media (max-width: 768px) { .kanban-columnas { flex-direction: column; } .kanban-columna { min-width: 100%; } .kanban-columna-header h4 { cursor: default !important; } } /* Estilos para la directiva de anotaciones del Kanban */ .kanban-anotaciones-panel { display: inline-block; } .kanban-anotaciones-panel .badge { position: absolute; top: -5px; right: -5px; background-color: #d9534f; color: white; font-size: 10px; padding: 2px 5px; border-radius: 10px; } .kanban-anotaciones-dialog .ngdialog-content { padding: 20px; } .kanban-anotaciones-container { padding: 15px; } .kanban-anotaciones-container .modal-title { margin-top: 0; margin-bottom: 15px; border-bottom: 2px solid #337ab7; padding-bottom: 10px; } .anotaciones-form textarea { resize: vertical; min-height: 80px; } .anotacion-item { animation: fadeIn 0.3s ease-in; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .anotacion-item:hover { box-shadow: 0 2px 5px rgba(0,0,0,0.1); transform: translateX(2px); transition: all 0.2s ease; } .anotacion-contenido { white-space: pre-wrap; word-wrap: break-word; line-height: 1.5; } .anotaciones-lista::-webkit-scrollbar { width: 8px; } .anotaciones-lista::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } .anotaciones-lista::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } .anotaciones-lista::-webkit-scrollbar-thumb:hover { background: #555; } #cotizacion-print-contents{ margin: 25px 15px; } .lineas-headers{ font-weight: bold; } .factura-descripcion, .factura-resumen { font-size: 16px; } .lineas-factura-tabla{ margin-top: 10px; } .table-lineas-factura{ width: 100%; max-width: 100%; margin-bottom: 20px; border-spacing: 0; border-collapse: collapse; } .table-lineas-factura th { border-bottom: 1px solid #CCCCCC; padding: 5px; } .info-factura{ border:2px solid #000000; padding: 5px; margin: 0 10px 0 10px !important; } .razon-social{ font-size: 16px; font-weight: bold; } .factura-consecutivo, .factura-consecutivo span{ color: #600002 !important; font-size: 18px; font-weight: bold; text-align: center; padding-top: 1cm; } /*Impacto*/ .table-azul th{ background-color: #15385d !important; color: white !important; } .table-azul, .table-lineas-factura{ border-bottom: 1px solid black; border-top: 1px solid black; } .table-azul th, .table-azul td{ border-left: 1px solid black; border-right: 1px solid black; padding: 3px; vertical-align: top; } .table-lineas-factura th{ font-size: 10px; } .table-lineas-factura th.table-lineas-factura-cantidad{ width: 5%; } .table-lineas-factura th.table-lineas-factura-descripcion{ width: 45%; text-align: center; } .table-lineas-factura th.table-lineas-factura-preciou{ width: 10%; } .table-lineas-factura th.table-lineas-factura-descuento{ width: 10%; } .table-lineas-factura th.table-lineas-factura-impuesto{ width: 10%; } .table-lineas-factura th.table-lineas-factura-preciot{ width: 15%; } .table-lineas-factura td.table-lineas-factura-cantidad{ width: 5%; text-align: center; } .table-lineas-factura td.table-lineas-factura-descripcion{ width: 40%; } .table-lineas-factura td.table-lineas-factura-preciou{ width: 15%; text-align: right; border-right: none !important; border-left: none !important; } .table-lineas-factura td.table-lineas-factura-descuento{ width: 10%; text-align: right; border-right: none !important; border-left: none !important; } .table-lineas-factura td.table-lineas-factura-impuesto{ width: 10%; text-align: right; border-right: none !important; border-left: none !important; } .table-lineas-factura td.table-lineas-factura-preciot{ text-align: right; width: 15%; border-left: none !important; } /*termina Impacto*/ @media print { @page { size: A4 ; } p{ font-size: 10px; color: red; } .print_hide { display: none; visibility: hidden; } #cotizacion-print-contents{ margin: 25px 15px; } .descripcion_pre { width: 100%; border: 1px solid black; border-radius: 10px; padding: 10px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; } .row{ margin:0px !important; } .info-factura table, .info-cliente table, .info-general, .recibido, .recibido table, .print-logo { font-size: 8px; } .estado-cuenta table { font-size: 8px; } .ng-hide { display: none !important; } .factura-nula-void{ color: #ff2800; width: 90%; height: 80%; z-index: 99; position: absolute; text-align: center; right: 0px; top: 0px; /* Safari */ -webkit-transform: rotate(-15deg); /* Firefox */ -moz-transform: rotate(-15deg); /* Opera */ -o-transform: rotate(-15deg); } .factura-nula-void-text { color: #ff2800 !important; font-size: 10rem; top: 30%; position: relative; opacity: 0.3 !important; } .info-empresa{ font-size: 6px; float: right; } .info-cotizacion{ float: left; font-size: 10px; } .acentuar{ font-size:14px; font-weight: 500; color: #246A98 !important; } .lineas-factura{ font-size: 10px; border:1px solid #ccc; padding: 10px; border-radius: 5px; margin-bottom: 5px !important; } .lineas-factura table{ font-size: 10px; } .espacio-firma{ height: 250px; padding-top: 200px; text-align: center; } .espacio-firma-boleta{ height: 150px; padding-top: 100px; padding-left: 10px; padding-right: 10px; text-align: center; } .info-general{ margin-bottom: 10px; } .detalles-venta{ } .estimados{ margin-left: 0px; font-style: italic; } .recibido > table > tbody > tr:nth-child(1) td{ border: 0px ; } .print-logo img{ width:130px; } .montos{ font-size: 10px; } address p{ font-size: 9px; } .cot-header{ border-top: 1px solid #ccc; } .top-fecha{ float: right; font-size: 7px; font-style: italic; color:#ccc; } .cot-footer{ border-top: 1px solid #ccc; text-align: center; } .footer-text{ font-size: 7px; font-style: italic; color:#ccc; } /* bootstrap fix*/ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } .visible-xs { display: none !important; } .hidden-xs { display: block !important; } table.hidden-xs { display: table; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } .hidden-xs.hidden-print { display: none !important; } .hidden-sm { display: none !important; } .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .leyenda-reimpresion { position: fixed; top: 40px; left: 50%; color: #686868; } } #cotizacion-print-contents{ margin: 25px 15px; } .descripcion_pre { width: 100%; border: 1px solid black; border-radius: 10px; padding: 10px; white-space: initial; word-wrap: break-word; } .producto-cotizacion-descripcion pre{ width: 100%; padding: 0; margin-bottom: 0; background-color: transparent; font-size: 12px; word-break: normal; border: none; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: pre-line; word-wrap: break-word; /* Internet Explorer 5.5+ */ page-break-inside: always; } @media print { @page { size: A4 ; } html, body { height: auto !important; overflow: visible !important; } * { overflow: visible !important; height: auto !important; max-height: none !important; box-sizing: border-box; } p{ font-size: 10px; } .print_hide { display: none; visibility: hidden; } #cotizacion-print-contents{ margin: 25px 15px; } .descripcion_pre { width: 100%; border: 1px solid black; border-radius: 10px; padding: 10px; white-space: initial; word-wrap: break-word; } .adjuntos-impresion{ margin-top: 25px; page-break-before: always; } .adjunto_cell_impresion { border: 1px solid #ccc; width: 49%; float: left; height: 320px; padding: 10px; display: block; page-break-inside: avoid; } .page-break-inside-avoid{ page-break-inside: avoid; } .adjunto_cell_impresion img { margin: 0 auto; max-width: 90%; max-height: 90%; display: inline-block; } .row{ margin:0px !important; } .info-factura table, .info-cliente table, .info-general, .recibido, .recibido table, .print-logo { font-size: 8px; } .factura-nula-void{ color: #ff2800; width: 100%; height: 100%; z-index: 99; position: absolute; text-align: center; right: 0px; top: 0px; } .factura-nula-void-text { color: #ff2800; font-size: 10rem; top: 30%; position: relative; } .info-empresa{ font-size: 6px; float: right; } .info-cotizacion{ float: left; font-size: 10px; } .acentuar{ font-size:14px; font-weight: 500; color: #246A98 !important; } .lineas-factura{ font-size: 10px; border:1px solid #ccc; padding: 10px 10px 0px 10px; border-radius: 5px; margin-bottom: 5px !important; display: flex; flex-direction: column; flex-wrap: nowrap !important; height: auto !important; overflow: visible !important; } .lineas-factura table{ font-size: 10px; } .lineas-factura caption{ font-size: 16px; font-style: italic; } .espacio-firma{ height: 250px; padding-top: 200px; text-align: center; } .espacio-firma-boleta{ height: 120px; padding-top: 100px; padding-left: 10px; padding-right: 10px; text-align: center; margin-bottom: 10px; } .info-general{ margin-bottom: 10px; } .detalles-venta{ } .estimados{ margin-left: 0px; font-style: italic; } .recibido > table > tbody > tr:nth-child(1) td{ border: 0px ; } .print-logo img{ width:130px; } .montos{ font-size: 10px; } address p{ font-size: 9px; } .cot-header{ border-top: 1px solid #ccc; } .top-fecha{ float: right; font-size: 7px; font-style: italic; color:#ccc; } .cot-footer{ border-top: 1px solid #ccc; text-align: center; } .footer-text{ font-size: 7px; font-style: italic; color:#ccc; } .table-row-boleta-entrega td{ font-size: 10px; border:1px solid #ccc; } .table-row-boleta-entrega td:first-child{ width: 10%; } .table-row-boleta-entrega td:last-child{ width: 10%; } .boleta-acentuar{ font-size: 16px; } .borderRight { border-right: 1px solid #ccc; } .borderRightDimmed { border-right: 1px solid #eaeaea; } .producto-cotizacion-descripcion{ width: 300px; max-width: 300px !important; } .producto-cotizacion-descripcion pre{ width: 100%; padding: 0; margin-bottom: 0; background-color: transparent; font-size: 12px; word-break: normal; border: none; font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: pre-line; word-wrap: break-word; /* Internet Explorer 5.5+ */ page-break-inside: always; } .factura-text-right{ text-align: right !important; } /* bootstrap fix*/ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } .visible-xs { display: none !important; } .hidden-xs { display: block !important; } table.hidden-xs { display: table; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } .hidden-xs.hidden-print { display: none !important; } .hidden-sm { display: none !important; } .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .font-size-12 { font-size: 12px; } .font-size-10 { font-size: 10px; } .productos-mostrar-table { display: table; width: 100%; } .productos-mostrar-table-head { display: block; width: 100%; display: table-row; } .productos-mostrar-table-header { font-weight: bold; padding: 10px; display: table-cell; border-bottom: 1px solid #ccc; } .productos-mostrar-table-row{ display: table-row; height: 70%; } .productos-mostrar-table-row-division{ display: table-cell; } .productos-mostrar-table-cantidad { width: 4%; max-width: 60px; min-width: 60px; height: auto; } .productos-mostrar-table-row-titulo { border: 1px solid #ccc; border-radius: 5px; } .producto-cotizacion-subtotal { font-size: 1.2rem !important; } .producto-cotizacion-total-grupo { font-size: 1.3rem !important; } .cotizacion-mostrar-codigo-cabys{ font-size: 13px !important; } .print-no-margin-left{ margin-left: 0 !important; } .print-no-margin-right{ margin-right: 0 !important; } .print-no-margin-top{ margin-top: 0 !important; } .print-no-margin-bottom{ margin-bottom: 0 !important; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px !important; margin-bottom: 10px !important; } .row.print-header { background-color: #3c8dbc !important; -webkit-print-color-adjust: exact !important; /* Chrome, Safari */ print-color-adjust: exact !important; /* Firefox */ color: white !important; } .mt-40-print { margin-top: 40px !important; } .font-size-15rem { font-size: 1.5rem; } .print-width-100 { width: 100% !important; } } @media print { .cotizacion_saludo { font-size: 14px; font-style: italic; } #cotizacion-print-contents{ margin: 25px 25px; z-index: 99; padding: 20px; } .lado-izquierdo{ position: fixed; left: 0px; top: 230px; z-index: -1; width: 30px; } .bottom-footer { position: fixed; right: 0px; bottom: 0px; z-index: -1; } } @media print { #cotizacion-print-contents{ margin: 25px 25px; z-index: 99; } .lado-izquierdo{ position: fixed; left: 0px; top: 0px; z-index: -1; } .esquina-superior-derecha{ position: fixed; right: 0px; top: 0px; z-index: -1; } .esquina-inferior-derecha{ position: fixed; right: 0px; bottom: 0px; z-index: -1; } #cotizacion-print-contents{ margin: 25px 25px; padding: 20px; z-index: 99; } .footer { position: fixed; right: 0px; bottom: 0px; z-index: -1; width: 450px; } } @media print { #cotizacion-print-contents{ margin: 25px 25px; z-index: 99; } .lado-izquierdo{ position: fixed; left: 0px; top: 0px; z-index: -1; } .esquina-superior-derecha{ position: fixed; right: 0px; top: 0px; z-index: -1; } .esquina-inferior-derecha{ position: fixed; right: 0px; bottom: 0px; z-index: -1; } #cotizacion-print-contents{ margin: 25px 25px; padding: 20px; z-index: 99; } } caption .titulo-grupo{ font-size: 18px; font-weight: bold; font-style: normal; } .producto-cotizacion-total-grupo{ font-size: 18px; font-weight: bold; font-style: normal; } .cotizacion-totales{ font-size: 16px; font-weight: bold; } .cotizacion-prefacturar-column { min-width: 135px; width: 135px; } @media print { body{ -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } #cotizacion-print-contents{ margin: 25px 25px; z-index: 99; } .lado-izquierdo{ position: fixed; left: 0px; top: 0px; z-index: -1; } .esquina-superior-derecha{ position: fixed; right: 0px; top: 0px; z-index: -1; } .esquina-inferior-derecha{ position: fixed; right: 0px; bottom: 0px; z-index: -1; } #cotizacion-print-contents{ margin: 25px 25px; padding: 20px; z-index: 99; } .footer { position: fixed; right: 0px; bottom: 0px; z-index: -1; width: 450px; } } .company-details p { line-height: 1.5; color: #333; } #observaciones{ background-color: #ccc !important; min-height: 70px; padding: 5px; } .service-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .detalles-table { width: 100%; border-collapse: collapse; padding: 5px; font-size: 12px; } .service-table th, .service-table td { border: 1px solid #333; padding: 10px; text-align: left; } .service-table th{ background-color: #1a4689 !important; color: #fff !important; } td.fondo-azul, th.fondo-azul { background-color: #1a4689 !important; color: #fff !important; } .conditions, .bank-details { width: 100%; max-width: 100%; padding: 10px; } .conditions th, .bank-details th { background-color: #009688 !important; color: #fff !important; text-align: center; padding: 8px; } .conditions td { font-size: 12px; padding-left: 5px; } .bank-details td{ padding: 5px; font-size: 13px; font-weight: bold; } .razon-social { background-color: #54c1dc !important; color: #fff !important; } .banco-nombre{ background-color: #969696 !important; } .saludo-cotizacion{ font-size: 13px !important; line-height: 1 !important; } @media print { #cotizacion{ font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; } #cotizacion-print-contents{ margin: 25px 25px; z-index: 99; } } .lineas_tabla { font-size: 90% } .notif-bell-item { position: relative; overflow: visible; } .navbar-custom-menu .navbar-nav { overflow: visible; } .topNavBarNotificationPanel { position: absolute; top: calc(100% + 8px); right: 0; width: 380px; max-height: 70vh; background-color: #fff; border-radius: 8px; overflow: hidden; z-index: 1050; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); } .topNavBarNotificationPanel::before { content: ''; position: absolute; top: -8px; right: 14px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #3c8dbc; } .notif-panel-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background-color: #3c8dbc; color: #fff; } .notif-panel-title { font-size: 14px; font-weight: 600; } .notif-panel-title .fa { margin-right: 6px; } .notif-panel-count { font-size: 11px; background-color: #dd0f3e; padding: 2px 8px; border-radius: 10px; font-weight: bold; } .notif-mark-all-btn { margin-left: 8px; font-size: 11px; padding: 2px 8px; border: none; background-color: rgba(255, 255, 255, 0.2); color: #fff; } .notif-mark-all-btn:hover, .notif-mark-all-btn:focus { background-color: rgba(255, 255, 255, 0.35); color: #fff; } .notif-mark-all-btn[disabled] { opacity: 0.7; color: #fff; } .notif-panel-body { max-height: calc(70vh - 44px); overflow-y: auto; } .notif-empty { text-align: center; padding: 40px 20px; color: #999; } .notif-empty .fa { font-size: 32px; margin-bottom: 10px; display: block; } .notif-empty p { margin: 0; font-size: 14px; } .notif-item { display: flex; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #eee; cursor: pointer; transition: background-color 0.15s ease; } .notif-item:last-child { border-bottom: none; } .notif-item--read { background-color: #fff; } .notif-item--unread { background-color: #fef6ee; border-left: 3px solid #dd0f3e; } .notif-item--read:hover { background-color: #f5f5f5; } .notif-item--unread:hover { background-color: #fcede0; } .notif-item-icon { flex-shrink: 0; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; border-radius: 50%; } .notif-item-icon .fa { font-size: 16px; } .notif-item-content { flex: 1; min-width: 0; } .notif-item-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 4px; } .notif-item-title { font-size: 13px; font-weight: 600; color: #333; line-height: 1.3; } .notif-item-badge { flex-shrink: 0; font-size: 10px; font-weight: bold; color: #fff; background-color: #dd0f3e; padding: 2px 7px; border-radius: 4px; text-transform: uppercase; } .notif-item-desc { margin: 0 0 4px; font-size: 13px; color: #555; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .notif-item-meta { margin: 0 0 2px; font-size: 12px; color: #777; font-style: italic; } .notif-item-footer { margin: 0; font-size: 11px; color: #999; } .navbar-custom-menu .navbar-nav > li > a { position: relative; } .notificationesNoLeidasCount { min-width: 18px; height: 18px; line-height: 18px; padding: 0 4px; border-radius: 9px; background-color: #dd0f3e; color: #eae6e8; font-size: 10px; font-weight: bold; text-align: center; position: absolute; top: 6px; right: 2px; z-index: 1; box-sizing: border-box; } .notificaciones_bell { font-size: 24px; } .notificaciones_bell a { padding: 13px !important; } .notif-bubbles-container { position: fixed; top: 70px; right: 16px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; max-width: 360px; width: calc(100vw - 32px); pointer-events: none; } .notif-bubble { position: relative; display: flex; gap: 12px; align-items: flex-start; padding: 12px 36px 12px 12px; background: #fff; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); border-left: 4px solid #3c8dbc; cursor: pointer; pointer-events: auto; animation: notif-bubble-in 0.25s ease-out; } .notif-bubble--info { border-left-color: #3c8dbc; } .notif-bubble--success { border-left-color: #00a65a; } .notif-bubble--warning { border-left-color: #f39c12; } .notif-bubble--error { border-left-color: #dd4b39; } .notif-bubble-icon-wrap { position: relative; flex-shrink: 0; width: 40px; height: 40px; } .notif-bubble-ring { position: absolute; top: 0; left: 0; width: 40px; height: 40px; transform: rotate(-90deg); } .notif-bubble-ring-bg { fill: none; stroke: rgba(221, 15, 62, 0.2); stroke-width: 2.5; } .notif-bubble-ring-progress { fill: none; stroke: #dd0f3e; stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 106.81; stroke-dashoffset: 0; animation: notif-bubble-ring-countdown var(--notif-ring-duration, 15s) linear forwards; } .notif-bubble-icon { position: absolute; top: 4px; left: 4px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: #eef5f9; border-radius: 50%; color: #3c8dbc; } .notif-bubble--success .notif-bubble-icon { background: #e8f8ef; color: #00a65a; } .notif-bubble--warning .notif-bubble-icon { background: #fef6e8; color: #f39c12; } .notif-bubble--error .notif-bubble-icon { background: #fdecea; color: #dd4b39; } .notif-bubble-content { flex: 1; min-width: 0; } .notif-bubble-title { margin: 0 0 4px; font-size: 13px; font-weight: 600; color: #333; line-height: 1.3; } .notif-bubble-message { margin: 0; font-size: 12px; color: #666; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .notif-bubble-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; padding: 0; border: none; background: transparent; color: #999; cursor: pointer; line-height: 1; } .notif-bubble-close:hover { color: #333; } @keyframes notif-bubble-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } } @keyframes notif-bubble-ring-countdown { from { stroke-dashoffset: 0; } to { stroke-dashoffset: 106.81; } } .chat-fab-mobile { display: flex; position: fixed; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); right: 16px; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; border: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); align-items: center; justify-content: center; font-size: 1.5rem; z-index: 1040; cursor: pointer; } .chat-fab-mobile .chat-fab-badge { position: absolute; top: -4px; right: -4px; background: #e74c3c; color: #fff; border-radius: 10px; min-width: 20px; height: 20px; padding: 0 5px; font-size: 0.75rem; display: flex; align-items: center; justify-content: center; } .chat-mobile-root { position: fixed; inset: 0; z-index: 9999; background: #e5ddd5; } /* Estilos para la directiva boceto-impresion */ .boceto-container { width: 100%; padding: 20px; } .boceto-leyenda { display: flex; justify-content: center; margin-bottom: 20px; gap: 20px; flex-wrap: wrap; } .leyenda-item { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; } .color-box { width: 20px; height: 20px; border: 1px solid #333; border-radius: 3px; display: inline-block; } .boceto-controls { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 15px; padding: 10px; background-color: #f8f9fa; border-radius: 5px; border: 1px solid #ddd; } .boceto-controls .btn { margin: 0 2px; } .zoom-info { font-weight: bold; color: #666; margin-left: 10px; padding: 5px 10px; background-color: #e9ecef; border-radius: 3px; font-size: 12px; } .boceto-canvas-container { width: 100%; text-align: center; background-color: #f8f9fa; border: 1px solid #ddd; border-radius: 5px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } #bocetoCanvas { max-width: 100%; height: auto; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; } /* Responsive */ @media (max-width: 768px) { .boceto-leyenda { flex-direction: column; align-items: center; gap: 10px; } .boceto-container { padding: 10px; } .boceto-canvas-container { padding: 10px; } } /* Estilos para impresión */ @media print { .boceto-container { padding: 0; } .boceto-leyenda { margin-bottom: 10px; } .boceto-canvas-container { border: none; box-shadow: none; padding: 0; } #bocetoCanvas { border: 1px solid #000; } }