/* POP SubMenu Movil */ #target-content, #target-content2 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; opacity: 0; -webkit-transition: opacity 200ms; transition: opacity 200ms; z-index: 1190 !important; } #SubmenuEditarClientes { position: relative; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; opacity: 0; -webkit-transition: opacity 200ms; transition: opacity 200ms; z-index: 1190 !important; } #target-content:target, #target-content2:target, #SubmenuEditarClientes:target { pointer-events: all; opacity: 1; } #target-content #target-inner, #target-content2 #target-inner2 { position: absolute; display: block; padding: 30px; line-height: 1.8; width: 70%; top: 44%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.4); background: white; color: #34495E; border-radius: 8px ; } #SubmenuEditarClientes #target-inner2 { position: absolute; padding: 0px; line-height: 1.8; color: #34495E; } #target-content #target-inner h2 { margin-top: 0; } #target-content #target-inner code { font-weight: bold; } #target-content a.close, #target-content2 a.close { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #34495E; opacity: 0.8; -webkit-transition: opacity 200ms; transition: opacity 200ms; } #SubmenuEditarClientes a.close { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #34495E; width:200px; height:200px; opacity: 0.8; -webkit-transition: opacity 200ms; transition: opacity 200ms; } #target-content a.close:hover { opacity: 0.8; } .submenu_crm { margin-top: 36px !important; font-size:16px; } .boton_tablet_crmsub { background-color: #ffffff !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; color:#13c4a5 !important; border-radius: 150px !important; border: 3px solid #13c4a5 ; font-weight: bold; } .boton_tablet_crmsub:hover { background-color: #13c4a5 !important; transition: all 0.16s ease-in-out; color: #ffffff !important; font-weight: normal; } .boton_tablet_almacensub { background-color: #ffffff !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; color:#8b52df !important; border-radius: 150px !important; border: 3px solid #8b52df ; font-weight: bold; } .boton_tablet_almacensub:hover { background-color: #8b52df !important; transition: all 0.16s ease-in-out; color: #ffffff !important; font-weight: normal; } /* Checkbox IOS */ input#toggle { max-height: 0; max-width: 0; opacity: 0; } input#toggle + label, input#toggle2 + label, input#toggle3 + label, input#toggle4 + label, input#toggle5 + label, input#toggle6 + label, input#toggle7 + label, input#toggle8 + label, input#toggle9 + label, input#toggle10 + label, input#toggle11 + label, input#toggle12 + label, input#toggle13 + label, input#toggle14 + label, input#toggle15 + label, input#chkIsBase + label, input#chkIsActive + label, input#chkDefaultFlag + label, input#chkIsTaxable + label, input#chkIsKit + label, input#chkIsNonShippable + label, input#chkIsDiscountActive + label, input#chkIsERPManager + label, input#chkIsBackOffice + label, input#chkIsCDAManager + label, input#chkIsPersonalWeb + label, input#chkIsAutoship + label, input#chkUpdateInCountry + label, input#chkUpdateInCompany + label, input#chkUpdateInWarehouse + label, input#chkIsSuscription + label { display: block; position: relative; box-shadow: inset 0 0 0px 1px #d5d5d5; text-indent: -5000px; height: 30px; width: 100px; border-radius: 15px; margin-top:-48px; background-image: url(../img/checkbox_off.png); background-repeat: no-repeat; background-position: 0px 0px ; } input#toggle + label:before, input#toggle2 + label:before, input#toggle3 + label:before, input#toggle4 + label:before, input#toggle5 + label:before, input#toggle6 + label:before, input#toggle7 + label:before, input#toggle8 + label:before, input#toggle9 + label:before, input#toggle10 + label:before, input#toggle11 + label:before, input#toggle12 + label:before, input#toggle13 + label:before, input#toggle14 + label:before, input#toggle15 + label:before, input#chkIsBase + label:before, input#chkIsActive + label:before, input#chkDefaultFlag + label:before, input#chkIsTaxable + label:before, input#chkIsKit + label:before, input#chkIsNonShippable + label:before, input#chkIsDiscountActive + label:before, input#chkIsERPManager + label:before, input#chkIsBackOffice + label:before, input#chkIsCDAManager + label:before, input#chkIsPersonalWeb + label:before, input#chkIsAutoship + label:before, input#chkUpdateInCountry + label:before, input#chkUpdateInCompany + label:before, input#chkUpdateInWarehouse + label:before, input#chkIsSuscription + label:before { content: ""; position: absolute; display: block; height: 30px; width: 30px; top: 0; left: 0; border-radius: 15px; background-image: url(../img/checkbox_on.png); background-repeat: no-repeat; background-position: 0px 0px ; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } input#toggle + label:after, input#toggle2 + label:after, input#toggle3 + label:after, input#toggle4 + label:after, input#toggle5 + label:after, input#toggle6 + label:after, input#toggle7 + label:after, input#toggle8 + label:after, input#toggle9 + label:after, input#toggle10 + label:after, input#toggle11 + label:after, input#toggle12 + label:after, input#toggle13 + label:after, input#toggle14 + label:after, input#toggle15 + label:after, input#chkIsBase + label:after, input#chkIsActive + label:after, input#chkDefaultFlag + label:after, input#chkIsTaxable + label:after, input#chkIsKit + label:after, input#chkIsNonShippable + label:after, input#chkIsDiscountActive + label:after, input#chkIsERPManager + label:after, input#chkIsBackOffice + label:after, input#chkIsCDAManager + label:after, input#chkIsPersonalWeb + label:after, input#chkIsAutoship + label:after, input#chkUpdateInCountry + label:after, input#chkUpdateInCompany + label:after, input#chkUpdateInWarehouse + label:after, input#chkIsSuscription + label:after { content: ""; position: absolute; display: block; height: 30px; width: 30px; top: 0; left: 0px; border-radius: 15px; background: white; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2); -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } input#toggle:checked + label:before, input#toggle2:checked + label:before, input#toggle3:checked + label:before, input#toggle4:checked + label:before, input#toggle5:checked + label:before, input#toggle6:checked + label:before, input#toggle7:checked + label:before, input#toggle8:checked + label:before, input#toggle9:checked + label:before, input#toggle10:checked + label:before, input#toggle11:checked + label:before, input#toggle12:checked + label:before, input#toggle13:checked + label:before, input#toggle14:checked + label:before, input#toggle15:checked + label:before, input#chkIsBase:checked + label:before, input#chkIsActive:checked + label:before, input#chkDefaultFlag:checked + label:before, input#chkIsTaxable:checked + label:before, input#chkIsKit:checked + label:before, input#chkIsNonShippable:checked + label:before, input#chkIsDiscountActive:checked + label:before, input#chkIsERPManager:checked + label:before, input#chkIsBackOffice:checked + label:before, input#chkIsCDAManager:checked + label:before, input#chkIsPersonalWeb:checked + label:before, input#chkIsAutoship:checked + label:before, input#chkUpdateInCountry:checked + label:before, input#chkUpdateInCompany:checked + label:before, input#chkUpdateInWarehouse:checked + label:before, input#chkIsSuscription:checked + label:before { width: 100px; background-image: url(../img/checkbox_on.png); background-repeat: no-repeat; background-position: 0px 0px ; } input#toggle:checked + label:after, input#toggle2:checked + label:after, input#toggle3:checked + label:after, input#toggle4:checked + label:after, input#toggle5:checked + label:after, input#toggle6:checked + label:after, input#toggle7:checked + label:after, input#toggle8:checked + label:after, input#toggle9:checked + label:after, input#toggle10:checked + label:after, input#toggle11:checked + label:after, input#toggle12:checked + label:after, input#toggle13:checked + label:after, input#toggle14:checked + label:after, input#toggle15:checked + label:after, input#chkIsBase:checked + label:after, input#chkIsActive:checked + label:after, input#chkDefaultFlag:checked + label:after, input#chkIsTaxable:checked + label:after, input#chkIsKit:checked + label:after, input#chkIsNonShippable:checked + label:after, input#chkIsDiscountActive:checked + label:after, input#chkIsERPManager:checked + label:after, input#chkIsBackOffice:checked + label:after, input#chkIsCDAManager:checked + label:after, input#chkIsPersonalWeb:checked + label:after, input#chkIsAutoship:checked + label:after, input#chkUpdateInCountry:checked + label:after, input#chkUpdateInCompany:checked + label:after, input#chkUpdateInWarehouse:checked + label:after, input#chkIsSuscription:checked + label:after { left: 70px; box-shadow: inset 0 0 0 1px rgba(19, 191, 17, 1), 0 2px 4px rgba(0, 0, 0, .2); } .wrapper input#toggle:checked .texto_checkbox { color: #ffffff !important; width: 100px; background: rgba(19, 191, 17, 1); } /* Parametros para moviles y tablet: Portrait*/ /* max-device-width */ /*@media (max-device-width: 1200px) and (orientation : portrait) */ @media (max-device-width: 1200px) and (orientation : portrait) { input#toggle { max-height: 0; max-width: 0; opacity: 0; } input#toggle + label, input#toggle2 + label, input#toggle3 + label, input#toggle4 + label, input#toggle5 + label, input#toggle6 + label, input#toggle7 + label, input#toggle8 + label, input#toggle9 + label, input#toggle10 + label, input#toggle11 + label, input#toggle12 + label, input#toggle13 + label, input#toggle14 + label, input#toggle15 + label, input#chkIsBase + label, input#chkIsActive + label, input#chkDefaultFlag + label, input#chkIsTaxable + label, input#chkIsKit + label, input#chkIsNonShippable + label, input#chkIsDiscountActive + label, input#chkIsERPManager + label, input#chkIsBackOffice + label, input#chkIsCDAManager + label, input#chkIsPersonalWeb + label, input#chkIsAutoship + label, input#chkUpdateInCountry + label, input#chkUpdateInCompany + label, input#chkUpdateInWarehouse + label, input#chkIsSuscription + label { display: block; position: relative; box-shadow: inset 0 0 0px 1px #d5d5d5; text-indent: -5000px; height: 50px; width: 150px; border-radius: 150px; background-image: url(../img/checkbox_off_xl.png); background-repeat: no-repeat; background-position: 0px 0px ; } input#toggle + label:before, input#toggle2 + label:before, input#toggle3 + label:before, input#toggle4 + label:before, input#toggle5 + label:before, input#toggle6 + label:before, input#toggle7 + label:before, input#toggle8 + label:before, input#toggle9 + label:before, input#toggle10 + label:before, input#toggle11 + label:before, input#toggle12 + label:before, input#toggle13 + label:before, input#toggle14 + label:before, input#toggle15 + label:before, input#chkIsBase + label:before, input#chkIsActive + label:before, input#chkDefaultFlag + label:before, input#chkIsTaxable + label:before, input#chkIsKit + label:before, input#chkIsNonShippable + label:before, input#chkIsDiscountActive + label:before, input#chkIsERPManager + label:before, input#chkIsBackOffice + label:before, input#chkIsCDAManager + label:before, input#chkIsPersonalWeb + label:before, input#chkIsAutoship + label:before, input#chkUpdateInCountry + label:before, input#chkUpdateInCompany + label:before, input#chkUpdateInWarehouse + label:before, input#chkIsSuscription + label:before { content: ""; position: absolute; display: block; height: 50px; width: 50px; top: 0; left: 0; border-radius: 150px; background-image: url(../img/checkbox_on_xl.png); background-repeat: no-repeat; background-position: 0px 0px ; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } input#toggle + label:after, input#toggle2 + label:after, input#toggle3 + label:after, input#toggle4 + label:after, input#toggle5 + label:after, input#toggle6 + label:after, input#toggle7 + label:after, input#toggle8 + label:after, input#toggle9 + label:after, input#toggle10 + label:after, input#toggle11 + label:after, input#toggle12 + label:after, input#toggle13 + label:after, input#toggle14 + label:after, input#toggle15 + label:after, input#chkIsBase + label:after, input#chkIsActive + label:after, input#chkDefaultFlag + label:after, input#chkIsTaxable + label:after, input#chkIsKit + label:after, input#chkIsNonShippable + label:after, input#chkIsDiscountActive + label:after, input#chkIsERPManager + label:after, input#chkIsBackOffice + label:after, input#chkIsCDAManager + label:after, input#chkIsPersonalWeb + label:after, input#chkIsAutoship + label:after, input#chkUpdateInCountry + label:after, input#chkUpdateInCompany + label:after, input#chkUpdateInWarehouse + label:after, input#chkIsSuscription + label:after { content: ""; position: absolute; display: block; height: 50px; width: 50px; top: 0; left: 0px; border-radius: 150px; background: white; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2); -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; } input#toggle:checked + label:before, input#toggle2:checked + label:before, input#toggle3:checked + label:before, input#toggle4:checked + label:before, input#toggle5:checked + label:before, input#toggle6:checked + label:before, input#toggle7:checked + label:before, input#toggle8:checked + label:before, input#toggle9:checked + label:before, input#toggle10:checked + label:before, input#toggle11:checked + label:before, input#toggle12:checked + label:before, input#toggle13:checked + label:before, input#toggle14:checked + label:before, input#toggle15:checked + label:before, input#chkIsBase:checked + label:before, input#chkIsActive:checked + label:before, input#chkDefaultFlag:checked + label:before, input#chkIsTaxable:checked + label:before, input#chkIsKit:checked + label:before, input#chkIsNonShippable:checked + label:before, input#chkIsDiscountActive:checked + label:before, input#chkIsERPManager:checked + label:before, input#chkIsBackOffice:checked + label:before, input#chkIsCDAManager:checked + label:before, input#chkIsPersonalWeb:checked + label:before, input#chkIsAutoship:checked + label:before, input#chkUpdateInCountry:checked + label:before, input#chkUpdateInCompany:checked + label:before, input#chkUpdateInWarehouse:checked + label:before, input#chkIsSuscription:checked + label:before { width: 150px; background-image: url(../img/checkbox_on_xl.png); background-repeat: no-repeat; background-position: 0px 0px ; } input#toggle:checked + label:after, input#toggle2:checked + label:after, input#toggle3:checked + label:after, input#toggle4:checked + label:after, input#toggle5:checked + label:after, input#toggle6:checked + label:after, input#toggle7:checked + label:after, input#toggle8:checked + label:after, input#toggle9:checked + label:after, input#toggle10:checked + label:after, input#toggle11:checked + label:after, input#toggle12:checked + label:after, input#toggle13:checked + label:after, input#toggle14:checked + label:after, input#toggle15:checked + label:after, input#chkIsBase:checked + label:after, input#chkIsActive:checked + label:after, input#chkDefaultFlag:checked + label:after, input#chkIsTaxable:checked + label:after, input#chkIsKit:checked + label:after, input#chkIsNonShippable:checked + label:after, input#chkIsDiscountActive:checked + label:after, input#chkIsERPManager:checked + label:after, input#chkIsBackOffice:checked + label:after, input#chkIsCDAManager:checked + label:after, input#chkIsPersonalWeb:checked + label:after, input#chkIsAutoship:checked + label:after, input#chkUpdateInCountry:checked + label:after, input#chkUpdateInCompany:checked + label:after, input#chkUpdateInWarehouse:checked + label:after, input#chkIsSuscription:checked + label:after { left: 100px; box-shadow: inset 0 0 0 1px rgba(19, 191, 17, 1), 0 2px 4px rgba(0, 0, 0, .2); } .wrapper input#toggle:checked .texto_checkbox { color: #ffffff !important; width: 150px; background: rgba(19, 191, 17, 1); } } /* ================================================================= #0072bc - THEME DEFAULT ================================================================= */ .themed-color-default { color: #0072bc !important; } .bloque_basico.color_de_bloque.themed-default > .titulo_de_bloque, .themed-background-default { background-color: #fff !important; } .bloque_basico.color_de_bloque.themed-default > .contenido_de_bloque, .themed-border-default { border-color: #0072bc !important; } /* ================================================================= boton_tablet_gris_verde / boton_tablet_blanco_verde ================================================================= */ .color-verde { color: #27c266 !important; } .boton_tablet_gris_verde { background-color: #727272 !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; } .boton_tablet_gris_verde:hover { background-color: #27c266 !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); box-shadow: 0 0 10px 0 #000000; transition: all 0.16s ease-in-out; z-index: 999; } .boton_tablet_gris_verde { border-radius: 5px; } /* Titulos */ .modulo_color_crm { background-color: #13c4a5 !important; width:50px !important; height:10px !important; margin-right:10px; color:#13c4a5; border-radius: 100px; font-size:12px; padding:6px; } .color_crm_simple { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } /* colores dashborard crm */ .color_crm_clientes { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_crm_clientes:hover { background-color: #ffa600 !important; color: #ffffff !important; border: 1px solid #ffa600 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_crm_productos { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_crm_productos:hover { background-color: #ff5f5f !important; color: #ffffff !important; border: 1px solid #ff5f5f !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_factura { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_factura:hover { background-color: #13c4a5 !important; color: #ffffff !important; border: 1px solid #13c4a5 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_calendario { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_calendario:hover { background-color: #959595 !important; color: #ffffff !important; border: 1px solid #959595 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_comisiones2 { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_comisiones2:hover { background-color: #45cfe8 !important; color: #ffffff !important; border: 1px solid #45cfe8 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_comisiones { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_comisiones:hover { background-color: #b2c73b !important; color: #ffffff !important; border: 1px solid #b2c73b !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_reportes { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_reportes:hover { background-color: #ff7838 !important; color: #ffffff !important; border: 1px solid #ff7838 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_proyeccion { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_proyeccion:hover { background-color: #eb61ba !important; color: #ffffff !important; border: 1px solid #eb61ba !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_crm_editar { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_crm_editar:hover { background-color: #13c4a5 !important; color: #ffffff !important; border: 1px solid #13c4a5!important; transition: all 0.16s ease-in-out; z-index: 900; } .color_crm_genealogia { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_crm_genealogia:hover { background-color: #d444e9 !important; color: #ffffff !important; border: 1px solid #d444e9!important; transition: all 0.16s ease-in-out; z-index: 900; } .color_crm_tickets { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_crm_tickets:hover { background-color: #8666d0 !important; color: #ffffff !important; border: 1px solid #8666d0 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_crm_pedidos { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_crm_pedidos:hover { background-color: #5191d1!important; color: #ffffff !important; border: 1px solid #5191d1 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_crm_fidelizacion { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_crm_fidelizacion:hover { background-color: #959595 !important; color: #ffffff !important; border: 1px solid #959595 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_crm_llamadas { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_crm_llamadas:hover { background-color: #f95252 !important; color: #ffffff !important; border: 1px solid #f95252 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_color10 { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_color10:hover { background-color: #8f52db !important; color: #ffffff !important; border: 1px solid #8f52db !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_color11 { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_color11:hover { background-color: #525fdb !important; color: #ffffff !important; border: 1px solid #525fdb !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_color12 { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_color12:hover { background-color: #67c25b !important; color: #ffffff !important; border: 1px solid #67c25b !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_color13 { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_color13:hover { background-color: #ffc438 !important; color: #ffffff !important; border: 1px solid #ffc438 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_color14 { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_color14:hover { background-color: #34dd6c !important; color: #ffffff !important; border: 1px solid #34dd6c !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_color15 { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_color15:hover { background-color: #4f5da2 !important; color: #ffffff !important; border: 1px solid #4f5da2 !important; transition: all 0.16s ease-in-out; z-index: 900; } .color_color16 { background-color: #fff !important; border: 1px solid #e0e0e0 !important; transition: all 0.2s ease-in-out; z-index: 1090 !important; } .color_color16:hover { background-color: #d24986 !important; color: #ffffff !important; border: 1px solid #d24986 !important; transition: all 0.16s ease-in-out; z-index: 900; } /* boton moviles colores */ .boton_tablet_inicio { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_inicio:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; color: #000000 !important; } .boton_tablet_crm { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_crm:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_sucursales { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_sucursales:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_ventas { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_ventas:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_almacen { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_almacen:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_cda { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_cda:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_ewallet { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_ewallet:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_compras { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_compras:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_pos { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_pos:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_rrhh { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_rrhh:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_finanzas { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_finanzas:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_fabricacion { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_fabricacion:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_reportes { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_reportes:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_herramientas { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_herramientas:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } .boton_tablet_seguridad { background-color: #fff !important; transform: scale(1.0) perspective(400px) rotateY(0deg) rotateX(0deg); transition: all 0.2s ease-in-out; z-index: 1000 !important; color: #000000 !important; border-radius: 150px !important; } .boton_tablet_seguridad:hover { background-color: #fff !important; -webkit-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -moz-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); -ms-transform: scale(1.1) perspective(400px) rotateY(0deg) rotateX(0deg); transform: scale(1.1) perspective(100px) rotateY(0deg) rotateX(0deg); transition: all 0.16s ease-in-out; z-index: 900; } /* Parametros para moviles y tablet: Portrait*/ /* max-device-width */ /*@media (max-device-width: 1200px) and (orientation : portrait) */ @media (max-device-width: 1200px) and (orientation : portrait) { } .boton_tablet_blanco_verde { background-color: #fff !important; color: #3a3a3a !important; } .boton_tablet_blanco_verde:hover { background-color: #27c266 !important; color: #ffffff !important; } .boton_tablet_blanco_verde { border-radius: 5px; } .boton_tablet_gris_verde { border-radius: 5px; top: 0px; left: 0px; } .borde-verde { border-color: #27c266 !important; } .boton_tablet_gris_verde_clientes { background-color: #727272 !important; transition: all 0.2s ease-in-out; } .boton_tablet_gris_verde_clientes:hover { background-color: #27c266 !important; z-index: 999; transition: all 0.2s ease-in-out; } /* ================================================================= #bc00a4 -THEME AMETHYST ================================================================= */ .themed-color-amethyst { color: #bc00a4 !important; } .bloque_basico.color_de_bloque.themed-amethyst > .titulo_de_bloque, .themed-background-amethyst { background-color: #bc00a4 !important; } .bloque_basico.color_de_bloque.themed-amethyst > .contenido_de_bloque, .themed-border-amethyst { border-color: #bc00a4 !important; } /* ================================================================= Color naranja ================================================================= */ .color_naranja { color: #ffa60a !important; } .bloque_basico.color_de_bloque.themed-dawn > .titulo_de_bloque, .color_naranja_fondo { background-color: #ffa60a !important; } .bloque_basico.color_de_bloque.themed-dawn > .contenido_de_bloque, .color_naranja_borde { border-color: #ffa60a !important; } /* ================================================================= color_verde1_fondo ================================================================= */ .color_verde1 { color: #27c266 !important; } .bloque_basico.color_de_bloque.themed-city > .titulo_de_bloque, .color_verde1_fondo { background-color: #27c266 !important; } .bloque_basico.color_de_bloque.themed-city > .contenido_de_bloque, .color_verde1_borde { border-color: #27c266 !important; } /* ================================================================= color_gris_fondo ================================================================= */ .themed-color-oil { color: #000 !important; } .bloque_basico.color_de_bloque.themed-oil > .titulo_de_bloque, .color_gris_fondo { background-color: #f3f3f3 !important; } .bloque_basico.color_de_bloque.themed-oil > .contenido_de_bloque, .color_gris_borde { border-color: #f3f3f3 !important; } /* ================================================================= color_verde2_fondo ================================================================= */ .color_verde2 { color: #00b491 !important; } .bloque_basico.color_de_bloque.themed-stone > .titulo_de_bloque, .color_verde2_fondo { background-color: #00b491 !important; } .bloque_basico.color_de_bloque.themed-stone > .contenido_de_bloque, .color_verde2_borde { border-color: #00b491 !important; } /* ================================================================= color_verde3_fondo ================================================================= */ .color_verde3 { color: #fff !important; } .bloque_basico.color_de_bloque.color_verde3 > .titulo_de_bloque, .color_verde3_fondo { background-color: #99c331 !important; } .bloque_basico.color_de_bloque.color_verde3 > .contenido_de_bloque, .color_verde3_borde { border-color: #99c331 !important; } .color_verde3_fondo_on { background-color: #27c266 !important; } /* ================================================================= color_negro_fondo ================================================================= */ .color_negro { color: #ffffff !important; } .bloque_basico.color_de_bloque.color_negro > .titulo_de_bloque, .color_negro_fondo { background-color: #333 !important; } .bloque_basico.color_de_bloque.color_negro > .contenido_de_bloque, .color_negro_borde { border-color: #333 !important; } /* ================================================================= #de4343 -THEME CHERRY ================================================================= */ .themed-color-cherry { color: #de4343 !important; } .bloque_basico.color_de_bloque.themed-cherry > .titulo_de_bloque, .themed-background-cherry { background-color: #de4343 !important; } .bloque_basico.color_de_bloque.themed-cherry > .contenido_de_bloque, .themed-border-cherry { border-color: #de4343 !important; }