article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block} /*-- ALL --*/ *{box-sizing:border-box} body{font-size:13px;font-family: 'Quicksand';background:#fff;color:#131313;margin:0;height:100%;min-height:100%} h1{font-size:24px;font-weight:400;letter-spacing:-1px;color: #323232} h2{font-size:20px;font-weight:400;letter-spacing:-1px;color: #323232} h3{font-size:15px;font-weight:400;} h4{font-size:14px;font-weight:400;} a{text-decoration:none;color:#ff8a00} a[href^="mailto:"]{text-decoration:none;color:#ff8a00} img{border:0 none} button,select,input[type='radio'],input[type='checkbox']{cursor:pointer} button:disabled{opacity:0.3;background: #cfcfcf;color: #545454} input,select{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px} input:disabled{background:#eee} input[type='radio']{margin:13px 3px} button{margin:0;padding:5px 15px;background: none;border: none} textarea.textarea_form{display:block;width:100%;box-sizing:border-box;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:20px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} textarea.textarea_form_disabled{width: 100%;background: none;border: none;cursor: context-menu;box-sizing: border-box;resize: none} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #bdbdbd} ::-moz-placeholder { /* Firefox 19+ */color: #bdbdbd} :-ms-input-placeholder { /* IE 10+ */color: #bdbdbd} :-moz-placeholder { /* Firefox 18- */color: #bdbdbd} td{padding: 5px 10px;} tr:nth-child(odd) {background-color:#ffffff} tr:nth-child(even) {background-color:#fbfbff} hr{border: 0;border-top-color: currentcolor;border-top-style: none;border-top-width: 0px;border-bottom-color: currentcolor;border-bottom-style: none;border-bottom-width: 0px;border-top: 1px solid #ddd;border-bottom: 1px solid #fafafa} td button{background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);padding: 7px;border-radius: 20px;width: 35px;border: 1px solid #c3c3c3;color: #272727;} .hide{display:none !important} .readonly{filter: grayscale(100%);background: #f1f1f1 !important;} /* DOTS LOADING */ span.mensaje-busqueda{display: block;text-align: center;margin-top: 10px;} .loading-dots span {font-size: 16px;margin: 0 2px;font-weight: bold;animation: loading-animation 1.5s infinite;display: inline-block;} .loading-dots span:nth-child(1) {animation-delay: 0s;} .loading-dots span:nth-child(2) {animation-delay: 0.2s;} .loading-dots span:nth-child(3) {animation-delay: 0.4s;} @keyframes loading-animation { 0% { opacity: 0.2; transform: translateY(0px); } 50% { opacity: 1; transform: translateY(-5px); } 100% { opacity: 0.2; transform: translateY(0px); } } /* CATEGS Y SUB CATEGS --*/ ul.subcategs {margin: 5px 8px 0;} ul.subcategs li {margin-bottom: 5px;} ul.subcategs li a {padding: 5px;} #error{color:#fff} #error h1{color:#fff;font-size: 155pt;font-weight: 400;margin-bottom: 0px} #error h2{color:#fff;font-size: 35pt;margin: 0} #error p{font-size:14pt} #error .btn{margin-bottom:40px} .text_red{color: #df2525} .text_gray{color: #818181} .text_green{color: #618d0d} .text_yellow{color: #efaf20} .msg_store{display: block;width: 100%;font-size: 10pt;text-align: center;margin: 0 0 20px;padding: 20px 10px} .msg_store.success{background: #d0e1af;border: 1px solid #78a720;color: #4d6a16} .msg_store.success a{color: #000} .msg_store.error{background: #e1afaf;border: 1px solid #a72020;color: #6a1616} /*-- GLOBALES --*/ .floatLeft{float: left !important;} .floatRight{float: right !important;} .marginCenter{margin:0 auto !important} .left{text-align:left !important} .center{text-align:center !important} .right{text-align:right !important} .align-top{vertical-align:top !important} .align-middle{vertical-align:middle !important} .pointer{cursor:pointer !important} .disabled{opacity:0.2} .actived:hover{opacity:0.8;transition: 0.3s} .rounded{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px} .clear{clear:both} .dashed_line{text-align: left;border-bottom: 1px solid #e9e9e9;letter-spacing: 0px;margin: 0 0 25px;} .dashed_line i{background: #323232;padding: 2px;width: 20px;height: 20px;border-radius: 100%;color: #fff;font-size: 13px;text-align: center;line-height: 20px;margin-right: 5px} .solid_white_line{border-bottom:2px solid #fff} .nomargin{margin:0} .nopadding{padding:0} .col-2{display: inline-block;width: 49.5%;} .section_header{display: flex;padding: 0;border-bottom: none;margin-bottom:30px;justify-content: space-between;align-items: center;} .section_header_title{margin: 0 16px 0 0;padding: 3px 0;font-size: 1.3rem;line-height: 1.3;font-weight: 400} .section_header hr {-ms-grid-row-align: center;align-self: center;flex-grow: 1;height: 1px;margin: 10px 10px} .section_header_menu{display: flex;flex-direction: row;align-items: center;gap: 1em;} .section_header_menu span{cursor:pointer} .section_header_menu img{max-width: 120px;} .section_header_menu .panel-minibtns{margin:0} /*-- INSTALL --*/ #install{display: flex;align-items:flex-start;justify-content:center;width: 45%;background: #fff;position: relative;overflow-y: auto;padding: 2% 5%;box-sizing: border-box;box-shadow: 7px 0 10px rgb(0 0 0 / 20%);z-index: 9;} /*-- LOGIN --*/ body.home{background-image:url('/images/bgblack_sivo.jpg');background-color: #191919;background-size: cover;background-attachment:fixed;width:100%;display: inherit} .wrapper{width:100%;height: 100%} .wrapper_login{display: inline-flex;width: 100%;height: 100%;position: absolute;} .wrapper_seguimiento{padding: 2% 5%;background: #fff;width: 80%;margin: 5% auto;border-radius: 20px;border: 1px solid #b3b3b3} .Sivo_Logo{margin-bottom: 5%} .Sivo_Logo img{width: 90%;max-width: 350px} #login{position:relative;display: flex;align-items:center;justify-content:center;width: 40%;background: repeating-linear-gradient(45deg, #ffffff, #f9f9f9 465px);padding: 5% 5%;box-sizing: border-box;box-shadow: 7px 0 10px rgb(0 0 0 / 20%);z-index: 9;} .login-inside{width: 100%;} #sivo-ads{width: 100%;background-size: cover} .content_login{position: relative;padding:35px;text-align:center} .form-signin{margin:0 0 40px 0} .content_logo{background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);width: 100%;height: 90px;border-bottom: 1px solid #c0c0c0;z-index: 10;position: fixed} .login_logo{padding: 10px 15px;margin:0 auto 10px auto;box-sizing: border-box;text-align: center} .login_logo img{max-width:275px;max-height:160px} .form-login{text-align: left;margin-bottom:40px} .form-login p{margin:2px 0} .input-login{width:100%;margin-bottom:10px;display: flex} .btn_login{display: block;width: 100%;background: linear-gradient(25deg, rgba(255, 174, 22, 1) 0%, rgba(240, 136, 23, 1) 50%, rgb(255 94 0) 100%);color: #fff;border-color: #f08817;text-align: center;margin: 15px auto;padding: 10px 15px;cursor: pointer;border: 1px solid transparent;white-space: nowrap;font-size: 15px;border-radius: 35px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: 0.3s} .btn_login:hover{letter-spacing: 2px;transform: scale(1.02);} span.ico_input {float:left;width: 45px;height: 45px;padding: 10px;background: #ffffff;box-sizing: border-box;border: 1px solid #ccc;color: #313131;border-radius: 5px} span.box_input {float:right;width: 100%} input.form-control{display:block;width:100%;height:55px;box-sizing:border-box;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:20px;-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,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} select.form-control{display:block;width:100%;height:55px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:20px;-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,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .remember_device{display: flex;align-items: center;gap: 0.5rem;padding: 0 10px;font-size: 8pt;cursor: context-menu;} .boton{width: 100%;margin: 0 0 20px 0;text-align: right} .btn{display:inline-block;color:#fff;border-color:#444444;margin-bottom: 0;font-family: 'Quicksand';font-weight: 400;text-align: center;vertical-align: middle;margin:5px;padding: 5px 20px;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;font-size: 9.5pt;line-height: 1.5;border-radius: 30px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;box-shadow: 3px 3px 3px #d8d8d8;text-transform: uppercase;transition: 0.3s} .btn:hover{background-color:#3c3c3c;border-color:#4d4d4d;transform: scale(1.02);letter-spacing: 0.5px;} .btn a{color:#fff;display:block} .btn a:hover{color:#eee} .fullwidth{width:100%;margin: 5px 0;} .btn-light {background: linear-gradient(#FFF, #F9F9F9);font-family: 'Quicksand';font-size: 9.5pt;text-align:center;color: #6b941d;padding: 10px 15px;border-radius: 20px;border: 1px solid #eee;font-weight: bold;letter-spacing: 0.5px;box-shadow: 3px 3px 3px #d8d8d8;cursor:pointer;transition: 0.3s;} .btn-light:hover{transform: scale(1.1);letter-spacing: 1px;} .btnsegundoplano{background:#fff !important;color:#E75F00 !important;border:2px solid #E75F00 !important} .btnsegundoplano a{color:#E75F00 !important;} .mini-btn{background: linear-gradient(#FFF, #F9F9F9);cursor:pointer;padding:10px 15px;border:1px solid #bdbdbd;transition: 0.3s;color: #272727;} .mini-btn:hover{transform: scale(1.05)} .mini-btn-icons{display:inline-block;background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);padding: 7px;border-radius: 20px;width: 35px;border: 1px solid #c3c3c3;cursor:pointer;} .mini-btn-icons i:hover{transform: scale(1.3);transition: 0.3s} .mini-btn-icons.disabled i{color:#eee} .c_disabled{background-color:#d9d9d9} .c_standard{background-color:#313131} .c_positivo{background-color:#618D0D} .c_negativo{background-color:#EA2E2E} .c_sugerencia{background-color:#ffbc00} .cancel{display:inline-block;color:#fff;background-color:#EA2E2E;border-color:#931D1D;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;font-size: 9.5pt;line-height: 1.42857143;border-radius: 30px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;box-shadow: 3px 3px 3px #d8d8d8;transition: 0.3s} .cancel:hover{background-color:#D52323;border-color:#931D1D;transform: scale(1.02);letter-spacing: 0.5px;} .cancel a{color:#fff;padding: 5px 15px;display:block} .cancel a:hover{color:#eee} span.msg_success{display: block;background: #618d0d;color: #fff;padding: 5px 10px;text-align:center;border-radius: 10px;border: 1px solid #0b791e;margin: 0 auto 20px} span.msg_warning{display: block;background: #f7f2b4;color: #a18f35;padding: 5px 10px;text-align: center;border-radius: 10px;border: 1px solid #dddcb3;margin: 0 auto 20px;} span.msg_error{display: block;background: #c13939;color: #fff;padding: 5px 10px;text-align:center;border-radius: 10px;border: 1px solid #790b0b;margin: 0 auto 20px} .Sivo{position: absolute;padding: 10px;left: 50%;bottom: 20px;transform: translateX(-50%);text-align: center;width: 100%;box-sizing: border-box;} .Sivo img{width: 80px;margin-bottom:5px} .Sivo a.web{color:#fff;background:#ff8a00;border:1px solid #ff8a00;padding:3px 6px;border-radius:10px;font-weight:bold;letter-spacing: 1px;transition: 0.3s} .Sivo a.web:hover{color:#ff8a00;background:#fff;} .Sivo_version{text-align: center;color:#b9b9b9;} .Sivo_box{margin: 20px} .Sivo_box img {width: 80px} /*-- PRE CONFIGURACION --*/ #pre-configuracion{width: 100%;height:100%;padding: 20px;box-sizing: border-box;position: absolute;display: flex;align-items: center;flex-wrap: wrap;font-family: 'Raleway'} .box_pre_configuracion{width: 30%;box-sizing: border-box;margin: 0 auto;background: #fff;border-top-left-radius: 25px;border-bottom-right-radius: 25px;border: 1px solid #ddd;padding: 20px 20px;text-align: center} .box_pre_configuracion img.loading{width:100%;max-width:330px} .box_pre_configuracion h1{text-align: center;font-weight:600} /*-- PANEL --*/ .content_logo_panel{background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);width: 100%;height: 40px;border-bottom: 1px solid #c0c0c0;z-index: 999999;position: fixed;top:0} .panel_logo{float:left;background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);width: 180px;height: 90px;line-height: 90px;padding: 10px;box-sizing: border-box;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;border-left: 1px solid #c0c0c0;border-right: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0;text-align: center;z-index:99} .panel_logo.normalScreen img{max-width: 100%;max-height: 70px} .panel_logo.normalScreen img.faviconMenu{display:none} .logo_menubar{display:none;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;border-left: 1px solid #c0c0c0;border-right: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0;background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);} .menu-bar{display:none;float: left;font-size: 25px;padding: 5px 15px} .checkbox_inline{display: flex;align-items: center;width: fit-content;gap: 1rem;background: #f4f4f4;padding: 5px 10px;margin: 10px 2px;border-radius: 10px;border: 1px solid #ddd} #options_account{width: 100%;margin: 0 auto} .btn_panel{width: 100%;background: #f3f3f3;box-sizing: border-box;text-align: left;letter-spacing: 0.3px;color: #251f1f;margin-bottom: 5px;padding: 5px;cursor: pointer;border-radius: 10px;border-bottom: 1px solid #cfcfcf;border-top: 1px solid #ffffff;} .btn_panel:hover{background: #fff;} .btn_panel:hover ul.MenuList > li{border-bottom: 1px solid #f3f3f3;} .btn_panel:hover ul.MenuList li:last-child{border-bottom:none} .ico_panel{border-right: 1px solid #cfcfcf;width: 30px;height: 30px;line-height: 30px;box-sizing: border-box;margin: 5px 7px 5px;color: #2b5e6d;text-align: center;} .ico_panel i{font-size:9pt;position:relative} .ico_panel, .txt_panel{display:inline-block;vertical-align: middle} .txt_panel{text-align: left;position: initial;background: none;font-size: 12px;width: 65%;box-sizing: border-box;border-radius: 5px;} .icodown i{color: #a7a7a7;font-size: 10px} .MenuPanel:hover{transition: 0.3s} ul.MenuList{text-align: left;list-style: none;font-size:8pt} ul.MenuList > li{border-bottom: 1px solid #fff;padding: 10px 0 5px 0} ul.MenuList li:first-child{border-top:none} ul.MenuList li:last-child{border-top:none;border-bottom:none} ul.MenuList li a{display:block;width:100%;color:#5b5b5b;line-height: 16px;} ul.MenuList li a:hover{color:#042e3b} ul.SubMenuList{padding-left: 10px;list-style: disc} ul.SubMenuList li{border: none;margin: 5px 5px} .SiVO_Panel{padding:10px;text-align:center} .SiVO_Panel img{width:50%} /*-- PLAN STARTER --*/ .sales_bar {width: 100%;height: 40px;border-radius: 20px;background: #fbfbff;border: 1px solid #f1f1f1;line-height: 35px;padding: 2px;margin-bottom: 20px;position: relative;cursor: context-menu;} .sales_progress {background: linear-gradient(270deg, #618d0d, #006683);border-radius: 20px;line-height: 33px;text-align: center;color: #fff;font-weight: bold;width: 0;height: 33px;transition: width 2s ease;position: relative;overflow: visible; /* Allow overflow to show text */} .progress-text {transition: opacity 0.5s ease;display: inline-block;white-space: nowrap;position: relative;padding:0 10px;opacity: 0;} /*-- CARGO --*/ #map_route{height:400px;z-index:1} /*-- BT Y BOXES - COLORES --*/ .color1{background-color:#de6900} .ico_color1{background-color:#da7821} .color2{background-color:#f39a01} .ico_color2{background-color:#da9b3a} .color3{background-color:#147b98} .ico_color3{background-color:#279ec2} .color4{background-color:#9d230f} .ico_color4{background-color:#811c0b} .color5{background-color:#618D0D} .ico_color5{background-color:#48660F} .color6{background-color:#327404} .ico_color6{background-color:#408600} .color7{background-color:#998956} .ico_color7{background-color:#B6A46B} /*-- USUARIOS ONLINE --*/ .usuarios_online{display: block;width: 90%;font-size: 11px;margin: 20px auto;background: #fff;padding: 5px;border-radius: 20px;border: 1px solid #28BE03;cursor:pointer;box-sizing:border-box} .status_online{display: block;background: #8edd46;width: 10px;height: 10px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border: 1px solid #2ac903;margin: 2px auto;float: left} .usuarios_online{color:#1A1A1A;text-align:center} /*-- NIVELES CUENTA --*/ .box_cuentas{width: 100%;padding: 0 20px;transition: 0.3s;} .box_cuentas:hover {transform: scale(1.02);} .modulos-user li{margin-bottom: 5px;} .modulos-user li i{font-size:8pt} /*-- OTROS --*/ .ups{font-size:60px;text-align:center} .mini_bar{background:#313131;border-color:#444444;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:5px} .mini_bar a{color:#fff} .cuenta_activa{display:block;background:#8edd46;width:15px;height:15px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;border:1px solid #2ac903;margin:0 auto} .cuenta_desactivada{display:block;background:#dd4646;width:15px;height:15px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;border:1px solid #cc1b1b;margin:0 auto} .seccion{opacity: 0;transform: translateY(50px);transition: opacity 0.6s ease, transform 0.6s ease;position:relative;width:100%;display:block;background:#fff;text-align:center;margin-bottom:20px;padding: 20px 20px;border:1px solid #f1f1f1;border-radius: 20px;box-sizing: border-box;box-shadow: 5px 10px 12px #f7f7fb;} .seccion > *:last-child {margin: 0;} .separator{margin:40px 0;display: grid} .del_box{background: #ea2e2e;width: 40px;height: 40px;line-height: 40px;font-weight: bold;color: #fff;position: absolute;right: 0;top: 0;border-bottom-left-radius: 20px;border-top-right-radius: 20px;z-index: 9;transition: 0.3s;cursor: pointer;} .del_box:hover{font-size: 12pt;} .seccion.visible {opacity: 1;transform: translateY(0);} .ticket{display: flex;vertical-align: middle;align-items: center;/*padding: 10px !important*/;color:#505050 !important} .ticket #sin_datos {margin: 0;width: 35%;} .ticket span.sin_resultados {width: 100%;} .ticket .ticket-left{width:30%} .ticket .ticket-left img{max-width:60%} .ticket .ticket-middle{width:40%} .ticket .ticket-middle p{margin:0} .ticket .ticket-right{width:30%} .ticket h3{font-size: 13pt;margin:0 0 5px 0;font-weight:600} .title_seccion{margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px solid #e9e9e9;font-weight: 600;letter-spacing: 0.3px;text-transform:uppercase} .seccion h1, .seccion h2, .seccion p{text-align: left} .ul_no_list-style{list-style: none;padding: 0px} .li_inline_block{display:inline-block;box-sizing: border-box;vertical-align: middle} span.sin_resultados{color:#c3c3c3} span.sin_resultados a{background: #e84521;color: #fff;padding: 2px 5px;border-radius: 5px;font-size: 8pt;display: table-cell} span.sin_resultados a:hover{opacity:0.8} span.nom_product_list {/*text-transform: uppercase;*/} span.extras_product_list {display:block;color:#555;margin: 5px 0;} span.detalle{background: #f8f8f8;border-radius: 5px;padding: 0 5px;color: #4c4c4c;border: 1px solid #e0e0e0} .grecaptcha-badge{z-index: 99} .super_ico_title{font-size: 7pt;float: right;} .contrato-detalle{height: 100%;max-height: 600px;overflow-y: scroll;margin-bottom:20px} #ClientCard, #ClientCardTercero, #ProfessionalCard, #FieldCard, #CarCard, #ClientCard-Popup{max-width: 460px;position: relative; overflow: hidden;} #ClientCard h3 small, #ClientCard-Popup h3 small{display: inline-block;background: #2792ef;font-size: 7pt;color: #fff;font-weight: bold;text-align: center;padding: 5px 10px;border-radius: 15px;letter-spacing: 0.5px;} #ClientCard-Popup{max-width: 390px;} .circle-card {width: 100%;height: 100%;position: absolute;background: #fbfbff;border: 1px solid #f1f1f1;border-radius: 400px;top: 0;left: -93%;} .miniAdd{position: absolute;bottom: 10px;right: 10px;border: 1px solid #f1f1f1;border-radius: 20px;background: #618d0d;color: #fff;line-height: 1.5;transition: 0.3s;} .miniAdd:hover{transform: scale(1.1);} .mini-close{float: right;width: 20px;height: 20px;background: #ffbc00;line-height: 20px;color: #fff;border-radius: 20px;cursor:pointer} .info-preview-cliente {display: flex;align-items: center;gap: 0.5rem;text-align: left;} .cover-cliente, .mini-cover-cliente{background: #f9f9f9;color: #ddd;width: 100%;height: 100%;object-fit: cover;box-sizing: border-box;aspect-ratio: 1 / 1;border-radius: 50%;text-align: center;vertical-align: middle;font-weight: bold;font-size: 18pt;display: flex;justify-content: center;align-items: center;} .cover-cliente{font-size: 120pt;} .mini-cover-cliente {width: 40px;height: 40px;line-height: 40px; font-size: 12pt;} .mini-cover-cliente img{border-radius: 40px;} #list_products-cliente{display: grid;grid-template-columns: repeat(6, minmax(140px, 1fr));gap: 0.5rem;margin-bottom:30px} #list_products-cliente .item-list_products{position:relative;box-sizing: border-box;vertical-align: top;padding: 5px;border-radius: 20px;box-shadow: 0px 1px 1px rgb(71 71 71 / 20%);border: 1px solid #efefef} #list_products-cliente .item-list_products:hover{transform: scale(1.03);opacity:0.8;transition: 0.3s} .icons_leyendas {display: flex;align-items: center;gap: 0.5rem;margin: 5px 0;} .icons_leyendas i{background: #79a566;padding: 4px;border-radius: 5px;color: #fff;transition: 0.3s;cursor: help;} .icons_leyendas i:hover{transform: scale(1.05);} .locked {position: absolute;background: #ffffffc7;backdrop-filter: blur(2px);width: 100%;height: 100%;top:0;left:0;z-index:9;} .msg_locked {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 40px;font-size: 10pt;color: #636363;} .msg_locked{text-align: center;} .msg_locked i{font-size:28pt} .extra-bottom-form{position:relative;padding:20px 0} .extra-bottom-form div{position:absolute;right:10px;display: inline-flex;gap: 1rem;vertical-align: middle;align-items: center;font-weight: bold;} span.ShowHide-DIV {background: linear-gradient(#fff, #f9f9f9);background: -webkit-linear-gradient(#fff, #f9f9f9);background: -moz-linear-gradient(#fff, #f9f9f9);;padding: 10px;margin: 10px;display: inline-block;border: 1px solid #ddd;border-radius: 50px;cursor: pointer;} .foto_usuario{padding: 0 !important;} .foto_usuario img{border-radius: 100%;width: 100%;height: 100%;object-fit: cover;box-sizing: border-box;aspect-ratio: 1 / 1;border:2px solid #eee;padding: 0;} .info_ayuda{width: 40px;height: 55px;position: relative;top: -8px;color: #131313;text-align: center;font-size: 40px;float: right} .mini_foto_perfil{width:40px;height:40px;border-radius:50%;margin:2px auto} .check{text-align: center;margin-bottom: 10px;background: #D5EF8A;border-radius: 5px;font-weight: bold;padding: 10px;border: 1px solid #A7C747;color:#228401} .warning{text-align: center;margin-bottom: 10px;background: #FFEE91;border-radius: 5px;font-weight: bold;padding: 10px;border: 1px solid #F5D841;color:#A30000} /* TEMPORAL HASTA TERMINAR EDICIÓN CSS DE ID A CLASS */ #popup{width: 100%;height: 100%;position: fixed;background: #ffffff6b;right: 0;top: 0;z-index:8} #popup hr{border: 0;width: 70%;height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));margin: 10px auto} #mjs_popup img{display: block;width: 50%;margin: 0 auto;max-width: 450px;border-radius: 100px} /* ----- FIN ----- */ /* CALENDARIO GRID */ .wrapper-calendario{padding: 20px;border: 1px solid #f1f1f1;border-radius: 20px;box-sizing: border-box;box-shadow: 5px 10px 12px #f7f7fb;} .flex-detail_calendario{display: flex;gap: 1rem;} .resumen_dia_calendario{width: 25%;} .dia_calendario{margin-bottom: 20px;} .box_day {background: #fff;width: 100%;border: 1px solid #eee;border-radius: 7px;text-align: center;} .box_day span {display: block;padding: 5px;} .box_day .mes {background: #2196f3;color: #fff;border-top-left-radius: 7px;border-top-right-radius: 7px;} .box_day .num_dia {font-weight: bold;font-size: 18pt;} .box_day .dia {border-top: 1px dashed #eeeeee;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;font-weight: bold;} .transacciones_dia_calendario{} .calendario {display: grid;width: 75%;grid-template-columns: repeat(7, 1fr);text-align: center;border: 1px solid #f1f1f1;border-radius: 10px;overflow-x: auto;} .calendario > div {border: 1px solid #eee;} .calendario .encabezado:first-child {border-top-left-radius: 10px;} .calendario .encabezado:last-child {border-top-right-radius: 10px;} .calendario .no-border{border: none;} .calendario .dia {position:relative;padding: 20px 10px;letter-spacing: 0.5px;} .calendario .dia .fecha {position:absolute;top:5px;right:10px;font-weight: bold;margin-bottom: 5px;color: #345875;} .calendario .dia .venta {font-size: 14px;color: #6a941b;} .calendario .dia.hoy {background: #f0f8ff;border: 2px solid #2196f3;} .calendario .total-semana {border:none;grid-column: span 7; /* ocupa toda la fila */text-align: right;font-weight: bold;padding: 10px;background: #fbfbff;margin-bottom: 5px;color: #86a846;} .calendario .encabezado {font-weight: bold;background: #f3f3f3;color: #838383;padding: 10px 4px;border: 1px solid #fff;} .popup{width: 100%;height: 100%;position: fixed;background: transparent;backdrop-filter:blur(3px);top: 0;left: 180px;z-index:99999} .popup hr{border: 0;width: 70%;height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));margin: 10px auto} /*.mjs_popup{width: 100%;max-width: 30%;}*/ .mjs_popup > img{display: block;width: 50%;margin: 0 auto;max-width: 450px;border-radius: 100px} .mjs_popup > p{text-align: center !important} .mjs_popup.mini{max-width: 420px;} .mjs_popup .btns-tickets{display: flex;align-items: center;justify-content: center;margin: 10px 0;} .mjs_popup.width_medio {width: 35%;} .popup_wrapper .content_error_popup, .popup_wrapper .content_success_popup, .popup_wrapper .content_warning_popup{transform: translate(-50%, -50%) !important} .content_error_popup, .content_success_popup, .content_warning_popup {position: absolute;top: 50%;left: 45.25%;min-width:455px;max-height: 80%;overflow-y: auto;transform: translate(-50%, -50%);text-align: center;margin-left: auto;margin-right: auto;background: #fefdfd;padding: 1.5% 1.5%;border-radius: 25px;border: 1px solid #d9d9d9;box-shadow: 0px 10px 15px #c9c9c9;z-index: 2;} .content_error, .content_success, .content_warning{display: table;margin: 0 auto;text-align: center;padding: 20px;border-radius: 20px} .content_error hr, .content_success hr, .content_warning hr{border: 0;width: 70%;height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));margin: 15px auto} .fullwidth_popup{transform: translate(-50%, -50%) !important} .content_error_popup::-webkit-scrollbar, .content_success_popup::-webkit-scrollbar, .content_warning_popup::-webkit-scrollbar{width: 8px;/* Tamaño del scroll en vertical */height: 5px;/* Tamaño del scroll en horizontal */} /* Ponemos un color de fondo y redondeamos las esquinas del thumb */.content_error_popup::-webkit-scrollbar-thumb, .content_success_popup::-webkit-scrollbar-thumb, .content_warning_popup::-webkit-scrollbar-thumb {background: #999999;border-radius: 4px} /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */.content_error_popup::-webkit-scrollbar-thumb:hover, .content_success_popup::-webkit-scrollbar-thumb:hover, .content_warning_popup::-webkit-scrollbar-thumb:hover {background: #999999;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2)} /* Cambiamos el fondo cuando esté en active */.content_error_popup::-webkit-scrollbar-thumb:active, .content_success_popup::-webkit-scrollbar-thumb:active, .content_warning_popup::-webkit-scrollbar-thumb:active {background-color: #6c6c6c} /* Ponemos un color de fondo y redondeamos las esquinas del track */.content_error_popup::-webkit-scrollbar-track, .content_success_popup::-webkit-scrollbar-track, .content_warning_popup::-webkit-scrollbar-track {background: #fff;border-radius: 4px} /* Cambiamos el fondo cuando esté en active o hover */.content_error_popup::-webkit-scrollbar-track:active, .content_success_popup::-webkit-scrollbar-track:active , .content_warning_popup::-webkit-scrollbar-track:active {background: #fff} .mjs_popup.content_success_popup h2.dashed_line {font-size: 14pt;margin: 0 0 20px;} .mjs_popup .parametrosVehiculoCliente {max-width: 420px;} .mini-content-popup{max-width: 420px;} i#ico_error, i#ico_success, i#ico_warning{display:block;margin:0 auto} i#ico_error:hover, i#ico_success:hover, i#ico_warning:hover{transform:none} h1.titulo_error, h1.titulo_success, h1.titulo_warning{color: #fff;text-align:center;font-weight: bold;border-radius: 25px;padding: 0 25px;margin-bottom: 5px;display: inline-block} i#ico_error, h1.titulo_error{color: #ad4040} i#ico_success, h1.titulo_success{color: #59ad40} i#ico_warning, h1.titulo_warning{color: #ffbc00} .nav-pages, .nav-pages_off{margin: 1px;padding: 5px;border-radius: 5px;text-align: center;width: 20px;height: 20px;display: inline-block;border: 1px solid #eee;color: #fff} .nav-pages{background: #ec9b12;transition: 0.3s} .nav-pages:hover{opacity:0.8;transform: scale(1.2);} .nav-pages_off{background: #bcbcbc} h4.descto_global{background: #0e9aa0;color: #fff;padding: 0.5%;width: 100%;border-radius: 5px;text-align:center} i.fas{transition: 0.3s} i.fas:hover{transform: scale(1.3)} .title_cotizacion{color:red} .aprobado{background: #c1de9b;color: #0e600b} .deshabilitado{background: #ffd1d1;color:#8f2828} form.inline-botones{display:inline-block} .label_pedido {display: flex;align-items: center;background: #ededed;border: 1px dashed #9b9b9b;border-radius: 10px;width: fit-content;margin: 0 auto;} .label_pedido .text-label{margin: 0;color: #6b6b6b;padding: 2px 5px;text-align:center} .label_pedido h1.num_orden {border-left: 1px solid #9b9b9b;color: #333333;font-weight: bold;letter-spacing: 1px;margin: 2px 0;padding: 5px 10px;} .seccion-info{width:100%;margin: 0 auto 5% auto;display:block/*display: table*/} .img_box{display:block;width: 100%;max-width: 500px;margin:0 auto;padding: 5%;box-sizing: border-box} span.pagado, span.pendiente_pago, span.pedido_retrasado{display: block;padding: 5px 10px;border-radius: 5px;color: #fff;margin: 0 auto} span.pagado{background: #618d0d} span.pendiente_pago{background: #b10b0b;cursor:help} span.pedido_retrasado{background: #b10b0b} .fa-exclamation-triangle{cursor:help} .menu-nav{text-align: right;color: #383838;line-height: 40px;padding: 0 20px} .user-nav{text-align: right;color: #383838;line-height: 40px} ul.menu_superior{list-style:none;padding:0;margin:0;height: 40px;line-height: 40px} ul.menu_superior li{position:relative;display:inline-block;padding:0 5px;border-left: 1px solid #dddddd;color: #ff8a00} ul.menu_superior li.select_categ{border-left: none} ul.menu_superior li a{display:block;padding:0 5px} ul.menu_superior li.ico_menu{cursor:pointer} ul.menu_superior li div.logo{display: inline-block;vertical-align: middle} ul.menu_superior li div.logo img{display: block;height:30px} .error_field{padding:0 0 0 10px;color:#f00} .pages{text-align: right;margin: 20px 0} .pages select{height: 40px;padding: 0 10px;} .activa_mini-resumen{position: relative;display: flex;align-items: center;gap: 0.5rem;cursor:help} .mini-resumen{position: absolute;top: 50%;width: 225px;text-align:left;background: #2792ef;margin-top: 10px;margin-left: -5px;padding: 5px;border: 1px solid #b3b3b3;color: #fff;font-size:7.5pt;letter-spacing: 0.2px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;z-index:99} .mini-resumen p{margin: 0 0 5px;font-weight: bold;letter-spacing: 1px;background: #fff;color: #2792ef;padding: 2px 5px;border-top-right-radius: 5px;} .mini-resumen ul{padding-left: 15px;margin: 4%} .mini-resumen hr{border-top: 1px solid #2b7cc3;border-bottom: 1px solid #4cacff;} .boton_opciones{text-align:left;margin-bottom:10px} .opciones{display: inline-block;background: linear-gradient(#fff, #f0f0f0);background: -webkit-linear-gradient(#fff, #f0f0f0);background: -moz-linear-gradient(#fff, #f0f0f0);border: 1px solid #E0E0E0;margin: 5px 10px 5px 0;padding: 10px;color: #323232;font-weight:600;text-align:center;border-radius: 5px;cursor: pointer} .opciones:hover{background: #f9f9f9;color:#5a5a5a;transition: 0.3s} span i{font-size:10pt} i.dato_warning{color:red;margin: 0 3px} .ico_standard, .ico_positivo, .ico_negativo, .ico_sugerencia{font-size: 12pt} .ico_standard{color:#313131} .ico_positivo{color:#618D0D} .ico_negativo{color:#EA2E2E} .ico_sugerencia{color:#ffbc00} .super_ico_title i{position: absolute;right:3%;color: #f2f2f2} .super_ico_title i.fas:hover{transform:none} .box_parametros{margin:20px auto;} .parametros{padding: 2px 5px;background: #fbfbff;border: 1px solid #d7d8df;border-radius: 5px;margin: 10px 5px 0px 5px;display: inline-block;color:#686f89;line-height:25px} .parametros img{width: 25px !important;} .parametros i{font-size:8pt !important;cursor: pointer;transition: 0.3s;} .parametros i:hover{font-size:10pt !important} .parametrosLight{display: flex;align-items: center;width:100%;padding: 2px 5px;background: linear-gradient(#fff, #f9f9f9);background: -webkit-linear-gradient(#fff, #f9f9f9);background: -moz-linear-gradient(#fff, #f9f9f9);;border-radius: 5px;margin: 0 0 10px 0;color:#474747;line-height:25px;border: 1px solid #eee;} .parametrosLight div:first-child{width:40%} .parametrosLight div:nth-child(2){text-align: left;padding: 0 10px;} .parametrosLight img {width: 50%;} .parametrosLight i{font-size:8pt !important;cursor: pointer;transition: 0.3s;} .parametrosLight i:hover{font-size:10pt !important} .parametrosProfesional{display: flex;align-items: center;gap: 0.5rem;width:100%;padding: 10px 15px;background: linear-gradient(#fff, #f9f9f9);background: -webkit-linear-gradient(#fff, #f9f9f9);background: -moz-linear-gradient(#fff, #f9f9f9);;border-radius: 15px;margin: 0 0 10px 0;color:#474747;line-height:25px;border: 1px solid #eee;} .parametrosProfesional div:first-child{width:5%;text-align: center;} .parametrosProfesional div:nth-child(2){width:25%} .parametrosProfesional div:nth-child(3){width:70%} .parametrosProfesional img {width: 30% !important;border-radius: 50px;margin: 0 5px;vertical-align: middle;} .parametrosProfesional i{font-size:8pt !important;cursor: pointer;transition: 0.3s;} .parametrosProfesional i:hover{font-size:10pt !important} .parametrosProfesional div p{margin: 0;} .parametrosProfesional div p:first-child {font-size: 12pt;font-weight: bold;} .parametrosVehiculo{display: flex;align-items: center;gap: 0.5rem;width:100%;padding: 10px 15px;background: linear-gradient(#fff, #f9f9f9);background: -webkit-linear-gradient(#fff, #f9f9f9);background: -moz-linear-gradient(#fff, #f9f9f9);;border-radius: 15px;margin: 0 0 10px 0;color:#474747;line-height:25px;border: 1px solid #eee;} .parametrosVehiculo div:first-child{width:5%;text-align: center;} .parametrosVehiculo div:nth-child(2){width:25%} .parametrosVehiculo div:nth-child(3){width:70%;text-align: left;} .parametrosVehiculo img {width: 60% !important;border-radius: 50px;margin: 0 5px;vertical-align: middle;} .parametrosVehiculo i{font-size:8pt !important;cursor: pointer;transition: 0.3s;} .parametrosVehiculo i:hover{font-size:10pt !important} .parametrosVehiculo div p{margin: 0;} span.parametrosAnio {display: inline-block;background: #e3e3e3;padding: 5px 10px;border-radius: 15px;color: #292929;border: 1px solid #d3d3d3;margin: 2px 0;transition: 0.3s;} span.parametrosAnio:hover{background: #eee;} /*.parametrosVehiculo div p:first-child {font-size: 12pt;font-weight: bold;}*/ .box_parametros_vehiculos .vehiculo{width:100%;text-align: center;} #encargado-ico{width: 25px;height: 25px;cursor: pointer;border-radius: 50%;display: inline-block;vertical-align:middle;text-align: center;line-height: 15px;border: 1px solid #cbcbcb;margin-right:5px;padding:0} #encargado-ico img{margin:0;padding:0} .encargado-ico{width: 25px;height: 25px;cursor: pointer;border-radius: 50%;display: inline-block;vertical-align:middle;text-align: center;line-height: 15px;border: 1px solid #cbcbcb;margin-right:5px;padding:0} .encargado-ico img{margin:0;padding:0} .print{right: 15%;position: absolute} textarea.sesiones{width:100%;height:400px} .parametrosVehiculoCliente{display: flex;align-items: center;gap: 0.5rem;width:100%;padding: 10px 15px;background: linear-gradient(#fff, #f9f9f9);background: -webkit-linear-gradient(#fff, #f9f9f9);background: -moz-linear-gradient(#fff, #f9f9f9);;border-radius: 15px;margin: 0 0 10px 0;color:#474747;line-height:25px;border: 1px solid #eee;} .parametrosVehiculoCliente p{margin:0} span.ingreso, span.egreso{display: block;width: 100%;font-weight: bold;padding: 4px 5px;border-radius: 5px;text-align: center} span.ingreso {background: #c1da92;color: #649306;} span.egreso {background: #ffd1d1;color: #b15656;} span.ingreso i, span.ingreso i{font-size:9pt} span.span-block{display: block;text-align: left;background: #f8f8f8;padding: 5px 10px;margin-bottom: 10px;border-radius: 10px;border: 1px solid #e0e0e0} /* MENU BAR */ #showMenu{cursor:pointer} .x-close{font-size:12pt;color:#292929;float:right;cursor:pointer} /*-- COL INLINE --*/ .seccion_inline_block{position:relative;display: inline-block;vertical-align: top;padding: 0.33%;border-radius: 10px;} /*.seccion_inline_block > .seccion_inline_block {padding: 0;margin:0}*/ .col10{width:9.5% !important}.col15{width:14.5% !important}.col20{width:19.5% !important}.col25{width:24.5% !important}.col30{width:29.5% !important}.col33{width:32.5% !important}.col35{width:34.5% !important}.col40{width:39.5% !important}.col45{width:44.5% !important}.col50{width:49.5% !important}.col55{width:54.5% !important}.col60{width:59.5% !important}.col65{width:64.5% !important}.col70{width:69.5% !important}.col75{width:74.5% !important}.col80{width:79.5% !important}.col85{width:84.5% !important}.col90{width:89.5% !important} /*-- HOMEWORKS --*/ .btn_homeworks{position: fixed;width: 35px;height: 45px;right: 0;top: 50%;padding: 10px;line-height: 25px;font-size: 20pt;background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);border-left: 1px solid #eee;border-top: 1px solid #eee;border-bottom: 1px solid #eee;border-top-left-radius: 10px;border-bottom-left-radius: 10px;cursor:pointer;z-index:9} .box_homeworks{width: 15%;position: fixed;right: 0;top: 50%;margin-top:-175px;z-index:99} .box_homeworks span.close {padding: 10px;background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);border-left: 1px solid #eee;border-top: 1px solid #eee;border-bottom: 1px solid #eee;border-top-left-radius: 10px;border-bottom-left-radius: 10px;position: absolute;margin-left: -27px;cursor:pointer} .form_homeworks{padding: 10px 15px;background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);border-left: 1px solid #eee;border-top: 1px solid #eee;border-bottom: 1px solid #eee;border-bottom-left-radius: 10px} .form_homeworks h2{font-size: 12pt;margin: 0} .form_homeworks p{margin: 9px 0 0 0} span.tareas_pendientes{position: absolute;background: #f00;color: #fff;width: 15px;height: 15px;font-size: 6pt;line-height: 15px;text-align: center;border-radius: 100%;font-weight: 600;right: 0px;top: 5px;z-index: 99} textarea.info_homework{width: 100%;height: 45px;background: none;border: none;cursor: context-menu;color: #f90;box-sizing: border-box;resize: none} .btn_inline{text-align:center} .homeworks_list{background: #fff;padding: 10px;border-radius: 20px;margin:0px 10px 30px 10px;box-shadow: 5px 10px 12px #f7f7fb} .homeworks_list:hover{background:#eee;transition: 0.3s} .homeworks_list .foto_usuario{width: 30%;margin-right: 10px} .homeworks_list .foto_usuario, .homeworks_list p.responsable{display:inline-block;vertical-align:middle} .homeworks_list p.actividad{color: #ff8a00} .homeworks_list p.responsable{width:60%} .homeworks_list p.timer{text-align:center} .homeworks_list p{margin: 0 0 4px} .homeworks_list .simbologia{text-align: center} /*-- SIMBOLOGIA --*/ .simbologia{margin:10px;font-size:10px} .simbologia span{padding: 7px 10px;border-radius: 5px;margin: 5px;display: inline-flex} .simbologia span.amarillo{background:#fcedc3;color:#9c7d11;border:1px solid #9c7d11} .simbologia span.rojo{background:#ffd1d1;color:#b15656;border:1px solid #b15656} .simbologia span.verde{background:#c1da92;color:#729929;border:1px solid #729929} .simbologia span.gris{background:#e0e0e0;color:#4c4c4c;border:1px solid #4c4c5c} .simbologia span.azul{background:#185082;color:#f6f6f6;border:1px solid #0f395f} /*-- SIMBOLOGIA EN TABLE --*/ td div.simbologia {margin:0;text-align:center} /*-- SIDEBAR --*/ #sidebar, .seccion_c-sidebar{display:inline-block;vertical-align:top;box-sizing: border-box} #sidebar{width: 20%;} #sidebar img{max-width: 100%;height: auto} #sidebar h2{font-size: 11pt;text-align:center;font-weight: bold;margin: 0 0 25px 0} #sidebar p{text-align:center} .seccion_c-sidebar{width:79%;margin-bottom:20px;padding:0 1% 1% 0} .box_sidebar{margin-bottom:20px} .btn_sidebar{display: block;position:relative;width: 100%;overflow:hidden;background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);font-family: 'Quicksand';color: #3f3f3f;margin-bottom: 10px;padding: 20px;box-sizing: border-box;text-align: center;border-radius: 10px;border: 1px solid #e0e0e0;cursor: pointer} .btn_sidebar:hover{background: linear-gradient(#f1f1f1, #ffffff);color: #1a1a1a;transition: 0.3s;} .btn_sidebar i{position:absolute;left:0;top:50%;transform: translateY(-50%);font-size:38pt;color:#f3f3f3;} .btn_sidebar:hover i{transform: scale(1.3);transition: 0.3s;color:#e9e9e9} .btn_sidebar p{color:#3f3f3f;font-weight:bold;text-align: center;margin: 0;z-index: 1;position: relative;} .btn_sidebar p small{font-weight:400;} .box_info_sidebar{position:relative;width:100%;min-height: 90px;color: #fff;margin-bottom: 20px;border-bottom-right-radius: 20px;border-top-left-radius: 20px;margin: 0 auto 10px auto;box-shadow: 5px 8px 5px #ececec} .box_info_sidebar:last-child{margin-bottom:0} .box_filtros{margin-bottom: 10%;padding:20px 10px} ul.top_box li{background: #fff;margin-bottom: 10px;padding: 2%;border-radius:10px;border: 1px dashed #e0e0e0} ul.top_box p.detalle_top{font-size:11px;margin:0;text-align:center} ul.top_box button{background: -webkit-linear-gradient(#FFF, #F9F9F9);background: -moz-linear-gradient(#FFF, #F9F9F9);background: linear-gradient(#FFF, #F9F9F9);padding: 7px;border-radius: 20px;border: 1px solid #c3c3c3;width: 100%;color: #292929;margin-top: 5px;} .top_foto, .top_nombre{display:inline-block;box-sizing:border-box;vertical-align:middle} .top_foto{width:25%} .top_nombre{width:72%;text-align:center;font-size:14pt} span.stars_top{color:#ffbc00;position:relative} .w_img{position: absolute;text-align: center;margin: 0 auto;font-size: 6pt;top: -10px;left: 0;width: 100%} /* MAIN */ #main_box{width:100%;background:#fff;padding:40px 0 133px 0;box-sizing:border-box} .panel_user{width: 180px;height: 100%;position: fixed;background: #f7f7f7;padding: 55px 0;box-sizing: border-box;border-right: 1px solid #e1e1e1;z-index: 9;overflow-y: auto;} .perfil_sesion{padding: 10px 20px;color: #424647;text-align: center;margin-bottom: 10px} .perfil_sesion .foto_item img{margin-bottom:0;width: 70%;border: 2px solid #5f5f5f} .perfil_sesion h3{margin-top: 5px;margin-bottom: 5px} .perfil_sesion p{margin:0;font-size:10px} .panel_user::-webkit-scrollbar{width: 5px;/* Tamaño del scroll en vertical */height: 5px;/* Tamaño del scroll en horizontal */} /* Ponemos un color de fondo y redondeamos las esquinas del thumb .panel_user::-webkit-scrollbar-thumb {background: #141414;border-radius: 4px} /* Cambiamos el fondo y agregamos una sombra cuando esté en hover .panel_user::-webkit-scrollbar-thumb:hover {background: #6c6c6c;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2)} /* Cambiamos el fondo cuando esté en active .panel_user::-webkit-scrollbar-thumb:active {background-color: #999999} /* Ponemos un color de fondo y redondeamos las esquinas del track .panel_user::-webkit-scrollbar-track {background: #141414;border-radius: 4px} /* Cambiamos el fondo cuando esté en active o hover .panel_user::-webkit-scrollbar-track:hover,.panel_user::-webkit-scrollbar-track:active {background: #d4d4d4} /* MAIN MENU FULLSCREEN */ #logo.fullScreen{width:75px;height: auto;} #logo.fullScreen img:first-child{display:none} #logo.fullScreen img.faviconMenu{display:block} #logo.fullScreen img{width:100%;max-height: 80px} .panel_user.fullScreen{width: 75px} .panel_user.fullScreen .perfil_sesion{padding:0} .panel_user.fullScreen .perfil_sesion .foto_item{margin-bottom:10px} .panel_user.fullScreen .perfil_sesion h3, .panel_user.fullScreen .perfil_sesion p{display:none} /*.panel_user.fullScreen #options_account .ico_panel{display: block;width: 85%;}*/ .panel_user.fullScreen #options_account .txt_panel{display:none} .panel_user.fullScreen #options_account .wrapper-calendar{display:none} .panel_user.fullScreen #options_account .MenuPanel{display: flex;} .panel_user.fullScreen #options_account .MenuPanel:hover{opacity:1;} .panel_user.fullScreen #options_account .MenuPanel .MenuBox{order:2} .panel_user.fullScreen #options_account ul.MenuList {order: 1;position: fixed;left: 74px;width: 150px;background: #f7f7f7;border: 1px solid #e1e1e1;border-radius: 0px 10px 10px 0;padding: 10px 10px;list-style: none;z-index: 99;} .panel_user.fullScreen #options_account ul.MenuList li:hover{opacity:0.8} .panel_user.fullScreen .usuarios_online{display: none;} #wrapper_content.fullScreen{position: inherit;margin-left: 75px;} #wrapper_content.fullScreen .popup{left: 75px;} #wrapper_content.fullScreen .content_error_popup, #wrapper_content.fullScreen .content_success_popup, #wrapper_content.fullScreen .content_warning_popup{left: 50%;transform: translate(-60%, -50%);} #list_products.fullScreen{grid-template-columns: repeat(6, minmax(90px, 1fr));} /* FIN FULLSCREEN */ .info_panel{width:100%;margin-bottom:2%} .box1_index{width:32%;float:left} iframe.video_viral{width:100%;height:250px;margin:1% 0} .info_ingresos{padding:1%;background: linear-gradient(#FFFFFF, #E8E8E8);background: -webkit-linear-gradient(#FFFFFF, #E8E8E8);background: -moz-linear-gradient(#FFFFFF, #E8E8E8);border: 1px solid #DDD;text-align:center;margin-bottom:10px} .ingreso_mes_actual{font-size:32px;font-weight: bold;color:#268300} .ingreso_mes_anterior{font-size:20px} #wrapper_content{position: relative;margin-left: 180px;padding: 2%;box-sizing: border-box} .img_prod_del_mes{border-radius: 100%;width: 80px;height: 80px;border: 5px solid #fbfbff;margin: 0 auto;margin-bottom: 20px} .img_prod_del_mes img{border-radius:100%;width:100%} /* LOADING */ #load_screen{position: fixed;width: 100%;height: 100%;top:0;left:0;background: #fdfdfd;z-index:999999999} #loading{text-align: center;position: relative;top: 50%;margin-top:-220px} #loading img.normal{max-width: 400px;border-radius: 100%;} #loading img{border-radius: 30px;} #loading img.ico{background: #fff;border-radius: 50%;border: 2px solid #c0c0c0;margin-bottom: 20px} #loading h1{text-align: center; font-weight:900;font-size:3.5em;color:#f90;margin: 0 auto 10px auto} #loading h3{margin: 0 auto 10px auto;color: #8a8a8a;text-transform: uppercase;letter-spacing: 1px} /* MINI BTNS PANELES */ .panel-minibtns {display: inline-flex;align-items: center;margin: 20px 10px;background: #fff;border: 1px solid #efefef;border-radius: 10px;padding: 10px;box-shadow: 3px 3px 10px #ededed;} .panel-minibtns > div {width: 30px;height: 30px;text-align: center;line-height: 30px;cursor:pointer} .panel-minibtns button{padding:0} .panel-minibtns i, .panel-minibtns a{font-size: 14pt;color:#f90} .panel-minibtns i:hover{transform: scale(1.2);transition: 0.3s;color:#268300} .minibtns-disabled i, .minibtns-disabled a{color:#ddd} /* NOTIFICACIONES BOX SUPERIOR */ #wrapper_mini_notificacion{z-index: 99;position: absolute;width: 100%;height: 100%} .close_mini_notificacion{position: absolute;width: 100%;height: 100%} #mini_notificacion{position: fixed;right: 34px;top: 41px;background: #f9f9f9;width:410px;text-align: left;box-shadow: 0 3px 8px rgba(0, 0, 0, .25);font-size:8pt} .header_notificaciones{position:relative;height:33px;padding:5px 10px} .header_notificaciones h3{margin:0;line-height:33px} .rfloat{float:right;line-height: 33px} span#marcarleidos{background: #ff8a00;padding: 2px 5px;border-radius: 15px;color: #fff;cursor: pointer} span#marcarleidos:hover{background: #a9a9a9} span.nuevo-sin_leer{background: #f00;color: #fff;padding: 2px 5px;font-size: 7pt;font-weight: 600;margin: 0 0 0 5px;border-radius: 15px} .lista_notificaciones{width:100%;height: 400px;overflow-y: auto} .mini_notif_resumen{background:#fff;padding: 10px;border:1px solid #eee} .mini_notif_resumen:hover{background:#eee} .mini_notif_resumen .foto_usuario, .mini_notif_resumen .info_notif{display: inline-block;vertical-align:middle} .mini_notif_resumen .foto_usuario{width:10%;margin-right:10px} .mini_notif_resumen .info_notif{width:85%} .mini_notif_resumen form button:after{color: #eee;border-radius: 10px;background: #181818} .mini_notif_resumen p.actividad{color: #ff8a00} .mini_notif_resumen p{margin: 0 0 4px} .mini_notif_resumen form{display: inline-block} .mini_notif_resumen form button{color: #181818;border-radius: 10px;background: #f9f9f9} .mini_notif_resumen small{width:100%;display:block;padding:2px 0} span.no_leidos{position: absolute;background: #f00;color: #fff;width: 15px;height: 15px;font-size: 6pt;line-height: 15px;text-align: center;border-radius: 100%;font-weight: 600;right: 0px;top: 5px;z-index: 99} span.ver-todas{font-size: 10pt;text-align: center;display: block;padding: 5px;border-top: 1px solid #dddddd} .lista_notificaciones::-webkit-scrollbar {width: 8px; /* Tamaño del scroll en vertical */height: 8px; /* Tamaño del scroll en horizontal */} /* Ponemos un color de fondo y redondeamos las esquinas del thumb */.lista_notificaciones::-webkit-scrollbar-thumb {background: #ccc;border-radius: 4px} /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */.lista_notificaciones::-webkit-scrollbar-thumb:hover {background: #b3b3b3;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2)} /* Cambiamos el fondo cuando esté en active */.lista_notificaciones::-webkit-scrollbar-thumb:active {background-color: #999999} /* Ponemos un color de fondo y redondeamos las esquinas del track */.lista_notificaciones::-webkit-scrollbar-track {background: #e1e1e1;border-radius: 4px} /* Cambiamos el fondo cuando esté en active o hover */.lista_notificaciones::-webkit-scrollbar-track:hover,.lista_notificaciones::-webkit-scrollbar-track:active {background: #d4d4d4} /*-- PRODUCCION DEL DÍA --*/ #produccionActual{} .wrapper_produccion_actual {display: inline-block;width: 33%;box-sizing: border-box;vertical-align: top;text-align: center;padding: 10px} .wrapper_produccion_actual h2{text-align:center} /*.box-ListaPedidos > div {transition: 0.3s;} .box-ListaPedidos > div:hover {transform: scale(1.02);}*/ /*.box-ListaPedidos{height: 100%;max-height: 350px;overflow-y: overlay;overflow-x: hidden;;padding: 0px 10px;}*/ /*.box-ListaPedidos::-webkit-scrollbar{width: 5px;height: 5px;}*/ /* Ponemos un color de fondo y redondeamos las esquinas del thumb */.box-ListaPedidos::-webkit-scrollbar-thumb {background: #bfbfbf;border-radius: 4px} /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */.box-ListaPedidos::-webkit-scrollbar-thumb:hover {background: #6e6e6e;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2)} /* Cambiamos el fondo cuando esté en active */.box-ListaPedidos::-webkit-scrollbar-thumb:active {background-color: #999999} /* Ponemos un color de fondo y redondeamos las esquinas del track */.box-ListaPedidos::-webkit-scrollbar-track {background: #ddd;border-radius: 4px} /* Cambiamos el fondo cuando esté en active o hover */.box-ListaPedidos::-webkit-scrollbar-track:hover,.box-ListaPedidos::-webkit-scrollbar-track:active {background: #d4d4d4} .box_produccion_actual{position: relative;background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);margin-bottom: 10px;border: 1px solid #ddd;border-top-left-radius: 10px;border-bottom-right-radius: 10px;color: #888888;width: 100%;text-align:left;box-shadow: 4px 5px 4px #f5f5f5;box-sizing:border-box} .box_produccion_actual h2.empresa{font-size:11pt} .box_produccion_actual p.solicitante{font-size:8pt} .box_produccion_actual h2, .box_produccion_actual p{text-align:left;margin:0} .box_produccion_actual .left_bar{display: inline-block;width: 2%;height: 100%;position: absolute;border-top-left-radius: 10px} .box_produccion_actual .left, .box_produccion_actual .mid, .box_produccion_actual .right{position:relative;display:inline-block;vertical-align:middle;padding: 2% 2%;box-sizing:border-box;} .box_produccion_actual .left{width:15%;border-right: 1px solid #e4e3e3;text-align: center !important} .box_produccion_actual .mid{width:50%;border-right: 1px solid #e4e3e3} .box_produccion_actual .right{width: 32%;text-align: center !important} .box_produccion_actual button {background: -webkit-linear-gradient(#FFF, #F9F9F9);background: -moz-linear-gradient(#FFF, #F9F9F9);background: linear-gradient(#FFF, #F9F9F9);padding: 7px;border-radius: 20px;width: 35px;border: 1px solid #c3c3c3;color:#272727} .box_produccion_actual button i{font-size: 14pt;} .bg_logo_clear{width: 100%;height: 100%;position: absolute;opacity: 0.02;background-size: contain !important;z-index: 0;filter: grayscale(1)} /*-- FORMULARIO --*/ .input-form-light{width: 100%;border: 1px solid #ccc;background:#fff;border-radius: 20px;box-sizing: border-box;margin: 5px 0px;padding: 5px;position: relative} .input-form-light:after{margin: 10px} .input-form-light span{color:#3f3f3f;font-size: 8pt;background: #fff;position: absolute;top: -8px;left: 10px;padding: 0 10px;border-radius:5px;font-weight: 600;letter-spacing: 0.5px;} .input-form-light .form-control-light{display: block;background:none;width: 100%;height: 45px;box-sizing: border-box;border: none;padding: 10px 10px} .input-form-light .form-control-light:focus{outline: none !important} .input-form-light .form-control-light:disabled{background: #f8f8f8;color: #858585;border-radius:20px} .input-form-light .form-control-light[readonly]{background: #fafafa;color: #858585} .input-form-clear{width: 100%;border: none;background: #fff;border-radius: 5px;box-sizing: border-box} .input-form-clear .form-control-clear{display: block;background:none;width: 100%;height: 45px;box-sizing: border-box;border: none;padding: 10px 10px} .input-form-clear .form-control-clear:focus{outline: none !important} .input-form-clear .form-control-clear:disabled{background: #f8f8f8;color: #858585;border-radius:20px} .file-select{position: relative;display: inline-block;width:100%;height:34px;margin:0 0 10px 0;border-radius: 5px;} .file-select:hover{opacity:0.8;transition: 0.3s} .file-select::before{background: linear-gradient(#fff, #f0f0f0);background: -webkit-linear-gradient(#fff, #f0f0f0);background: -moz-linear-gradient(#fff,#f0f0f0);color: #1a1919;display: flex;justify-content: center;align-items: center;border: 1px solid #ccc;border-radius: 5px;content: 'Seleccionar Archivo';position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 14px;cursor: pointer;} .file-select input[type="file"] {opacity: 0;width: 200px;height: 38px;display: inline-block} .img-select{position: relative;display: inline-block;width:100%;height:150px;margin:10px 0;border-radius: 5px;} .img-select:hover{opacity:0.8;transition: 0.3s} .img-select::before{background: linear-gradient(#fff, #f0f0f0);background: -webkit-linear-gradient(#fff, #f0f0f0);background: -moz-linear-gradient(#fff,#f0f0f0);color: #1a1919;display: flex;justify-content: center;align-items: center;border: 1px solid #ccc;border-radius: 5px;content: 'Tomar fotografía';position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 14px;cursor: pointer;} .img-select input[type="file"] {opacity: 0;width: 200px;height: 38px;display: inline-block} .textarea_form-light{display:block;width:100%;box-sizing:border-box;padding:6px 12px;background-color:#fff;border:none;border-radius:20px;} .textarea_form-light:focus{outline: 0} .form-group{display:flex;margin:15px 0;align-items:center;gap:1rem} .form-group label{float:left;width:28%;font-weight:bold;text-align:right;padding:10px 10px 0 0;font-size:11px} .input-form{float:right;width:80%} table.table_form{width:100%;margin-bottom:5%} table.table_form td.campo{width:25%;text-align:right;font-size: 12px;font-weight: bold;padding: 0 10px 0 0} textarea.infobox{width:100%;height:80px;border-radius:20px;border:1px solid #ccc;box-sizing:border-box;padding: 6px 12px} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {cursor: not-allowed;background-color: #f5f5f5;opacity: 1} .seccion_inline{display:inline-block;vertical-align:top;padding: 1%;box-sizing: border-box} .box_detalle_cotizacion{width:70%} .box_cotizacion{width:29%} .box_informacion_preview{width:80%;max-width:1900px;margin:0 auto;position:relative} td#separador{text-align:left;text-transform: uppercase;padding: 0 1%;font-weight: 600} td.middle{vertical-align:middle !important} td.top{vertical-align:top !important} td.campo, th.campo{font-weight:bold;color:#1e1e1e;padding:10px} .up_btn{display: table;margin-bottom: 10px;width: 100%} .up_btn label{float: left;font-weight: bold;text-align: right;padding: 10px 10px 0 0} .footer_form{position: relative;width: 100%;height: auto;overflow: hidden;min-height: 285px;padding:20px 0;margin-bottom: 20px} .footer_form-content{width: 40%;margin:0 0 20px auto;padding: 2%;background:#fff;border: 1px solid #f1f1f1;border-radius: 20px;box-sizing: border-box;box-shadow: 5px 10px 12px #f7f7fb;} .footer_form-content h2{color: #808080} h2.dashed_line i{background: #323232;padding: 0px;width: 20px;height: 20px;border-radius: 100%;color: #fff;font-size: 13px;text-align: center;line-height: 20px;margin-right: 5px} .form_estado_pedidos{width:100%;padding:2%;border: 1px solid #f1f1f1;border-radius: 15px;background: -webkit-linear-gradient(#FFF,#f3f3f3);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9);box-sizing:border-box} .img_mini_estado{margin-bottom:20px;text-align:center} .img_mini_estado img{max-width: 100%;height: auto} .box_agregar_cliente{background: #ffbc00;padding: 5px 10px;border-radius: 10px;box-sizing: border-box} input.switch[type=checkbox]{height: 0;width: 0;visibility: hidden;display: none} label.checkbox-label {cursor: pointer;text-indent: -9999px;width: 50px;height: 25px;background: grey;display: block;border-radius: 50px;position: relative;margin: 0 auto} label.checkbox-label:after {content: '';position: absolute;top: 5px;left: 5px;width: 15px;height: 15px;background: #fff;border-radius: 10px;transition: 0.3s} input:checked + label.checkbox-label {background: #618D0D} input:checked + label.checkbox-label:after {left: calc(100% - 5px);transform: translateX(-100%)} label.checkbox-label:active:after {width: 50px} .box_perfil_cliente, .box_perfil_profesional, .box_perfil_cancha, .box_perfil_car{display: flex;align-items: center;} .box_perfil_cliente div:first-child, .box_perfil_profesional div:first-child, .box_perfil_cancha div:first-child {width: 85%;margin: auto;} .box_perfil_cliente div:nth-child(2), .box_perfil_profesional div:nth-child(2), .box_perfil_cancha div:nth-child(2) {width:100%} .box_perfil_cliente .imgCliente, .box_perfil_profesional .imgProfesional, .box_perfil_cancha .imgCancha{padding: 0 10px} .box_perfil_cliente .imgCliente img, .box_perfil_profesional .imgProfesional img, .box_perfil_cancha .imgCancha img{height: 100%;object-fit: cover;box-sizing: border-box;aspect-ratio: 1 / 1;border-radius: 50%;border: 5px solid #ddd;} .box_perfil_car div:first-child{width: 60%;} .box_perfil_car #imgCar{width: 100%;padding: 0 10px} .box_perfil_car #imgCar img{height: 100%;object-fit: cover;box-sizing: border-box;} /*-- ENTRADAS -- */ .footer-data_entradas {display: flex;align-items: center;justify-content: space-between;padding: 2px 15px;background: #fbfbff;border: 1px solid #ededed;border-radius: 20px;color: #252525;} /*-- CLASIFICACIÓN CLIENTE --*/ .rating_cliente {width:100%;padding: 5px 15px;border-radius: 5px;font-weight: bold;color: white;display: inline-block;text-align: center;font-size: 7pt;letter-spacing: 1px;text-transform: uppercase;} .rating_cliente i {font-size: 9pt !important;opacity: 0.6;} .rating_cliente.premium {background: #f39a01} .rating_cliente.recurrente {background: #818181} .rating_cliente.ocasional {background: #b98b5d} .rating_cliente.inactivo {background: #eee;color: #959595;} .rating_cliente.error {background: linear-gradient(45deg, #DC3545, #C82333, #A71D2A);} /*-- SIVO CARS --*/ #boxes_vehiculos{margin:20px 0} .formVehiculoClientes{display: flex;margin-bottom: 30px;padding: 0 5px 10px 5px;background: #fbfbff;border: 1px solid #eeeeee;border-radius: 10px;flex-direction: column;align-items: center;} .formVehiculoClientes > div {width: 100%;margin: 10px 0;} .formVehiculoClientes div:nth-child(2) {display:flex} .formVehiculoClientes div:nth-child(3) {display:flex} #detail-car{position: relative;} #img_vehiculo-taller {position:relative;height: 550px;} #img_vehiculo-taller img{max-width: 55%;max-height: 745px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .box_informacion_preview #img_vehiculo-taller img{max-width: 65%;max-height: 745px;} .ficha_vehiculo {min-width:240px;background: linear-gradient(220deg, #ffffffb8, #d1d1d1eb, #f7f7f7b8);color: #000000;border-radius: 20px;border: 1px solid #ebebeb;padding: 20px 40px;position: absolute;right: 5%;top: 50%;box-shadow: 5px 10px 12px #f7f7fb;transform: translateY(-50%);text-align: center;} .ficha_vehiculo .road-path {bottom: 0;top: auto;} .ficha_vehiculo > div{margin-bottom: 10px;} .ficha_vehiculo > div span{display: block;background:#fff;padding:5px 15px;border-radius: 20px;} .road-path{position: absolute;width: 50%;right:0;top:0;z-index: -1;content: url("https://app.sivo.cl/images/road-path.png");opacity: 0.1;} .ficha_vehiculo .mini-btn{background: -webkit-linear-gradient(#717171, #252525);background: -moz-linear-gradient(#717171, #252525);background: linear-gradient(#717171, #252525);color:#fff;border-radius: 10px;transition: 0.3s;} .ficha_vehiculo .mini-btn:hover{opacity:0.8} .ficha_vehiculo div label{background: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;padding: 2px 10px;letter-spacing: 4px;font-size: 8pt;color: #373737;} .multimedia_taller .items_gallery img{border-radius: 10px;} .multimedia_taller video.video_taller{width:100%;border-radius: 10px} .patente{background:#fff;width: max-content;font-size: 14pt;border-radius: 7px;padding: 5px 15px;border: 1px solid #000;letter-spacing: 1px;font-weight: bold;} .mini-patente{width: max-content;background:#fff;font-size: 9pt;border-radius: 5px;padding: 3px 8px;border: 1px solid #000;letter-spacing: 1px;font-weight: bold;margin: 0 auto;} .nota-ingreso {background:#fbfbff;border-radius: 10px;border: 1px solid #eee;padding: 20px;margin: 0 0 20px 0;} span.parametrosLight.delete i {width: 20px;height: 20px;background: #ea2e2e;line-height: 20px;color: #fff;border-radius: 20px;} .estado_inspeccion {width:100%;min-width:250px;margin: 15px 0;display: flex !important;padding: 0 !important} .estado_inspeccion div {width: 100% !important;height: 30px;line-height: 30px;text-align: center;font-size: 7.5pt;border: 1px solid #ddd;color: #b3b3b3;font-weight: bold;letter-spacing: 1px;cursor:pointer;transition: 0.3s;} .estado_inspeccion div:hover {transform: scale(1.1);} .estado_inspeccion > div{width: 33.3333333333333333%;background: #fff;} .estado_inspeccion .sin_estado{background:#fbfbff;border: 1px solid #e8edf1;border-radius: 20px;} .estado_inspeccion .malo{border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .estado_inspeccion .malo.activo { background-color: red; color: white; } .estado_inspeccion .regular.activo { background-color: orange; color: white; } .estado_inspeccion .bueno.activo { background-color: green; color: white; } .estado_inspeccion .bueno{border-top-right-radius: 10px; border-bottom-right-radius: 10px;} .nota_inspeccion{font-size: 13pt;font-weight: bold;} .nota_inspeccion.deficiente{color: #fd2828;} .nota_inspeccion.aceptable{color: #fdb228;} .nota_inspeccion.buen-estado{color: #618d0d;} .nota_inspeccion.excelente{color: #2891fd;} .leyenda-notas .nota_inspeccion{font-size: 10pt;} /* ETAPAS PERSONALIZADAS */ .wrapper_etapas{margin-bottom: 20px;} .etapas-container {display: flex;justify-content: center;font-family: sans-serif;margin: 20px 0;} .etapa {position: relative;display: flex;align-items: center;justify-content: flex-start;padding: 20px 25px;width: 50%;color: #000;font-weight: bold;border-radius: 8px;} .etapa.actual {clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);color: #000;position: relative;} .etapa.siguiente {background-color: #eee;color: #999;clip-path: polygon(20px 0, 100% 0, 100% 100%, 20px 100%, 0 50%);} .etapa .icono{font-size: 64pt;position: absolute;left: 0;opacity: 0.15;color: #d1d1d1;} .etapa .numero {font-size: 80px;font-weight: bold;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);opacity: 0.5;} .etapa .texto {z-index: 1;} .etapa .titulo {font-size: 14px;color: #ffffff7d;} .etapa .nombre {font-size: 24px;margin-top: 5px;color: #ffffff;} .etapa .descripcion {font-size: 11px;margin-top: 5px;} /*-- PRECIOS LISTA INDEX PRODUCTOS --*/ span.label_porcent_discount{display: inline-flex;background: #2792ef;color: #fff;padding: 5px 10px;border-radius: 5px;margin-bottom:5px;} span.precio_normal, span.precio_oferta{display:block;font-weight:bold;font-size: 10pt;color:#618d0d;margin-bottom:5px;} span.precio_normal-tachado{display:block;font-size: 9pt;color: #5e5e5e;text-decoration-line: line-through;} /*-- DTE --*/ .logo_DTE{max-width: 150px;} .btns-DTES {display: flex;align-items: flex-start;gap: 1rem;} .box_select_DTE {transform: translateY(20px);transition: opacity 0.6s ease, transform 0.6s ease;position: relative;width: 100%;display: block;background: #fff;text-align: center;margin-bottom: 20px;padding: 20px 20px;border: 1px solid #f1f1f1;border-radius: 20px;box-sizing: border-box;box-shadow: 5px 10px 12px #f7f7fb;cursor:pointer;transition: 0.3s;} .box_select_DTE:hover{transform: scale(1.05);letter-spacing: 1px;} .box_select_DTE .cover_DTE {text-align: center;} .box_select_DTE .cover_DTE img {max-width: 300px;} .box_select_DTE p {font-size: 12pt;font-weight: bold;color: #6d6c6a;letter-spacing: 0.5px;} .preview_Dte{height:800px} .alerta_analisis_desactualizado{position: fixed;top: 40px;left: 50%;background: #9d230f;padding: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;color: #fff;width: 250px;text-align:center;font-size:12px;margin-left: -50px;z-index: 9;border-left: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 1px solid #fff} .datos_empresa{} .datos_empresa h3{margin: 0 0 4px 0;} .datos_empresa p{margin:2px 0} /*-- AGREGAR PRODUCTO/FOTO --*/ #id_input_foto {width: 100%;margin:5% 0} .box_inline_img, .box_inline_content{display: inline-block;box-sizing: border-box;vertical-align: top} .box_inline_img{width: 20.5%;max-width:300px;margin: 1%;text-align:center} .box_inline_img img{border-radius: 10px;width:100%;height:auto;margin-bottom:10px} .box_inline_content{width: 75%;margin: 1%} .gallery{display: block;width: 100%} .img-principal{position:relative;margin-bottom:20px} .img-principal div.label_oferta{position: absolute;top: 0px;right: 0;background: #618d0d;width: 70px;height: 70px;line-height: 70px;color: #fff;font-weight: bold;letter-spacing: 1px;border: 1px dashed #fff;border-radius: 100%;} .item-gallery{display: inline-block;vertical-align: top;width: 30%;padding: 1%;margin:1%;position:relative} .item-gallery img{width:100%;border-radius: 10px} .img-principal:hover{position: relative;overflow: hidden} .img-principal img:hover{transform: scale(1.05);transition: 0.3s} .btn-delete{position: absolute;right: 5px;top: 5px;cursor:pointer} .description-overflow{overflow-y: auto;max-height: 400px;} .description-overflow::-webkit-scrollbar{width: 5px;/* Tamaño del scroll en vertical */height: 5px;/* Tamaño del scroll en horizontal */} /* Ponemos un color de fondo y redondeamos las esquinas del thumb */.description-overflow::-webkit-scrollbar-thumb {background: #6c6c6c;border-radius: 4px} /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */.description-overflow::-webkit-scrollbar-thumb:hover {background: #141414;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2)} /* Cambiamos el fondo cuando esté en active */.description-overflow::-webkit-scrollbar-thumb:active {background-color: #999999} /* Ponemos un color de fondo y redondeamos las esquinas del track */.description-overflow::-webkit-scrollbar-track {background: #ddd;border-radius: 4px} /* Cambiamos el fondo cuando esté en active o hover */.description-overflow::-webkit-scrollbar-track:hover,.description-overflow::-webkit-scrollbar-track:active {background: #d4d4d4} /*-- TAXS & VARIACIONES --*/ span.variations {display: inline-flex;background: #fbfbff;padding: 10px 15px;border-radius: 20px;cursor: pointer;transition: 0.3s;} span.variations:hover{transform: scale(1.05);background: #36475d;color: #fff;} /*-- VARIACIONES SIMPLES --*/ .variaciones_container img{max-width: 200px;border-radius: 10px;} /*-- SIDEBAR PARA INPUTS --*/ .input-form_sidebar input, .input-form_sidebar select{margin-bottom:2%} /*-- PRINTS E IFRAMES --*/ iframe.btn_print{border:none;vertical-align:middle} /*-- BOX SEARCHPRO POPUP EN FORM DE VENTAS --*/ .item-tienda{background: #fbfbfb;padding: 5px 5px;/*border: 1px solid #e9e9e9*/} .item-tienda:hover, .item_categ:hover{opacity:0.8;transition: 0.3s} .item-tienda .foto-item img:hover, .item_categ .foto-item img:hover{transform: scale(1.2);transition: 0.3s} .item-tienda a, .item_categ a{color:#131313} .item-tienda .btn{font-size: 7pt;} .item-tienda span.label_precio{font-size:10pt} .foto-item{padding: 5px;box-sizing: border-box;margin: 5px 0;position: relative;overflow: hidden} .foto-item img{width:100%;height: 100%;object-fit: cover;border-radius:5px;box-sizing: border-box;aspect-ratio: 1 / 1;} .foto-item .label_oferta{position: absolute;top: 0px;left: 0;background: #2792ef;font-size: 10pt;color: #fff;font-weight: bold;text-align: center;padding: 5px 10px;} .unit-item{display: inline-flex;width: 100%;justify-content: space-between;margin: 10px 0} .info-item{padding:5px;text-align:left;background: #fff} .info-item label{display: block;font-size: 7.5pt;color: #8f8f8f;margin-top: 5px;font-weight: bold;} .info-item .stock{position: absolute;color: #1a8a8f;right: 10px;bottom: 10px;} .title-item{font-size: 8.5pt;margin: 5px 0 0 0} .id-item{line-break: anywhere} .pack{text-align:right} .item_categ{display: inline-block;width: 17.5%;box-sizing: border-box;vertical-align: top;margin:0 1% 2% 1%;background: #fbfbfb;border: 1px solid #e9e9e9} .price-item{display: inline-block;vertical-align: middle} .price-item{width: 75%} span.label_precio{display: block;padding: 2px;color: #27a72b;font-size: 14pt;font-weight:600} /*-- SEARCH ADVANCE --*/ .advance-search {position: relative;overflow: hidden;} .advance-search img.road-path {width: 20%;max-width: 200px;opacity: 0.1;z-index: -1;} /*-- ESTADOS --*/ .rst_negativo{color: red;font-weight:bold} .rst_sugerencia{color: #ffbc00;font-weight:bold} .rst_positivo{color: green;font-weight:bold} /*-- ESTADO PEDIDOS --*/ .listo{background: #c1da92;color: #0e600b} .en_proceso{background: #fcedc3;color: #9c7d11} .retrasado{background: #ffd1d1;color:#8f2828} /*-- UPLOAD VOUCHER PAGOS --*/ .custom-file-upload {display: inline-block;width: 100%;padding: 10px 15px;background-color: #618d0d;color: white;border-radius: 20px;cursor: pointer;text-align: center;font-size: 14px;box-shadow: 3px 3px 3px #d8d8d8;margin-bottom: 10px;transition: 0.3s;} .custom-file-upload:hover {background-color: #3c3c3c;border-color: #4d4d4d;letter-spacing: 1px;} /*-- AUTOCOMPLETE --*/ ul.ui-autocomplete{background: #fff;color:#181818;font-size:11px;border: 1px solid #eee;width: 100%;max-width: 315px;list-style: none;padding:0;margin-bottom:5%;border-radius:10px;z-index: 99999;} li.ui-menu-item{margin-bottom: 0.2%;padding:5px 10px;cursor:pointer;border-bottom:1px solid #eee;transition: 0.3s;} li.ui-menu-item:hover{background:#fafaff;transition: 0.3s} div.ui-menu-item-wrapper{padding: 5px 10px} .ui-helper-hidden-accessible{display:none} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: none !important;background: #fafaff !important;border-radius: 2px !important;transition: 0.3s;} .ui-menu .ui-menu-item label {display: block;width: max-content;font-size:7.5pt;padding: 2px 5px;border-radius: 10px;margin: 2px 0;} .ui-menu .ui-menu-item label.gray {background: #b5b5b5;} .ui-menu .ui-menu-item label.green {background: #618d0d;color:#fff} .ui-menu .ui-menu-item label.orange {background: #f39a01;} .ui-menu .ui-menu-item label.blue {background: #2792ef;color:#fff} /*-- CUPONES --*/ .cupon-mini {background: #fff;width: max-content;padding: 10px 10px 10px 20px;border: 1px dashed #f39a01;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .cupon-mini p{border-left: 1px dashed #f39a01;margin: 0;padding-left: 8px;font-weight: bold;} /*-- ECOMMERCE THEMES --*/ .list_grid-themes{display: grid;grid-template-columns: repeat(3, minmax(90px, 1fr));gap: 1rem;} .box_themes{min-height: 230px;background-size: cover;display: inline-block;vertical-align:top;position: relative;border:1px solid #ddd;border-radius:10px} .box_themes .simbologia{float: right} .bar_options_theme{position: absolute;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);width: 100%;box-sizing: border-box;} .bar_options_theme h2{color: white;padding: 10px;margin: 0} .details_theme{display:none;background: #00000030;width:100%;height:100%;position:absolute;align-items: center;justify-content: center;} .details_theme span{width: 50%;height: 30px;background: #181818;color: #fff;border: 1px solid #000;text-align: center;font-size: 14pt;margin: 0 auto;cursor:pointer;border-radius:5px} .details_theme:hover{display:inline-flex;} .theme-description{max-height: 400px;overflow-y: auto} /*-- BOTONES FORMAS DE PAGO --*/ .formas-pago-btns {display: grid;grid-template-columns: repeat(2, minmax(90px, 1fr));gap: 0.5rem;margin:10px 10px 25px 10px} .formas-pago-btns div {display: flex;width: 100%;height: 40px;background: #eee;border: 1px solid #ddd;align-items: center;border-radius: 10px;} .formas-pago-btns div:hover {transform: scale(1.05);transition: 0.3s;} .formas-pago-btns div.seleccionado {background: #7b7b7b;color: #fff;} .formas-pago-btns div i {width: 30%;color: #9f9f9f;border-right: 1px solid #b9b9b9;margin-right: 10px;} .formas-pago-btns div span {width: 100%;text-align: left;} .formas-pago-btns.preventa{font-size: 8pt;} /*-- PREVENTA --*/ .lds-ellipsis {color: #618d0d} .lds-ellipsis, .lds-ellipsis div {box-sizing: border-box;} .lds-ellipsis {display: inline-block;position: relative;width: 80px;height: 80px;} .lds-ellipsis div {position: absolute;top: 33.33333px;width: 13.33333px;height: 13.33333px;border-radius: 50%;background: currentColor;animation-timing-function: cubic-bezier(0, 1, 1, 0);} .lds-ellipsis div:nth-child(1) {left: 8px;animation: lds-ellipsis1 0.6s infinite;} .lds-ellipsis div:nth-child(2) {left: 8px;animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(3) {left: 32px;animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(4) {left: 56px;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(24px, 0); } } .mini-item-list_pedido {text-align: left;width: 100%;display: flex;gap: 1rem;transition: 0.3s;align-items: center;} .mini-item-list_pedido .mini-foto-prod {width: 25%;} .mini-item-list_pedido .item-mid_pedido {width: 100%;} /*-- VENDER EXPRESS --*/ span#cambiarVisual {width: 45px;height: 45px;line-height: 45px;text-align: center;padding: 4px;border-radius: 40px;border: 1px solid #ffffff;} #list_products{display: grid;grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));gap: 0.5rem;margin-bottom:30px} #list_products .item-list_products{position:relative;box-sizing: border-box;vertical-align: top;padding: 5px;border-radius: 20px;box-shadow: 0px 1px 1px rgb(71 71 71 / 20%);border: 1px solid #efefef} #list_products .item-list_products:hover{transform: scale(1.03);opacity:0.8;transition: 0.3s} #list_products .item-list_products span.label_oferta{position: absolute;z-index: 1;} #list_products .item-list_products span.label_precio{font-size: 9.5pt;color: #618d0d;margin: 5px 0;padding: 0;} #list_products .item-list_products span.label_precio small{font-size: 6pt;color: #8f8f8f;} #list_products .item-list_products span.codprov{font-size: 7pt;color: #8f8f8f;} .sinStock {opacity: 0.4 !important;} .sinStock img {filter: grayscale(100%);} span.sin_stock {background: #d93b3b;padding: 2px 5px;font-size: 7pt;color: #fff;border-radius: 5px;margin: 5px 0;display: block;width: min-content;text-transform: uppercase;letter-spacing: 1px;} span.a_pedido {background: #efaf20;padding: 2px 5px;font-size: 7pt;color: #fff;border-radius: 5px;margin: 5px 0;display: block;width: max-content;text-transform: uppercase;letter-spacing: 1px;} span.mini-ico_produccion {position: absolute;top: 10px;right: 8px;background: #fff;color: #618d0d;border-radius: 15px;z-index: 1;} span#generarVenta{height: 40px;line-height: 40px;padding: 0;font-size: 10pt;border-radius: 15px;letter-spacing: 0.5px;transition: 0.3s;} span#generarVenta:hover{letter-spacing: 3px;} span#mostrarDetalle {margin: 10px 0;display: inline-block;border: 2px solid #618d0d;padding: 10px;border-radius: 10px;transition:0.3s} span#mostrarDetalle:hover{letter-spacing: 1px} .parametrosVehiculoProductos{display: flex;align-items: center;gap: 0.5rem;width:100%;text-align:left;padding: 10px 15px;background: linear-gradient(#fff, #f9f9f9);background: -webkit-linear-gradient(#fff, #f9f9f9);background: -moz-linear-gradient(#fff, #f9f9f9);;border-radius: 15px;margin: 0 0 10px 0;color:#474747;line-height:25px;border: 1px solid #eee;} .parametrosVehiculoProductos p{margin:0} /*-- PANEL CÓDIGOS DE BARRA --*/ #list_products-barcodes{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: 1rem;} #list_products-barcodes .item-list_products{box-sizing: border-box;vertical-align: top;padding: 5px;border-radius: 20px;box-shadow: 0px 1px 1px rgb(71 71 71 / 20%);border: 1px solid #efefef;text-align: center;} #list_products-barcodes .item-list_products:hover{transform: scale(1.03);opacity:0.8;transition: 0.3s} #list_products-barcodes .item-list_products h5.title-item {margin-bottom: 15px;} #list_products-barcodes .item-list_products img.barcode {width: 100%;} #list_products-barcodes .item-list_products .btn-light {width: 100%;padding: 5px;} #list_products-barcodes .item-list_products .btn-light i{font-size:9pt;} /*-- COTIZACIONES --*/ .box_folio{width: 95%;background:#fff;box-shadow: 5px 7px 3px #f3f3f3;border: 5px solid #f00;margin:0 auto;margin-bottom:20px;padding: 20px;text-align: center;color: #f00;border-radius:5px;text-transform:uppercase} .box_folio .rut{font-size: 14pt;} .box_folio .folio{font-size: 16pt;} .box_folio .adicional{font-size: 10pt;} .box_folio .fecha{font-size: 8pt;color:#000;} .seccion_multiform{display:inline-block;vertical-align:top;margin-bottom:2%} .form_left{width:25%;padding:1%} .form_right{width:74%;padding:1%} .addBtn{width: 40px;height: 40px;margin: 20px auto;background: #618d0d;display: block;border-radius: 50px;line-height: 40px;font-size: 18px;text-align:center;color: #fff;border: 1px solid #567b0e;box-shadow: 3px 3px 3px #d8d8d8;cursor: pointer;transition: 0.3s} .addBtn:hover{opacity:0.8;transform: scale(1.1);} #seguimiento{margin-bottom: 2%} #seguimiento img{margin-bottom: 20px} table.seguimiento-info{width:100%;margin: 0 auto 40px auto} table.seguimiento-info tr td{text-align:center;padding:0 0 20px 0;vertical-align: top;background: -webkit-linear-gradient(#FFF,#F9F9F9);background: -moz-linear-gradient(#FFF,#F9F9F9);background: linear-gradient(#FFF,#F9F9F9)} td.border-left{border-left: 1px solid #e0e0e0} td.border-right{border-right: 1px solid #e0e0e0} td.border-bottom{border-bottom: 1px solid #e0e0e0} h3.num_orden{color: #0d840b;margin: 2px 0;font-size: 12pt} p.txt_num_orden{margin: 0;color: #404040;background: #fff;padding: 2px 5px;text-align:center} /*-- PEDIDOS --*/ .info-pedido{padding: 20px 0;border-bottom: 1px dashed #eee} .info-pedido:last-child{border-bottom: none;padding-bottom:0} .info-pedido p.txt_num_orden{margin: 0 0 10px 0;color: #404040;background: #fff;padding: 2px 5px;text-align:center} .info-pedido img{width:100%;max-width: 160px;} .info-pedido span {width: fit-content;margin: 0 auto !important;} .info-pedido label{margin: 5px;} .registro_pagos div {display: flex;gap: 0.5rem;position: relative;background: #fff;color: #0d840b;margin: 0 auto;margin-bottom: 5px;padding: 15px 15px;border: 1px solid #f1f1f1;border-radius: 20px;box-sizing: border-box;align-items: center;} .registro_pagos div:hover{background:#fbfbff} .registro_pagos div span {font-weight: bold;} .registro_pagos div span:first-child{width: 20%;} .registro_pagos div span:nth-child(2){width:50%} .registro_pagos div span:nth-child(3){width:30%;font-size: 10pt;} .registro_pagos div p{margin:0} .registro_pagos div small{color:#7b7b7b} .btn_icon{background: -webkit-linear-gradient(#FFF, #F9F9F9);background: -moz-linear-gradient(#FFF, #F9F9F9);background: linear-gradient(#FFF, #F9F9F9);color: #87aa45;padding: 7px;margin: 0 auto;border-radius: 20px;width: 35px;border: 1px solid #c3c3c3;font-size: 12pt;} .btn_icon a{color: #87aa45;} .item-list_pedido{text-align: left;width: 100%;display:flex;gap:1rem;justify-content:space-between;flex-wrap: wrap;transition: 0.3s} .item-list_pedido:hover{transform: scale(1.01);} .item-list_pedido button{background: -webkit-linear-gradient(#FFF, #F9F9F9);background: -moz-linear-gradient(#FFF, #F9F9F9);background: linear-gradient(#FFF, #F9F9F9);padding: 7px;border-radius: 20px;width: 35px;border: 1px solid #c3c3c3;} .item-list_pedido button:disabled {opacity: 0.8;background: #cfcfcf;color: #545454;} .item-list_pedido button i{font-size: 12pt;color: #272727;} .item-list_pedido ul{padding: 0;font-size: 8pt;list-style:none} .item-list_pedido ul li{background: #f9f9f9;padding: 5px;border-radius: 10px;border: 1px solid #d7d7d7;font-weight: bold;margin-bottom: 5px} .item-list_pedido ul li:hover{transform: scale(1.03);transition: 0.3s} .item-list_pedido ul li a {font-weight: 400;} .item-list_pedido .item-mid_pedido{flex: 1;display: flex;flex-direction: row;gap: 20px;} .item-list_pedido .item-mid_pedido > div {padding: 0 10px;} .item-list_pedido .item-mid_pedido span.rojo, .item-list_pedido .item-mid_pedido span.amarillo, .item-list_pedido .item-mid_pedido span.verde {display: inline-block;margin: 8px 0;} .item-list_pedido .item-mid_pedido div:first-child{width:40%} .item-list_pedido .item-mid_pedido > div:nth-child(2){width:60%} .item-list_pedido .item-mid_pedido div.fullwidth{width:100% !important} .item-list_pedido .item-final_pedido{display: flex;min-width: 45%;justify-content: flex-end;} .item-list_pedido .item-final_pedido > div {padding: 0 10px;vertical-align: top;} .editItemlist {background: #ffb647;color: #fff;border-top-right-radius: 10px;border-bottom-right-radius: 10px;padding: 10px 10px !important;cursor:pointer} .delItemlist {background: #e12323;color: #fff;border-top-right-radius: 10px;border-bottom-right-radius: 10px;padding: 10px 10px !important;cursor:pointer} .obs_adicional_item-list {background: #fbfbff;border: 1px solid #eee;padding: 10px 15px;border-radius: 10px;margin-bottom: 15px;} .boxes-precios-item-list_pedido{display: inline-flex;} .precio-item-list_pedido{margin: 0 7px;color:green} span.title_item-list_pedido{display: block;font-size: 7pt;color: #a7a7a7;font-weight: bold;text-transform: uppercase;letter-spacing: 3px;margin-bottom:5px} p.ob{background: #f39a01;padding:6px 10px;display: table;color: #fff;border-radius: 5px;font-size: 11px;margin: 2% 0} #seguimiento p.ob{display:block} .progress_bar{width: 100%;background: #ddd;border-radius: 16px;margin-bottom: 5px;} .progress_actual{background: #618d0d;color: #fff;border-radius: 16px;padding: 0.01em 16px;text-align: right;} /*-- ITEMLIST GENERAL --*/ .box-servicio{border-left: 12px solid #ffb647} .box-item{border-left: 12px solid #6b977b;} /*-- INFO SEARCH PRODUCTOS --*/ .item-list_info_producto{text-align: left;width: 100%;display:flex;justify-content:space-between;flex-wrap: nowrap;gap: 1rem;transition: 0.3s} .item-list_info_producto:hover{transform: scale(1.01);} .item-list_info_producto button{background: -webkit-linear-gradient(#FFF, #F9F9F9);background: -moz-linear-gradient(#FFF, #F9F9F9);background: linear-gradient(#FFF, #F9F9F9);padding: 7px;border-radius: 20px;width: 35px;border: 1px solid #c3c3c3;} .item-list_info_producto button i{font-size: 12pt;color: #272727;} .item-list_info_producto .item-info{position: relative;margin: 0 auto;width: 100%;max-width: 200px;height: max-content;} .item-list_info_producto .item-info div:first-child {text-align: center;} .item-list_info_producto .item-info img{width: auto;max-width: 100% !important;max-height: 100px;border-radius: 5px;margin-bottom: 10px;} .item-list_info_producto .item-content{width:50%} .item-list_info_producto .item-content .box_precios{display: flex;flex-wrap: nowrap;align-items: flex-start;gap: 2rem;justify-content: flex-end;margin: 20px 0 0;} .item-list_info_producto .item-content .precio{margin-bottom: 10px;font-weight: bold;color:#618D0D;text-align: right;font-size: 12pt;} /*-- BOXES INFORMATIVOS --*/ #content_box_info-home {display: grid;grid-template-columns: repeat(3, minmax(90px, 1fr));gap: 1rem;} #content_box_info {display: grid;grid-template-columns: repeat(6, minmax(90px, 1fr));gap: 1rem;margin-bottom: 20px;padding: 20px 0;} div.box{color: #fff;vertical-align: middle;box-sizing: border-box;min-height: 120px;height: 100%;position: relative;border-top-left-radius: 20px;border-bottom-right-radius: 20px;box-shadow: 5px 8px 5px #ececec;overflow: hidden;} div.box:hover{opacity:0.9;transform: scale(1.01);transition: 0.3s} div.box small{display: block;text-align: center;} #content_box_info-home h2, #content_box_info h2{font-weight:bold} #content_box_info-home p, #content_box_info p{margin-bottom:10px} .ico_box{width: 100%;height:100%;position: absolute;left: 0;padding:10px;box-sizing:border-box;opacity: 0.06;font-size: 45pt;z-index: 0} .ico_box i:hover{transform:none} .dato_box{width: 100%;padding: 5%;text-align:center;font-size: 9pt} .dato_box > .seccion{padding: 10px;margin-bottom: 0;} .dato_box p{text-align:center} .dato_box button{background: -webkit-linear-gradient(#FFF, #F9F9F9);background: -moz-linear-gradient(#FFF, #F9F9F9);background: linear-gradient(#FFF, #F9F9F9);padding: 7px 10px;border-radius: 5px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;border: 1px solid #c3c3c3;width: 100%;color:#292929;margin-top: 5px;transition: 0.3s;} .dato_box button:hover{transform: scale(1.1);} .dato_box.content-circle {position: relative;overflow: hidden;width:95%;padding: 0 !important;} .dato_box.content-circle .seccion {padding: 40px 20px;} .dato_box .icon-dato_box {position: absolute;top: 20px;right: 10%;font-size: 15px;} .dato_box .icon-dato_box a{color:#618D0D} .mini-top-circle {width: 100%;height: 100%;position: absolute;background: #f1f4ff;border-radius: 200px;z-index: 1;top: -90%;} span.num_detalle{font-size:18pt;font-weight:bold;display: block;letter-spacing: 0.5px;} span.mas_detalle{width: 100%;display: block;padding: 2% 2%;background: #fff;color: #343434;font-size:8pt;border: 1px solid #d9d9d9;box-sizing: border-box;position: absolute;bottom:0;text-align: left;cursor:pointer;border-bottom-right-radius: 20px} #content_box_info-home div.box_costos, #content_box_info div.box_costos{display: inline-block;color: #fff;vertical-align: middle;width: 100%;box-sizing: border-box;height: 85px;position: relative;border-top-left-radius: 15px;border-bottom-right-radius: 15px;margin: 5px;box-shadow: 5px 8px 5px #ececec} span.detalle{display:table;margin:5px 0} .content_box_info-light{display: grid;grid-template-columns: repeat(5, minmax(90px, 1fr));gap: 2rem;margin-bottom: 20px;padding: 20px 0;} .content_box_info-light .box-light{position: relative;width: 100%;background: linear-gradient(#FFF, #F9F9F9);border: 1px solid #eee;text-align: left;color: #8d8d8d;padding: 10px 30px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;} .content_box_info-light .box-light .ico_box-light {font-size: 18pt;color: #ff8a00;margin-bottom: 10px;} .content_box_info-light .box-light span.num_detalle{font-size: 16pt;color: #3f578d;font-weight: bold;margin: 5px 0;} .content_box_info-light .box-light p{margin:0;font-size: 8pt;} .content_box_info-light .box-light .extra {position: absolute;top: 10%;right: 5%;cursor: pointer;color: #618d0d;} .content_box_info-light .box-light .extra i{font-size:12pt} .content_box_info-light.box-light-2 {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 1rem;padding:0} /*-- POPUP INFORMATIVOS --*/ #popup_wrapper{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #4a4a4a7a/*ffffff7a*/;z-index:99} #popup_box{background: #ffffff;width: 50%;max-height:80%;margin: 5% auto;padding: 10px 20px;box-sizing: border-box;overflow-y: auto;border-radius: 20px;border: 1px solid #d9d9d9;box-shadow: 2px 5px 10px #e5e5e5;} #close{cursor:pointer} /*-- POPUP INFORMATIVOS v2 --*/ .popup_wrapper{display:none;position: fixed;width: 100%;height: 100%;top: 0;left: 180px;background: transparent;backdrop-filter: blur(4px);z-index:99999} .popup_box{position:relative;background: #ffffff;width: 50%;max-height: 85%;top: 50%;left: 45.25%;transform: translate(-50%, -50%);padding: 40px 30px;box-sizing: border-box;overflow-y: auto;border-radius: 20px;border: 1px solid #d9d9d9;box-shadow: 2px 5px 10px #e5e5e5;} .popup_box h2{text-align:left} .popup_wrapper hr, .popup_box hr{border: 0;width: 70%;height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(153, 153, 153, 0.69), rgba(0,0,0,0));margin: 15px auto} .close_popup_box{position: absolute;top: 20px;right: 20px;width: 30px;height: 30px;line-height: 30px;background: #cc1e1a;text-align: center;border-radius: 30px;color: #fff;cursor: pointer;font-weight: bold;transition: 0.3s;z-index: 9;} .close_popup_box:hover{background:#9d230f;font-size:12pt} .bgPopup{background: #00000000;width: 100%;height: 100%;position: absolute;} /*-- AVISOS STOCK --*/ .alertas_stock{display: block;width: 100%;height: 100%;max-height: 200px;padding: 10px;box-sizing: border-box;overflow-y: auto;margin-bottom:20px} .alertas_stock span{display: block;margin: 5px 0;padding: 5px 5px;border-radius: 10px} span.aviso_falta_stock_warning{background: #fff89e;color:#5f5507} span.aviso_falta_stock_warning i{color:#dcbf28} span.aviso_falta_stock_alert{background: #9d230f;color:#fff} span.aviso_falta_stock_alert i{color:#5f0707} .alertas_stock::-webkit-scrollbar{width: 5px;/* Tamaño del scroll en vertical */height: 5px;/* Tamaño del scroll en horizontal */} /* Ponemos un color de fondo y redondeamos las esquinas del thumb */.alertas_stock::-webkit-scrollbar-thumb {background: #ccc;border-radius: 4px} /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */.alertas_stock::-webkit-scrollbar-thumb:hover {background: #b3b3b3;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2)} /* Cambiamos el fondo cuando esté en active */.alertas_stock::-webkit-scrollbar-thumb:active {background-color: #999999} /* Ponemos un color de fondo y redondeamos las esquinas del track */.alertas_stock::-webkit-scrollbar-track {background: #e1e1e1;border-radius: 4px} /* Cambiamos el fondo cuando esté en active o hover */.alertas_stock::-webkit-scrollbar-track:hover,.alertas_stock::-webkit-scrollbar-track:active {background: #d4d4d4} /*-- INFORMES (GRÁFICOS Y VARIOS) --*/ .box_table, .box_chart, .chart-info{display:inline-block;vertical-align:top;box-sizing:border-box} .box_chart{width: 75%;} #chartContainer{background: #fdfdfd;padding: 2%;border: 1px solid #ddd;border-radius: 20px;} .box_table{width: 75%} .chart-info{width: 24%;padding:0 0 0 2%} .boxdato_chart{margin-bottom: 10px;background: #fdfdfd;border: 1px solid #ddd;border-top-left-radius: 10px;border-bottom-right-radius: 10px;padding: 10px 0;color:#888888;transition: 0.3s;} .boxdato_chart:hover{transform: scale(1.05);background:#fbfbff} .boxdato_chart p{text-align:center;font-size: 10pt;border-bottom: 1px solid #ddd;margin:0 0 10px 0;padding:0 10px 5px 10px} .num_dato_chart{font-size: 15pt;color:#008000} /*-- PERFIL --*/ #perfil_usuario{padding-right:20px} #perfil_usuario h1{float:left} .foto_perfil_datos-user{position:relative;float:right;width:100px;height:100px} .foto_perfil_datos-user img{width:100px;height:100px;border-radius:50%;border:4px solid #fff} table.datos_usuario{background:#f6f6f6;width:100%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin-bottom:10px} table.datos_usuario tr td{vertical-align:middle;padding:5px 10px} td.campo{background:#fff;font-size:12px;border-bottom:1px solid #e0e0e0} td.dato_usuario{color:#414141} .box_perfil_cuenta{padding: 10px;margin-bottom: 10px} .box_perfil_cuenta .foto{width: 50%;margin: 0 auto 10px auto} .box_perfil_cuenta .nombre{text-align: center;font-size: 20pt} /*-- ITEMS --*/ .foto_item, .foto_item_clasico{position:relative;text-align: center;margin: 0 auto;cursor: context-menu;} .foto_item img{border-radius:100%;width:100%;height: 100%;object-fit: cover;border: 5px solid #f1f1f1;box-sizing: border-box;margin-bottom: 5px;aspect-ratio: 1 / 1;} .foto_item_clasico img{width:100%;height: 100%;object-fit: cover;box-sizing: border-box;aspect-ratio: 1 / 1;border: 5px solid #fff;border-radius: 20px} .foto_item_clasico div.label_oferta{position: absolute;top: 0px;right: 0;background: #618d0d;width: 70px;height: 70px;line-height: 70px;color: #fff;font-weight: bold;letter-spacing: 1px;padding:0;border: 2px solid #ffffffb3;border-radius: 100%;} .product_rating {margin: 10px 0;} .score_product {color: orange;font-size: 12pt;} .score_product i{font-size:13pt} .score_product i:hover {transform: scale(1.2);transition: 0.3s;} .product_rating i {margin-right: 3px;color: #f90;} .box_barcode{text-align:center;margin-bottom:20px} .label-box_barcode {border-radius: 10px;margin: 10px auto;} .label-box_barcode img.barcode{width: 100%;max-width: 250px;max-height: 150px;display: block;margin: 0 auto;} /* ANÁLISIS PRODUCTO */ .boxes_analisis{display: grid;grid-template-columns: repeat(3, minmax(90px, 1fr));gap: 0.5rem;margin-bottom: 20px;padding: 20px 0;} .boxes_analisis div{position: relative;width: 100%;background: linear-gradient(#FFF, #F9F9F9);border: 1px solid #eee;text-align: left;color: #8d8d8d;padding: 10px 30px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;box-shadow: 5px 10px 12px #f7f7fb;overflow: hidden;transition: 0.3s;} .boxes_analisis div:hover{transform: scale(1.01);} .boxes_analisis div p{color:#181818} .boxes_analisis div h3{font-size: 14pt;color:#0d840b} .boxes_analisis .icon_bg {position: absolute;bottom: -5px;right: -5px;} .boxes_analisis .icon_bg i {font-size: 50pt;opacity: 0.1;} .boxes_analisis div:hover .icon_bg i{font-size: 60pt} /* COMENTARIOS PRODUCTO */ .wrapper_comments-product {display: grid;grid-template-columns: repeat(4, minmax(250px, 1fr));gap: 1.5rem;padding: 20px;margin-bottom: 20px;} .box_comment-product {text-align: left;border: 1px solid #eee;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);overflow: hidden;transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;} .box_comment-product:hover {transform: translateY(-5px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);} .img_pic img {width: 100%;object-fit: cover;border-top-left-radius: 10px;border-top-right-radius: 10px;} .button_comment {display: flex;align-items: flex-start;gap: 1rem;padding: 15px;} .img_comment {flex-shrink: 0;width: 15%;min-width: 85px;} .img_comment img {width: 100%;border-radius: 50%;border: 3px solid #ebebeb;} .title_comment p {font-size: 14px;font-weight: bold;margin: 5px 0;color: #333;} .comment_product p {font-size: 12px;color: #555;} .sign_comment_product {font-size: 11px;color: #777;font-style: italic;margin-top: 10px;} .product_comment {display: flex;align-items: center;gap: 1rem;padding: 15px;} .pic_prod_comment {width: 15%;min-width: 50px;} .pic_prod_comment img {width: 100%;border-radius: 50%;border: 2px solid #ebebeb;} .info_prod_comment {font-size: 12px;color: #333;transition: color 0.3s;letter-spacing 0.3s;} .info_prod_comment:hover {color: #007BFF;letter-spacing: 0.5px;} /*-- VARIACIONES --*/ .variacion {margin-bottom: 20px;} .top_bar_variacion {position: relative;background: linear-gradient(#FFF, #F9F9F9);text-align: left;padding: 0 20px;cursor: pointer;border: 1px solid #eee;line-height: 45px;border-radius: 20px;margin-bottom:20px;} .top_bar_variacion .classic_link{color: #0075ff;letter-spacing: 1px;margin-left: 10px;} .top_bar_variacion .img_top_bar{width:40px;height:40px;border-radius:40px;border:2px solid #e5e5e5;margin-right: 15px;} .top_bar_variacion .img_top_bar, .top_bar_variacion p{display: inline-block; vertical-align: middle;} .top_bar_variacion .img_top_bar img{width:100%;height: 100%;border-radius:40px} .top_bar_variacion .ico-desplegar{float: right;} .top_bar_variacion p{margin:0;font-weight:bold;} .top_bar_variacion p i{color: #f90;} .top_bar_variacion .status {display: inline-flex;line-height: normal;position: absolute;right: 50px;top: 50%;transform: translate(0, -50%);} /*-- BOX Y REPORTES --*/ .box_reporte div {text-align: center;border-radius: 5px;border: 5px solid #dbdbdb;padding: 5px 20px;width: 100%;margin: 0 0 20px;} .box_reporte div p {font-size: 12pt;color: #434343;margin: 10px 0 10px 0;} .box_reporte div .titulo_box_reporte{font-size: 16pt;font-weight: bold;} /*-- MENU SIDEBAR --*/ ul.menu-sidebar{list-style:none;padding: 0px;} ul.menu-sidebar li {background: linear-gradient(#fff, #f9f9f9);background: -webkit-linear-gradient(#fff, #f9f9f9);background: -moz-linear-gradient(#fff, #f9f9f9);border: 1px solid #ddd;border-radius: 10px;padding: 12px 10px;margin: 0 0 5px;cursor:pointer} ul.menu-sidebar li:hover {font-weight:bold;transform: scale(1.01);transition: 0.3s} ul.menu-sidebar li span{color:#181818} ul.menu-sidebar li.selected-item{font-weight: bold;} ul.menu-sidebar li i {color: #5f5f5f;margin-right: 5px;padding-right: 5px;border-right: 1px solid #bbb;width: 30px;text-align: center;} /*-- EDITOR --*/ #editor{height: 450px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;margin-bottom: 20px;} .ql-toolbar.ql-snow{text-align: left;} .ql-toolbar{border-top-left-radius: 20px;border-top-right-radius: 20px} /*-- SEO ITEMS --*/ .demo_SEO-Google{background: #fbfbff;padding: 20px;text-align: left;border-radius: 10px;} .demo_SEO-title{font-size: 14pt;color: blue;font-weight: bold;margin-bottom: 10px;} .demo_SEO-meta{font-size: 10pt;color: #686868;margin-bottom: 10px;} .demo_SEO-slug{color: green;font-weight: bold;} /*-- ENCOMIENDAS --*/ #barcode-reader video{max-width: 100%;width: 100%;border-radius: 10px;} #barcode-reader{max-width: 100%;position:relative;} canvas{max-width: 100%;} canvas.drawingBuffer{position:absolute;top:0;left:0;} /*-- HEADER TABLE - DE BOTON Y BÚSQUEDA --*/ .header_table_content{display:flow-root;background:#fff;color: #FFF;padding: 15px 10px;border-top-left-radius: 20px;border-top-right-radius: 20px;text-align: left;border-left: 1px solid #eee;border-top: 1px solid #eee;border-right: 1px solid #eee} .box_opciones_superior, .search_box_superior{box-sizing:border-box;vertical-align: middle} .box_opciones_superior{float:left;text-align: left} .search_box_superior{float:right;text-align: right} #search_fields{display: flex;padding:0;margin:0;align-items: center;justify-content: flex-end;gap: 0.5rem;} #search_fields li{margin: 0 2px} .header_table{background:linear-gradient(#fff, #f9f9f9);background: -webkit-linear-gradient(#fff, #f9f9f9);background: -moz-linear-gradient(#fff, #f9f9f9);border:1px solid #eee;color: #313131;padding: 10px 15px;border-top-left-radius: 15px;border-top-right-radius: 15px;text-align: left;text-transform:uppercase} .header_table h2, .header_table h3{font-size:12px;margin:5px 0;font-weight: 600;letter-spacing: normal} .form_header_table {position: absolute;margin-top: -33px;right: 0px;width: 100%;text-align: right} .form_header_table .btn, .form_header_table .form-control_header-table {display:inline-block;vertical-align:middle} .form_header_table .btn{box-shadow:none} .form_header_table .form-control_header-table {width: auto} input.form-control_header-table{display: block;width: 100%;box-sizing: border-box;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;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,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s} .info_preview{width:100%;background:#fff;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;border-left: 1px solid #eee;border-bottom: 1px solid #eee;border-right: 1px solid #E0E0E0;margin-bottom:20px;text-align: left} tbody.scrolled-y{overflow-y: scroll;height: 315px;display: block} .info_preview tr{font-size:12px;width:100%;box-sizing:border-box} .info_preview tr.titulo_categ{background:#fff} .info_preview tr.subtr{background: #fbefdc;} .info_preview tr td {padding: 10px 10px;} .info_preview tr td label:first-child{font-weight: bold} .info_preview .marker:hover{background:#efefef} .info_preview a{color:#000} .info_preview img {width: 100%;} .info_preview #id_input_foto{margin: 10px 0} .info_preview i{font-size: 12pt} .info_preview button{transition: 0.3s;} .info_preview button:hover{transform: scale(1.1);} .info_preview.withoutTitle{border-radius: 15px;border: 1px solid #eee;} td#sin_datos{padding:35px;background:#fff} div#sin_datos{text-align:center} img#sin_datos{width:155px;display: block;margin: 10px auto} .reporte tr td{vertical-align:top} .atributo-tax-list{display: inline-block;background: #fdf1d6;padding: 5px 10px;border-radius: 10px;margin: 3px;} .label_oferta{display:inline-block;background: #2792ef;font-size: 7pt;color: #fff;font-weight: bold;text-align: center;padding: 5px 10px;border-radius: 15px;letter-spacing: 0.5px;} .info_preview .label_oferta {margin-bottom: 7px;} .info_preview tr.pedido_atrasado td{background: #ffeded;} .info_preview tbody tr:last-child td:first-child{border-bottom-left-radius: 12px;} .info_preview tbody tr:last-child td:last-child {border-bottom-right-radius: 12px;} /*-- LIST ITEMS --*/ .header_forms {display: flex;align-items: center;justify-content: space-between;padding: 20px 5px;margin-bottom:20px} .header_forms > div:first-child{display: flex;gap: 1rem;vertical-align: middle;align-items: center;justify-content: center;font-weight: bold;} .wrapper_headerbox{background: linear-gradient(#fff, #f9f9f9);background: -webkit-linear-gradient(#fff, #f9f9f9);background: -moz-linear-gradient(#fff, #f9f9f9);display: flex;margin: 15px 0;padding: 15px 10px;align-items: center;border: 1px solid #e0e0e0;font-weight: 600;box-shadow: 5px 10px 12px #f7f7fb;border-top-left-radius: 10px;border-bottom-right-radius: 10px} .header_box{width:100%} .itemlist-express {display: flex;background: #fff;border: 1px solid #eee;border-radius: 20px;text-align: left;align-items: center;padding: 15px 15px;margin: 10px;box-shadow: 2px 3px 2px #f7f7fb;} .itemlist-express div:first-child{width:80%;max-width: 60px;position: relative;} .itemlist-express div.price{font-weight: bold;text-align: right;} .itemlist-express div.delete{width:50%;text-align: right;} .itemlist-express .label_oferta {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);background: #2792ef;font-size: 7pt;color: #fff;font-weight: bold;text-align: center;padding: 2px 5px;} .itemlist-express div:nth-child(3), .itemlist-express div:nth-child(4) {width: 50%;text-align: right;} .itemlist-express div:last-child {width: 20%;} .col_itemlist-express{width: 100%;} .itemlist-express img {width: 100%;height: 45px;max-width: 45px;border: 1px solid #ddd;border-radius: 45px;} .itemlist{display: flex;position:relative;background: #fff;text-align:left;padding: 10px;margin: 0 0 20px 0;border: 1px solid #e0e0e0;box-shadow: 5px 10px 12px #f7f7fb;border-top-left-radius: 15px;border-bottom-right-radius: 15px;overflow-x: auto} .puntolist{display: flex;position:relative;background: #fff;text-align:left;padding: 10px;margin: 0 0 20px 0;border: 1px solid #e0e0e0;box-shadow: 5px 10px 12px #f7f7fb;border-top-left-radius: 15px;border-bottom-right-radius: 15px;overflow-x: auto} .col_itemlist{padding: 0 5px} span.title_itemlist{font-size: 6pt;color: #c1c1c1;font-weight: bold;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 5px;} .col_itemlist .infoextra{display:none} .col_itemlist.delCol{display: inline-block;width: 25px;height: 25px;line-height: 25px;position: absolute;text-align: center;border-top-left-radius: 10px;border-bottom-left-radius: 10px;right: 0;background: #9d230f} .col_itemlist.delCol:hover{background: #ea2e2e;transition: 0.3s} .col_itemlist.delCol span{color: #fff} .mini-foto-prod{position:relative;margin: 0 auto;width:100%;min-width:50px;max-width: 120px;height: max-content} .mini-foto-prod img{width:100%;height: 100%;object-fit: cover;box-sizing: border-box;aspect-ratio: 1 / 1;border-radius: 10px;} .mini-foto-prod .label_oferta{position: absolute;top: 0px;left: 0;background: #2792ef;font-size: 9pt;color: #fff;font-weight: bold;text-align: center;padding: 5px 10px;} .form-itemlist-clear {display: block;width: 100%;height: 45px;box-sizing: border-box;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: none;border-radius: 0} .form-itemlist-clear:active {border-radius: 10px;border: 1px solid #ddd;} .form-itemlist-clear:focus {outline: none !important;} .form-itemlist-clear:focus-visible {border-radius: 10px;border: 1px solid #ddd;} /*.form-itemlist-clear[readonly]{background: #fafafa;color: #858585;cursor: not-allowed}*/ .form_baseline{border-bottom:1px solid #e0e0e0} .infobox-clear{height:80px;border:none;border-radius:0;font-size:9pt} .VenderExpress, .VenderProducto, .CotizarProducto{font-weight:bold;font-size:9pt;border-left: 5px solid #f39a01} .VenderExpress:focus-visible, .VenderProducto:focus-visible, .CotizarProducto:focus-visible{border-left: 5px solid #f39a01;} .CotizarPuntoInspeccion{font-weight:bold;font-size:9pt;border-left: 5px solid #4c97ad} .CotizarPuntoInspeccion:focus-visible{border-left: 5px solid #4c97ad;} .plan{font-weight:bold;font-size:9pt;border-left: 5px solid #f39a01} .plan:focus-visible {border-left: 5px solid #f39a01;} .stock-realtime{margin: 10px 0 10px 0} .stock-realtime span {margin-bottom: 5px;border-bottom-left-radius: 20px !important;border-bottom-right-radius: 20px !important;letter-spacing: 1px;transition: 0.3s;cursor:pointer} .stock-realtime span:hover{letter-spacing: 1.5px} .info_span{margin: 10px 0 10px 0} .info_span span {margin-bottom: 5px;border-bottom-left-radius: 20px !important;border-bottom-right-radius: 20px !important;letter-spacing: 1px;transition: 0.3s;cursor:pointer} .info_span span:hover{letter-spacing: 1.5px} .boxRangoPrecios{width: 100%;text-align: left;background: #2792ef;margin: 10px 0 10px 0;padding: 7px;border: 1px solid #b3b3b3;color: #fff;font-size: 7.5pt;border-top-right-radius: 10px;border-bottom-left-radius: 10px;} .boxRangoPrecios > p {font-size: 7pt;margin: 5px 0 10px 5px;padding-bottom: 3px;border-bottom: 1px solid #fff;letter-spacing: 1px;} .boxRangoPrecios ul{list-style: disc;padding-left: 15px;margin: 1%} .boxRangoPrecios ul li{background: #2792ef;padding: 0px;border-radius: 0px;border: none;font-weight: 400;margin-bottom: 0px;} .boxStockSucursales{width: 100%;text-align: left;background: #f1f1f1;margin: 10px 0 10px 0;padding: 7px;border: 1px solid #e7e7e7;color: #979797;font-size: 7.5pt;border-top-right-radius: 10px;border-bottom-left-radius: 10px;} .boxStockSucursales > p {font-size: 7pt;margin: 5px 0 10px 5px;padding-bottom: 3px;border-bottom: 1px solid #fff;letter-spacing: 1px;} .boxStockSucursales ul{list-style: disc;padding-left: 15px;margin: 1%} .boxStockSucursales ul li{background: #f1f1f1;padding: 0px;border-radius: 0px;border: none;font-weight: 400;margin-bottom: 0px;} .mini-calculadoraArea {background:#fbfbff;display: flex;align-items: center;gap: 0.5rem;padding: 10px 20px;border: 1px solid #e1e2e3;} .mini-calculadoraArea span i {font-size: 14pt;color: #fff;background: #f08817;padding: 5px;border-radius: 5px;} .mini-calculadoraArea input{border-radius: 10px;border: 1px solid #e1e2e3;} .itemlist .extras-list-item span {margin-bottom: 4px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;font-size: 8pt;letter-spacing: 0.75px;cursor: help;} .checkbox_itemlist{background: #fbfbff;border: 1px solid #ddddfb;color: #626393;border-radius: 20px;margin: 10px 0;padding: 10px 15px;} .checkbox_itemlist label{display:inline-flex;gap: 0.5rem;border: 1px solid #e0e0e0;padding: 5px 15px 5px 10px;margin: 5px 2px;border-radius: 15px;background: #fff;cursor: pointer;} .checkbox_itemlist label:hover{background:#fbfbff} .btn-aplicaciones .btn{font-size: 8pt;} .input-con-lupa {position: relative;display: inline-block;width: 100%;} .input-con-lupa input {padding-left: 30px;width: 100%;box-sizing: border-box;} .lupa-icono {position: absolute;top: 23px;left: 14px;transform: translateY(-50%);color: #aaa;font-size: 14px;pointer-events: none;} .TotalCart{width: 100%;max-width: 500px;font-size: 12pt;text-align: right;margin: 20px 10px 20px auto;color: #1f600b;font-weight: bold;} .TotalCart div{display: flex;width:100%;flex-direction: row;justify-content: flex-end;line-height: 30px} .TotalCart div:first-child{font-size:9pt;text-transform:uppercase} .TotalCart div div:first-child {color: #818181;} .valorCart{width: 50%;font-size: 13pt;border-bottom: 1px solid #e0e0e0;padding: 5px} #total_carrito{position: fixed;bottom: 0;right: 11%;background: #618d0d;padding: 10px 20px;border-top-left-radius: 10px;border-top-right-radius: 10px;font-size: 12pt;font-weight: bold;color: #fff;letter-spacing: 1px;z-index: 10;} #total_carrito.venta{right: 4%} /*-- AGENDA --*/ .wrapper-calendar {background: -webkit-linear-gradient(#FFF, #F9F9F9);background: -moz-linear-gradient(#FFF, #F9F9F9);background: linear-gradient(#FFF, #c9c9c9);padding: 10px 0;border-radius: 10px;margin: 20px 0;} .calendar-header {display: flex;align-items: center;width: 100%;max-width: 500px;margin-bottom: 7px;padding: 0 10px;} .calendar-header button {width: 20px;padding: 3px;border: none;color: #1f1f1f;font-size: 7pt;cursor: pointer;border-radius: 20px;} .calendar-header button:hover {background-color: #1f1f1f;color: #fff;} .month-name {flex-grow: 1;font-size: 8pt;font-weight: bold;text-transform: uppercase;text-align: center;letter-spacing: 2px;} .calendar-container {background: -webkit-linear-gradient(#FFF, #F9F9F9);background: -moz-linear-gradient(#FFF, #F9F9F9);background: linear-gradient(#FFF, #F9F9F9);display: grid;grid-template-columns: repeat(7, 1fr);gap: 1px;font-size: 7pt;padding: 10px;margin: 0 5px;border-radius: 10px;} .day-name{font-weight: bold;text-align: center;margin-bottom: 5px;} .day {padding: 4px;border-radius: 4px;text-align: center;cursor: pointer;} .day:hover {background-color: #f0f0f0;} .day.selected {background-color: #007bff;color: white;} .top-info-planner {display: flex;justify-content: space-around;align-items: center;gap: 1rem;} .top-info-planner div {display: flex;align-items: center;gap: 0.4rem;color: #757575;} .top-info-planner div span {display: flex;align-items: center;gap: 0.4rem;color:#0e0e0e;font-weight: bold;} .top-info-planner div span img{width:35px;height:35px;border-radius: 40px;} #wrapper-planner{} #planner .owl-carousel.owl-drag .owl-item{padding-bottom: 280px;} /*#planner {display: flex;gap: 2rem}*/ /*#planner > div {width: 100%;max-width: 400px;}*/ div#planner button{top: 20px;} .date_planner {display: flex;justify-content: space-between;align-items: center;padding: 10px;margin-bottom: 25px;} .date_planner div h3 {font-size: 22pt;margin: 0;padding: 0;text-align: left;} .date_planner div p {font-size: 14pt;margin: 0;text-align: left;} .date_planner .num {position:relative;width: 66px;height: 66px;line-height: 66px;background: #e3e3e3;color: #fff;font-weight: bold;border-radius: 10px;font-size: 22pt;} .date_planner .num i{position: absolute;right: -10px;top: -10px;color: #ffbc00;-webkit-text-stroke: 2px #F8F8F8;} .profesional-section{text-align: center;background: #ffffff;position: relative;} .profesional-section .foto_item{text-align: center;width: 20%;min-width: 80px;margin-bottom: 0;} .profesional-section p{color:#232323;font-size:11pt;font-weight:bold;margin: 0 0 15px 0;} .profesional-section small{font-weight: 400;} .taller-section{text-align: center;background: #ffffff;position: relative;margin-bottom:20px} .taller-section .foto_item{text-align: center;width: 100%;height: 120px;border-top-left-radius: 20px;border-top-right-radius: 20px;margin-bottom: 10px;} .taller-section .foto_item img{object-fit: cover;border-radius: 0px;box-sizing: border-box;aspect-ratio: 16 / 9;border: 0;border-top-left-radius: 15px;border-top-right-radius: 15px;} .taller-section p {font-size: 10pt;font-weight: bold;margin: 0;padding: 5px 0;color: #ffffff;position: absolute;left: 0;bottom: 0;width: 100%;background: #0000005e;} .taller-section small{font-weight: 400;} .detail_planner {border-radius: 10px;} .detail_planner .horarios{display: flex;position:relative} .horarios .hora {padding: 10px;text-align: right;width: 20%;border-top: 1px solid #eee;font-weight: bold;} .horarios .detalle {width: 80%;padding: 5px 10px;border-top: 1px solid #eee;} .horarios .disponible{cursor:pointer} .menu_horario {position: absolute;right: -35px;top: 6px;padding: 5px 10px;text-align: left;background: #fff;border: 1px solid #eee;border-radius: 10px;box-shadow: 2px 4px 14px #c3c3c3;z-index: 9;} .menu_horario div{margin: 10px 0;cursor:pointer} .menu_horario div:hover{transform: scale(1.05);transition: 0.3s;} .nota{background: #b3d7b0;padding: 10px 20px;border-radius: 10px;color: #fff;font-size:8pt;font-weight: bold;letter-spacing: 0.3px;text-align: left;cursor:pointer} .nota:hover{transform: scale(1.05);transition: 0.3s;} .nota.global{border:1px solid #e4e7f1} .nota.global.completado {background: #f0f9de !important;} .nota .pagado {background: #408600;width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 30px;color: #fff;float: right;margin-left: 5px;} .nota ul{list-style: none;padding-left: 0;margin:0} .nota ul li{margin-bottom:5px} .nota ul li span{width: fit-content;} .nota ul li:last-child{margin-bottom:0px} .nota.horariosbloqueados{background: #fafaff;color: #bdbbc9;margin: 1px 0;} .nota.horariosCerrados{background: #f0f2ff;color: #9188c5;margin: 1px 0;} .nota .mini-patente {margin-bottom: 10px;background: #f9f9f9;color: #000000;} .nota li i {width: 15px;text-align: center;} .nota .ico_nota-general{background: #176d87;width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 30px;color: #fff;float: right;} .nota .ico_nota-general a{color:#fff} /* FICHA EXPRESS */ .options-reserva {position: absolute;right: -35px;top: 6px;max-width:320px;min-width:270px;padding: 20px;text-align: left;background: #fff;border: 1px solid #eee;border-radius: 10px;box-shadow: 5px 8px 15px #e3e3e3;z-index: 9;} .options-reserva h4{margin:0} .options-reserva p{text-align: left;} .options-reserva p i {width: 14px;text-align: center;color: #58637d;} .options-reserva div.acciones{display:flex;float: right;} .options-reserva div.acciones div {cursor: pointer;padding: 5px;border-radius: 5px;margin: 2px;background: #fff;color: #878787;border:1px solid #eee} .options-reserva div.acciones div:hover{background: #878787;color:#fff;border:1px solid #fff;transition: 0.3s;} .options-reserva div.acciones div.desactivado {opacity: 0.4} .options-reserva div.button-btns {display: flex;justify-content: space-between;gap: 0.5rem;} .options-reserva div.button-btns button{font-size: 9pt;} .options-reserva div.button-btns button:disabled{opacity: 0.4;} /*-- SERVICIOS --*/ .steps-on {display: flex;justify-content: center;align-items: center;gap: 1rem;margin-bottom: 10px;} .steps-on .step {padding: 5px 10px;border-radius: 5px;} .steps-on .step.inprogress {background: #e3e3e3;color: #fff;border: 1px solid #d7d7d7;} .steps-on .step.complete{background: #618d0d;color: #fff;border: 1px solid #416105;transition: all 0.5s ease;transform: scale(1.1)} .steps-on .step.complete i{transition: all 0.5s ease;} .backStep{cursor: pointer;} .backStep:hover{transform: scale(1.1);transition: 0.3s;} /*-- SEARCH ADVANCE --*/ .form-overSearch {display: flex;align-items: center;gap:1rem} .form-overSearch > div {width: 100%;} .form-overSearch > div:last-child {width: 20%;} /*-- SEARCH --*/ ul#box_search li{margin-bottom: 10px} /*-- SEARCH PRO BOX --*/ .SearchPro .AddCart, .SearchPro .NoCart{width:95%} /*-- SIMBOLOGIA --*/ span.mini {font-size: 7pt !important;display: inline-block !important;border-radius: 20px !important;color: #fff !important;border: none !important;font-weight: 400 !important;padding: 2px 5px !important;margin: 0 5px !important;} span.mini.verde{background: #618d0d;} span.amarillo, span.rojo, span.verde, span.azul, span.gris{font-weight:bold;text-align:center;padding: 5px 10px;border-radius: 5px;/*margin-right: 5px;*/display:block;font-size: 7pt;} span.amarillo{background:#fcedc3;color:#9c7d11;border:1px solid #9c7d11} span.rojo{background:#ffd1d1;color:#b15656;border:1px solid #b15656} span.verde{background:#c1da92;color:#729929;border:1px solid #729929} span.azul{background:#2792ef;color:#f6f6f6;border:1px solid #2d6ea7} span.gris{background:#e0e0e0;color:#4c4c4c;border:1px solid #4c4c5c} span.btn.amarillo,span.btn.rojo,span.btn.verde{font-size: 13px;} span.btn.amarillo:hover,span.btn.rojo:hover,span.btn.verde:hover{color:#fff} .info_preview:has(span.amarillo:nth-of-type(2)), .info_preview:has(span.rojo:nth-of-type(2)), .info_preview:has(span.verde:nth-of-type(2)) {span.amarillo, span.rojo, span.verde {margin-bottom: 7px;}} td span.bgPersonalizado{width: 100%;} span.bgPersonalizado{display:block;width: fit-content;text-align:center;padding: 5px 6px;border-radius: 5px;margin-right: 5px;font-size: 9px;color:#fff;letter-spacing: 1px;text-transform: uppercase;} .seguimiento-info span.amarillo{padding: 2px 10px;border-radius: 5px;margin-right: 5px;display:block} .seguimiento-info span.amarillo{background:#fcedc3;color:#9c7d11;border:1px solid #9c7d11} /*-- TOOLTIP --*/ .tooltip{position: relative;display: inline-block;/*border-bottom: 1px dotted black;*/} .tooltip .tooltiptext{visibility: hidden;width: auto;background-color: #555;color: #fff;line-height: 12px; text-align: center;border-radius: 6px;padding: 5px 10px;position: absolute;z-index: 1;bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 0.3s} .tooltip .tooltiptext::after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent} .tooltip:hover .tooltiptext{visibility: visible;opacity: 1;transition: 0.3s} /*-- GLOBES --*/ .globe-alerts {position: fixed;right: -15px;bottom: 2%;z-index: 9;transition: 0.3s;} .globe-alerts .globe{position:relative;width: 45px;height: 45px;right:0;background: #f39a01;color: #fff;font-size: 14pt;text-align: center;padding: 10px;border-radius: 100%;margin-bottom: 15px;cursor:pointer;transition: transform 0.3s ease;} .globe-alerts .globe:hover {transform: scale(1.1) translateX(-20px);} /* NOVA */ .wrapper_full {background: #fff;width: 100%;height: 100%;position: absolute;padding: 20px;box-sizing: border-box} .wrapper_full .logo{text-align:center;margin-bottom:50px} .wrapper_full .logo img{width:60%;max-width:330px} .wrapper_full .middle{margin-bottom:50px;text-align:center} .wrapper_full .middle audio{display: none;margin: 10px auto} .wrapper_full .footer{} /* EXTERNOS */ .eapps-instagram-feed-posts-item-template-classic{border-radius: 20px} .owl-nav{text-align: center;} .owl-nav button:hover{transform: scale(1.1);transition: 0.3s;} button.owl-prev {position: absolute;left: -20px;top: 50%;} button.owl-next {position: absolute;right: -20px;top: 50%;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background: #9b9b9b !important;width: 30px;height: 30px;border-radius: 25px;line-height: 5px !important;color: #fff !important;margin: 0 5px;border: 2px solid #fff !important;} /*.owl-carousel .owl-item img{height: 100%;object-fit: cover;box-sizing: border-box;aspect-ratio: 1 / 1}*/ /* LANDING PAGE */ body.BgLanding{background-image:url('/images/bg-landing.jpg');background-color: #eee;background-size: cover;background-attachment:fixed;width:100%;display: inherit;} .BgLanding .form-registro{width: 60%;max-width: 1000px;margin: 0 auto;position: relative;background: transparent;backdrop-filter: blur(5px);border-radius: 20px;border: 1px solid #d3d3d3;padding: 20px 40px;} .ico_social-circle{background: #4c4c4c;width: 50px;height: 50px;line-height: 25px;text-align: center;padding: 10px;border-radius: 100%;display: inline-block;color: #fff;margin: 0 5px;} .ico_social-circle a{color:#fff} .modern-footer{position: fixed;width: 50%;max-width: 1200px;left: 50%;bottom: 0;transform: translateX(-50%);z-index:-1} .modern-footer img{max-width: 100%;max-height: 100%;} /* SOCIAL BUTTONS */ .ico_social-minicircle{background: #232323;width: 45px;height: 45px;line-height: 22px;text-align: center;padding: 9px;border-radius: 100%;display: inline-block;color: #fff;margin: 0 10px;} .ico_social-minicircle:hover{transition: 0.3s;transform: scale(1.1)} .ico_social-minicircle a{color:#fff} /* SOCIAL BUTTONS WEB LATERAL */ .socials{position: fixed;top: 50%;right: 0;z-index:10} span.ico_social{display: block;background: #fff;margin-bottom: 10px;padding: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-top: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;} span.ico_social i{font-size:1.5em} span.ico_social a{color:#000} span.ico_social a:hover{color:#f90} /* WSP ICON */ .wsp{position: fixed;right: 15px;bottom: 90px;z-index:9;text-align:right;} .wsp span{display: block;background: #fff;border-radius: 20px;border: 1px solid #ddd;padding: 5px 10px;} .wsp img{width: 50px;} .wsp img:hover{opacity:0.8;transition: 0.3s} /* MENSAJES DE ERRORES Y OTROS */ #big_msg{padding:20px;margin:40px 0} .BgLanding #big_msg img {max-width: 100%;max-height: 165px;} #big_msg img{max-width:600px} #big_msg, #big_msg h1, #big_msg p{text-align:center} #big_msg h1{font-size:42pt;margin: 20px} #big_msg h2{font-size:28pt;margin: 20px} #big_msg h3{font-size:16pt;margin: 20px} .middle-big_msg{padding:80px 0} /* SIVO PARTS & OTROS */ img.mini-logos{width: 50px;float: left;margin: 0 5px 0 0;padding: 0;} img.mini-logos-notas{position: absolute;padding: 10%;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 0;opacity: 0.1;} /* APPS */ #instalarAndroid, #instalarIOS {display: none;} /*------------------*/ /*-- RESPONSIVE ! --*/ @media screen and (max-width: 1600px){ .punto_inspeccion-list .item-final_pedido {padding: 0;margin-top: 10px;background: #fbfbff;border: 1px solid #eee;padding: 20px;border-radius: 10px;width: 100%;} .box_informacion_preview{width:100%} .mini-calculadoraArea{display: block;padding:10px} .mini-calculadoraArea span i {margin-bottom: 15px;} .mini-calculadoraArea input {border: 1px solid #eee;border-radius: 10px;margin-bottom: 10px;} } @media screen and (max-width: 1440px){ .content_box_info-light .box-light span.num_detalle{font-size: 16pt;} span.num_detalle{font-size: 16pt;} } @media screen and (max-width: 1366px){ body{font-size:9pt} h1{font-size:21px} h2{font-size:16px} h3{font-size:14px} h4{font-size:12px} #install{padding:2%;} #login{width:50%;padding:2%;} .col_itemlist:first-child{width: 70% !important} .col_itemlist{width: 100% !important;} .col_itemlist.delCol{width: 25px !important} .valorCart{width: 20%} .footer_form-content{width:50%} .box_notificacion{display:none} table.info_preview{overflow-x: scroll;display: block;width: auto} table.info_preview img{padding:0} table.info_preview tr{font-size: 8.5pt;} .content_box_info-light .box-light {padding:10px 15px;} .content_box_info-light .box-light .dato_box-light {font-size: 8pt;} .content_box_info-light .box-light span.num_detalle{font-size: 13pt;} span.num_detalle{font-size: 13pt;} #content_box_info-home p, #content_box_info p{font-size: 8pt;} .box_produccion_actual button i{font-size: 12pt;} .box_produccion_actual .simbologia{margin:0} h3.num_orden{font-size: 10pt} .panel-minibtns{padding: 5px;} .panel-minibtns i, .panel-minibtns a{font-size: 12pt;} section#seguimiento > img{max-width: 80%;} section#seguimiento .seccion_inline_block {width: 33% !important;} .parametrosLight{display: block;} .parametrosLight div:first-child{width: 100%;margin: 0 auto;} .popup_box{width:80%;padding:20px;} input.form-control, select.form-control {font-size: 11px; height: 45px;border-radius: 10px;} .seccion {padding: 10px;} .section_header_title{font-size: 1.2rem;line-height: 1.2} .seccion_c-sidebar{width:75%} #sidebar{width:24%} .top_nombre{font-size: 11pt;} .box_info_sidebar{width:100%;padding:5px 0} .formas-pago-btns {font-size: 8pt;} /* BOX INFO */ div.box{min-height:115px;} .ico_box {font-size:14pt} .col-2{display: block;width: 100%;} .col-2:first-child{margin-bottom:10px} .box_chart {width: 100%;margin-bottom: 20px;} .chart-info {width: 100%;display: grid;grid-template-columns: repeat(3, minmax(90px, 1fr));gap: 1rem;padding: 0;} .ticket h3{font-size:12pt} .num_dato_chart{font-size:13pt} .select_estados form {display: block;} .select_estados div:first-child {margin-bottom: 15px;} .precio-item-list_pedido{margin-bottom: 10px;} .item-list_pedido .item-final_pedido div {display: inline-block;font-size: 9pt;} .item-list_pedido .item-final_pedido{width: 100%;text-align: right;padding: 10px;margin-top: 20px;border-radius: 10px;border: 1px solid #eee;background: #fbfbff;} .item-list_pedido .item-final_pedido{margin-top: 20px;padding: 10px 10px;} .itemlist-express div:first-child {display: none;} .wrapper_resumen_mes {display: grid;grid-template-columns: repeat(2, minmax(90px, 1fr));gap: 1rem;padding: 0;align-items: start;} .wrapper_resumen_mes > div{width:100% !important} #total_carrito{right: 5%} .box_opciones_superior{float: none;text-align: right;margin-bottom: 10px;} .search_box_superior{float: none;text-align: right} #img_vehiculo-taller img {max-width: 80%;} .mjs_popup.width_medio {width:45%;} .box_inline_img{width: 30%;} .box_inline_content{width: 65%;} #list_products{grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));} ul.top_box.ul_no_list-style {padding: 0;} .section_header {margin-bottom: 10px;} .box_folio .rut{font-size: 10pt;} .box_folio .folio{font-size: 12pt;} .box_folio .adicional{font-size: 9pt;} .box_folio .fecha{font-size: 8pt;} } @media screen and (max-width: 1200px){ .content_login{padding: 20px 30px} span.ico_input{width: 35px;height: 35px;padding: 8px} .panel_logo{width: 150px;height:73px} .panel_user{width: 180px;padding:45px 0} .ico_panel{padding: 2px;width: 25px;height: 25px;margin: 5px 5px;border-radius:5px;line-height:25px} .ico_panel i{font-size: 10pt} .txt_panel{font-size:10px} .btn_panel_clasico{width: 90%;height: 25px;line-height: 25px;font-size: 10px} .usuarios_online{font-size: 8px;margin: 10px auto} #wrapper_content{margin-left:180px} .box_homeworks{width:20%} .seccion{padding:20px 10px} .content_box_info-light{grid-template-columns: repeat(4, minmax(90px, 1fr));gap:1rem} .content_box_info-light .box-light span.num_detalle{font-size: 14pt;} #popup_box{width:70%} .box_produccion_actual button{padding:0} .box_produccion_actual .left{width:25%} .box_produccion_actual .mid{width: 73%;border-right: none} .box_produccion_actual .right{text-align:center;display: block;width: 100%;border-top: 1px dashed #e4e3e3;margin-top:5px;padding-top: 5px} .box_produccion_actual .right .simbologia{margin: 5px !important} span.num_detalle{font-size: 12pt} .dato_box{font-size:7pt} h3.num_orden{font-size:12pt} .seccion_inline_block .box_table, .box_chart, .chart-info{display:block;box-sizing:border-box;width: 100%;padding: 2%} .seccion_inline_block{width:49% !important} .ticket .seccion_inline_block{width:32% !important} .ticket .seccion_inline_block{width:32% !important;display:inline-block} .seccion_inline_block > .seccion_inline_block {width: 100% !important;} .seccion_inline_block > .seccion > .seccion_inline_block {width: 100% !important;} input.form-control{height: 45px;font-size: 11px} select.form-control{height: 45px;font-size: 11px} .header_table h2, .header_table h3{margin: 2px 0} td.campo {font-size:10px} td.info_preview img{margin: 0;width: 60px;height: 60px} span.pagado, span.pendiente_pago, span.pedido_retrasado{font-size:6pt} .seccion_c-sidebar{width:70%} #sidebar{width:29%} .box_datos_item{width:30%} .box_info_item{width:67%} .valorCart{width: 30%} .linestep{width: 38.9%} .form_left{width:30%} .form_right{width:69%} #total_carrito{right: 6%} .footer_form-content{width:50%;padding:2% 4%} .box_inline_img {width:100%} .box_inline_content {width: 100%;} .info_preview tr{font-size: 9pt} .info_preview img{margin: 4px 0;max-width: 100%;height: auto} #mini_notificacion{width:350px} .mini_notif_resumen .foto_usuario{width:40px;height:40px;margin-right:10px} .mini_notif_resumen .info_notif{width:70%} #list_products-cliente{grid-template-columns: repeat(3, minmax(100px, 1fr));} } @media screen and (max-width: 1024px){ #login{width: 55%;padding: 2%;} .panel_user{width: 150px;} #wrapper_content{margin-left:150px} .content_box_info-light{grid-template-columns: repeat(3, minmax(90px, 1fr));gap:1rem} .item_ministeps{font-size:7pt} .linestep{width: 28.9%} .text_ministep{font-size:9pt} .TotalCart {margin: 20px 0;max-width: 100%;} .TotalCart div {display: block;width: 100%;} .TotalCart div div:first-child {border-bottom: none;text-align:left} h3.num_orden{font-size:11pt} .info_preview{overflow-x: auto;display: block;} #total_carrito{right: 10%} } @media screen and (max-width: 992px){ .wrapper_login{position: absolute} #login{width:80%} #wrapper_content.fullScreen{margin-left: 0;} ul.menu_superior li i{font-size:10pt} .box_table, .box_chart, .chart-info{display:block;width:100%;margin-bottom: 20px} .chart-info{padding:0} #content_box_info {grid-template-columns: repeat(3, minmax(90px, 1fr));} .content_box_info-light{grid-template-columns: repeat(3, minmax(90px, 1fr));gap:1rem} .content_box_info-light .box-light span.num_detalle{font-size: 12pt;} section#seguimiento > img{width: 90%;max-width: 100%;} section#seguimiento .seccion_inline_block {width: 100% !important;} section#seguimiento .seccion_inline_block .seccion {display: grid;grid-template-columns: repeat(3, minmax(90px, 1fr));gap: 1rem;align-items: start;padding-top: 50px;} section#seguimiento .seccion_inline_block .seccion .title_seccion {font-size: 9pt;border-top-right-radius: 10px;position: absolute;width: 100%;padding: 10px;} section#seguimiento .seccion_inline_block .seccion .info-pedido {display: block;border-bottom: none;padding:0} .box_datos_item{width: 37%} .box_info_item{width: 60%} .seccion_c-sidebar{width:70%} #sidebar{width:29%} h3.num_orden{font-size:10pt} .seccion_inline_block{display:block;width:100% !important} .form_left{width: 40%;} .form_right{width: 59%;} .form-group{width:100%;display:block} .form-group label{width:100%;display:block;text-align:center} .input-form{float: unset;width: 100%} .input-form-light{margin: 10px 0 20px 0;float: none} .mini-foto-prod img{width: 100%;height: auto;} .item-mid_pedido {flex: 1;display: flex;flex-direction: row;gap: 20px;} .item-list_pedido .item-mid_pedido div:first-child{width: 40%;} ul.menu-sidebar li{font-size:10pt;padding:15px 10px;margin-bottom:15px} .chart-info{width: 100%;display: grid;grid-template-columns: repeat(3, minmax(90px, 1fr));gap: 1rem;margin-bottom: 25px;} .wrapper_headerbox{display:none} .itemlist{display: block;margin-bottom: 35px} span.title_itemlist{display: inherit} .col_itemlist{width:100% !important;margin-bottom:10px} .col_itemlist:first-child{width: 100% !important} .col_itemlist:last-child{margin-bottom:0} .col_itemlist img{width: 100% !important} .col_itemlist .infoextra{display: block;font-weight: bold;text-align: center;font-size: 10px} .col_itemlist.delCol{position: absolute;right: 0;top: initial;width:100% !important;height: 25px} .col_itemlist.delCol span{line-height: 25px} .VenderExpress, .VenderProducto{text-align:center} #img_vehiculo-taller {height: auto;position: inherit;text-align: center;margin-bottom:20px;} #img_vehiculo-taller img {position: inherit;top: 0;left: 0;transform: none;max-width: 90%;} .ficha_vehiculo {position: initial;width: 65%;margin: 0 auto;transform: translateY(0);font-size: 1.4em;} .road-path{width: 45%;} .itemlist-express div:first-child {display: block;} /* COUNTER */ .sivo_counter span{font-size:40px} /* PLANNER */ .top-info-planner {display: block;} .top-info-planner > div {display: flex;align-items: center;gap: 0.4rem;padding: 5px;font-size: 10pt;} /* POPUPS */ .popup{left:0} .mjs_popup.mini{transform: translate(-50%, -50%);width: 90%;} } @media screen and (max-width: 768px){ body{font-size:11px} .box_pre_configuracion{width:100%;padding:10px 20px} .Sivo_Logo img{width: 70%} .boton{text-align:center} ul.menu_superior{height:auto} ul.menu_superior li div.logo{display:none} ul.menu_superior li.screenAction{display:none} ul.menu_store{height:auto} ul.MenuList{padding-left:20px} #login_seccion{padding: 20px} .seccion_inline_block{display:block;width:100% !important} .seccion{border-radius:10px} .panel_logo{width: 145px;height: 60px} .user-nav{font-size:10px;padding: 0px} .ico_panel {padding: 0px;width: 24px;height: 24px;} ul.MenuList{list-style:none} .perfil_sesion{padding: 15px} .SiVO_Panel img{width: 100%} .alerta_analisis_desactualizado{display:none} .info_preview{position: relative} .info_preview tr td.inline-grid{display: inline-grid;width:100% !important;height: auto;box-sizing:border-box} .section_header{display:block} .section_header_title{text-align: left;margin:0;padding-left:0} .section_header_menu{display:block;margin-bottom:2%} .section_header_menu img {display:none/*max-width: 60%;margin: 0 auto;*/} #content_box_info-home, #content_box_info{display:grid;grid-template-columns: repeat(2, minmax(90px, 1fr));gap: 1rem;} #content_box_info-home div.box_costos, #content_box_info div.box_costos{margin:0} div.box{border-top-left-radius: 15px;border-bottom-right-radius: 15px;margin:0;padding:15px 0} span.mas_detalle{border-bottom-right-radius: 15px;} .content_box_info-light{grid-template-columns: repeat(3, minmax(90px, 1fr));gap:1rem} .header_forms{display: block;} .header_forms div:first-child{margin-bottom:20px} .wrapper_resumen_mes{grid-template-columns: repeat(1, minmax(90px, 1fr));} td .ico_box, td .dato_box{display: block;width: 100%} td .ico_box i{font-size:11px} #mini_notificacion{width: 85%;right: 6%} .mini_notif_resumen .foto_usuario{width:40px;height:40px} .mini_notif_resumen .info_notif{width:75%} .mini_notif_resumen form button{padding: 2px 5px} #loading{padding:10px} #loading img{width:80%} #loading h3{font-size:8pt} .popup_box{width:90%;max-height: 90%;} #popup_box{width:90%;max-height:90%} .super_ico_title{display:none} .preview_Dte{height:400px} .box_homeworks{width: 80%} .btn_inline{display:block;width:100%} .wrapper_produccion_actual{width: 100%} .box_themes{width:100%;margin:20px 0} .wrapper_themes{width:90%;top:20%} .theme-description{max-height: 250px;} .ticket, .ticket span{text-align:center !important} .ticket .foto_usuario{width:50%;margin: 0 auto} .ticket h3{font-size: 16pt} .ticket span{display: block;margin:5px auto 5px auto;font-size: 16pt} span.stars_top{text-align:center} .form_left, .form_right{width:100%} .form-group{width:100%;display:block} .form-group label{width:100%;display:block;text-align:center} .input-form{float: unset;width: 100%} .input-form-light{margin: 10px 0 20px 0;float: none} .box_datos_item, .box_info_item{display: block;width:100%} .box_barcode img.barcode{width:90%} span#cambiarVisual {position: absolute;top: 0;right: 0;} span.amarillo, span.rojo, span.verde{margin:2px 0} .box_notificacion{width:68%} .box_notificacion .foto_usuario{display:none} .box_notificacion .info_notif{width:100%} .info_notif form button{padding: 2px 5px} .productos input.form-control, .insumos input.form-control{width:auto} .productos select.form-control, .insumos input.form-control{width:auto} .productos textarea, .insumos input.form-control{width:auto} #ResumenCotizacion input.form-control{width:auto} .box_inline_img, .box_inline_content{display: inline;box-sizing: border-box} .box_inline_img {width: 100%;margin: 1%;display: block;margin:0 auto} .box_inline_img img{width: 100%;height: auto} .box_inline_content{width: 100%;margin: 1%} #sidebar, .seccion_c-sidebar{width:100%} .opciones{display: block} p.ob{width: 100%;display: block;text-align: center} .pages{text-align:center} .form-overSearch{display:block} .simbologia span{display:block;margin: 0 0 5px 0} .box_table, .box_chart, .chart-info{display:block;box-sizing:border-box;width: 100%;padding: 2%} td.border-left, td.border-right{border:none} .usuarios_online span {display: inline-block} .status_online {float: none} .box_informacion_preview{width:100%} .footer_form-content{width:100%;float:none} #popup{position:fixed;z-index:9} .popup hr{margin:5px auto} .content_error_popup, .content_success_popup, .content_warning_popup{width: 80%;left: 50%;transform: translate(-50%, -50%);padding:5% 4%} .seccion-info{display:block} .wrapper_seguimiento{width:100%;padding:40px;box-sizing: border-box;border-radius:0;border:none} #seguimiento img{width:100%} table.seguimiento-info tr td {display: inline-table;width: 100%;box-sizing: border-box} .box_opciones_superior, .search_box_superior{display: block;width: 100%;text-align: center} #search_fields{display: block;width: 100%;text-align: center;margin-bottom: 20px} #search_fields li{margin: 2px 0px;display: block} .select_estados form{display:block} .ficha_vehiculo{width:90%} #big_msg h2{font-size:20pt;margin: 20px} #big_msg h3{font-size:12pt;margin: 20px} #big_msg p{font-size:10pt;margin: 20px} .middle-big_msg{padding: 50px 0;} .mjs_popup.width_medio{width: 85%;} .parametrosLight div:nth-child(2){font-size: 12pt;text-align: center;} .Sivo img{width:50px} /* LANDING PAGE */ .modern-footer{width: 100%} /* AGENDA */ .top-info-planner > div {display: block;} .top-info-planner div span {display: block;margin-bottom: 20px;vertical-align: middle;font-size: 12pt;} .top-info-planner div span img{margin-right: 15px;} #orderBoxs{display:flex; flex-direction: column} .box_Order1{order:1} .box_Order2{order:2} .box_Order3{order:3} .registro_pagos div{flex-direction: column;} .registro_pagos div span:first-child{width: 100%;} .registro_pagos div span:nth-child(2){width:100%} .registro_pagos div span:nth-child(3){width:100%;} } @media screen and (max-width: 480px){ body.home{background-image:none;background-color:#fff} .wrapper_login{position:initial;width:100%;height:100%;top: 0%;margin-top:0;margin: 0 auto;transform:none} #login{min-width:auto;width:100%;height:100%;padding: 20% 5%;box-shadow: none} #install{min-width:auto;width:100%;height:100%;padding: 20% 5%;box-shadow: none} #sivo-ads{display:none} .menu-bar{display:block} .menu-bar i.fas:hover{transform:none} .panel_logo{display:none} .logo_menubar{display:block;width:100%;margin-bottom:10px;padding: 10px 5px} .logo_menubar img{width:100%} .panel_user{display:none;padding: 0} .perfil_sesion .foto_item img{width: 60%} #wrapper_content{margin-left:0px;padding:4%} .ticket h3{font-size: 12pt} .ticket span{font-size:12pt} #content_box_info-home div.box, #content_box_info div.box{display:block;width:100%;height:100%} .content_error_popup, .content_success_popup, .content_warning_popup{min-width:auto;transform: translate(-50%, -50%)} .mjs_popup .btns-tickets{flex-direction: column;} .content_box_info-light{grid-template-columns: repeat(2, minmax(90px, 1fr));gap:1rem} span.num_detalle{font-size: 14pt} section#seguimiento .seccion_inline_block .seccion {display: block;padding: 0px;} section#seguimiento .seccion_inline_block .seccion .title_seccion {position: initial;margin-bottom: 20px;border-right: none;border-bottom-right-radius: none;} section#seguimiento .seccion_inline_block .seccion .info-pedido {margin-bottom: 20px;} section#seguimiento .seccion_inline_block .seccion .info-pedido div.registro_pagos div {width: 90%;} .item-list_pedido{display: block;width: 100% !important;padding: 10px;} .item-list_pedido > div{display: block !important;width: 100% !important;padding: 10px 0;} .item-list_pedido form.tooltip{width: 100%;} .item-list_pedido button{width:100%;margin:10px 0} .item-list_pedido .mini-foto-prod img{width: 50% !important;height: auto} .item-list_pedido .item-mid_pedido > div{padding: 10px 0px;width: 100% !important;} .item-list_pedido .item-final_pedido > div{padding: 10px 10px;} .precio-item-list_pedido {padding: 5px 0 !important;} .boxes-precios-item-list_pedido{border-bottom: 2px solid #eee} .boxes-precios-item-list_pedido div span{display: initial;padding-right: 10px} #encargado-ico{width: 40px !important;height: 40px;} .encargado-ico{width: 40px !important;height: 40px;} .col_itemlist-express{padding: 0 0px} .item-list_pedido .mini-foto-prod img {width: 100% !important;} #big_msg img{width:80%} .registro_pagos div {flex-direction: row;} .boxes_analisis {grid-template-columns: repeat(2, minmax(90px, 1fr));} .formas-pago-btns.preventa{margin:0} #list_products{grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));} .item-list_info_producto{flex-direction: column;} .item-list_info_producto .item-info{max-width: 100%;text-align: center;} .item-list_info_producto .item-content{width: 100%;} .item-list_info_producto .item-content .box_precios{justify-content: center;} .item-list_info_producto .item-content .precio{text-align: center;} .popup_wrapper{left:0} /* CALENDARIO */ .flex-detail_calendario {display: block;} .resumen_dia_calendario, .calendario{width: 100%;} .calendario .encabezado{aspect-ratio: 16 / 4;} }