Suscripciones

.accordion { color de fondo: #fff; color: # 444; cursor: puntero; relleno: 16px; ancho: 100%; borde: ninguno; alineación de texto: izquierda; esquema: ninguno; tamaño de fuente: 18px; transición: 0,4 s; borde: 2px sólido #ddd; radio del borde: 5px; padding-left: 0; margen superior: 20px; } .accordion: primer hijo { margen superior: 0; } .appstle_accordian_line_1 { ancho: 18px; borde inferior: 2px sólido #ddd; } .appstle_accordian_line_2 { crecimiento flexible: 1; borde inferior: 2px sólido #ddd; margen derecho: 10px; } .text-center { alineación de texto: centro! importante; } / * .accordion: hover { color de fondo: #eee; } * / / * .accordion: después de { contenido: '\ 002B'; color: # 777; font-weight: negrita; flotar derecho; margen izquierdo: 5px; } * / .accordion.active { padding-left: 0; color del borde: # 444; } .appstle_subscription_contract_detail_toggle_wrapper { cursor: puntero; } .appstle_subscription_contract_detail_toggle_wrapper.active .appstle_contract_see_more { pantalla: ninguna; } .appstle_subscription_contract_detail_toggle_wrapper.active .appstle_contract_hide_more { pantalla: bloque! importante; } .appstle_subscription_contract_detail_toggle_wrapper.active .lnr-chevron-right { transformar: rotar (90 grados); } .accordion div { opacidad: 0; } / * .accordion.active div { opacidad: 1; } * / .lnr-chevron-right { transición: todos los 0,5 s; } .accordion.active .lnr-chevron-right { transformar: rotar (90 grados); color: # 444! importante; } .panel { / * relleno: 0 18px; * / color de fondo: blanco; desbordamiento: oculto; } .appstle_myProduct { visibilidad: oculta; } .appstle_preloader { ancho: 60px; altura: 60px; posición: absoluta; superior: 70px; izquierda: calc (50% - 15px); índice z: 98765; } .appstle_statusBadge { pantalla: bloque en línea; acolchado: .25em .4em; tamaño de fuente: 75%; peso de fuente: 700; altura de línea: 1; alineación de texto: centro; espacio en blanco: nowrap; alineación vertical: línea de base; radio del borde: .25rem; } .appstle_status_ACTIVE { relleno: 5px 15px; color: #fff; color de fondo: # 28a745; } .appstle_status_CANCELLED { color: #fff; color de fondo: # 6c757d; } .appstle_status_QUEUED { color: #fff; color de fondo: # 28a745; } .appstle_status_SKIPPED { color: #fff; color de fondo: # 6c757d; } .appstle_sub-title { tamaño de fuente: 18px; font-weight: negrita; transformación de texto: mayúsculas; espaciado entre letras: .1em; margen: 8px! importante; } @media pantalla y (ancho máximo: 1024px) { .appstle_sub-title { tamaño de fuente: 13px; } } .appstle_orderDate_CANCELLED { pantalla: ninguna; } .appstle_upcomingAcc_CANCELLED { pantalla: ninguna; } .appstle_cancelbtn_CANCELLED { pantalla: ninguna; } .appstle_orderFrequency_CANCELLED { pantalla: ninguna; } .hideSkipbtn_SKIPPED { pantalla: ninguna; } .appstle_skipShipmentFlag_false, .appstle_pauseResumeSubscriptionFlag_false, .appstle_changeNextOrderDateFlag_false, .appstle_changeOrderFrequencyFlag_false, .appstle_createAdditionalOrderFlag_false, .appstle_cancelSubscriptionFlag_false { pantalla: ninguna! importante; } .appstle_order-detail_cancel-button, .appstle_order-detail_update-button, .appstle_cancelButton, .appstle_deleteButton, .appstle_updateButton, .appstle_editButton, .appstle_skipOrderButton, .appstle_updatePaymentButton, .appstle_cencelSubscription, appstle_show_add_products_button { relleno: 6px 12px; borde: ninguno; radio del borde: 4px; color blanco; color de fondo: # 242222; tamaño de fuente: 12px; borde: 1px sólido # 242222; margen: 10px 0; } @media pantalla y (ancho máximo: 1024px) { .appstle_order-detail_cancel-button, .appstle_order-detail_update-button, .appstle_cancelButton, .appstle_deleteButton, .appstle_updateButton, .appstle_editButton, .appstle_skipOrderButton, .appstle_updatePaymentButton, .appstle_cencelSubscription, .appstle_show_add_products_button, .appstle_hide_add_products_button, .appstle_product-search-button { tamaño de fuente: 10px } } .appstle_buttonGroup { pantalla: flex; margen superior: 15px; justificar-contenido: flex-end; alinear-elementos: centro; } .appstle_form_margin { margen: 8px; } .appstle_ml-10 { margen izquierdo: 10px; } .appstle_deleteButton { color de fondo: blanco; borde: 1px sólido # eb3023; color: # eb3023; } .appstle_order-detail_cancel-button, .appstle_cancelButton { color de fondo: blanco; borde: 1px sólido # 242222; color: # 242222; } .appstle_skipOrderButton: hover, .appstle_skipOrderButton { color de fondo: # 3ac47d! important; borde: 1px sólido # 3ac47d! important; color: #fff! important; } .appstle_updatePaymentButton: hover, .appstle_updatePaymentButton { color de fondo: # 3ac47d! important; borde: 1px sólido # 3ac47d! important; color: #fff! important; } .appstle_show_add_products_button, .appstle_show_add_products_button: hover { color de fondo: # 545cd8! importante; borde: 1px sólido # 545cd8! importante; } .appstle_cencelSubscription: hover, .appstle_cencelSubscription { color de fondo: # d92550! important; borde: 1px sólido # d92550! important; } .appstle_form_group { margen superior: 15px; } .appstle_form_group select, .appstle_form_group input { ancho: 100%; } .appstle_product_search_wrapper { margen: 30px 0; pantalla: flex; flex-direction: column; } .appstle_product-search-select { crecimiento flexible: 1; } .appstle_delete_model_nobtn { relleno: 5px 20px; fondo: # 0d4f0d; borde: ninguno; radio del borde: 8px; color: #fff; tamaño de fuente: 12px; } .appstle_delete_model_yesbtn { relleno: 5px 20px; fondo: # a13333; borde: ninguno; radio del borde: 8px; color: #fff; tamaño de fuente: 12px; } .appstle_order-detail-edit-button { relleno: 5px 15px; borde: ninguno; radio del borde: 4px; color blanco; color de fondo: # 242222; } .appstle_hide_add_products_button, .appstle_hide_add_products_button: hover, .appstle_product-search-button { relleno: 0 12px; borde: ninguno; radio del borde: 4px; color blanco; color de fondo: # 545cd8; tamaño de fuente: 12px; } .appstle_hide_add_products_button: activo, .appstle_hide_add_products_button: foco, .appstle_hide_add_products_button, .appstle_hide_add_products_button: hover { color de fondo: # d92550! important; } .select2-container, .select2-container - predeterminado { crecimiento flexible: 1; } .appstle_input_error { color: # eb3023; tamaño de fuente: 10px; margen superior: 5px; } .appstle_order_detail_header { relleno: 20px; color de fondo: #eee; margen superior: 34px; pantalla: flex; font-weight: negrita; tamaño de fuente: 20px; margen inferior: 10px; } .appstle_order_detail_row { pantalla: flex; justificar-contenido: espacio-entre; relleno: 10px 0px; alinear-elementos: centro; } appstle_loadersmall { borde: 5px sólido # f3f3f3; -webkit-animation: appstle_spin 1s linear infinite; animación: appstle_spin 1s linear infinite; borde superior: 5px sólido # 555; radio de borde: 50%; ancho: 60px; altura: 60px; margen: 0 automático; } / * The Modal (fondo) * / .appstle_delete_modal { alineación de texto: centro; pantalla: ninguna; / * Oculto por defecto * / posición: fija; / * Permanecer en el lugar * / índice z: 20; / * Sentarse encima * / padding-top: 100px; / * Ubicación de la caja * / izquierda: 0; arriba: 0; ancho: 100%; / * Ancho completo * / altura: 100%; /* Altura completa */ desbordamiento: automático; / * Habilitar el desplazamiento si es necesario * / color de fondo: rgb (0,0,0); / * Color alternativo * / color de fondo: rgba (0,0,0,0.4); / * Negro con opacidad * / } / * Contenido modal * / .appstle_delete_modal-content { alineación de texto: centro; color de fondo: #fefefe; margen: automático; relleno: 20px; borde: 1px sólido # 888; posición: absoluta; arriba: 50%; izquierda: 50%; transformar: traducir (-50%, -50%); color de fondo: blanco; acolchado: 1rem 1.5rem; ancho: 27rem; radio de borde: 0.5rem; } / * El botón Cerrar * / .appstle_model_close { margen: 1px; color: #aaaaaa; flotar derecho; tamaño de fuente: 28px; font-weight: negrita; alineación de texto: derecha; ancho: 1.5rem; altura de la línea: 1.5rem; alineación de texto: centro; cursor: puntero; radio del borde: 0.25rem; color de fondo: gris claro; } .appstle_model_close: hover, .appstle_model_close: focus { color: # 000; decoración de texto: ninguna; cursor: puntero; } @ -webkit-keyframes appstle_spin { 0% { -webkit-transform: rotar (0 grados); -ms-transform: rotar (0 grados); transformar: rotar (0 grados); } 100% { -webkit-transform: rotar (360 grados); -ms-transform: rotar (360 grados); transformar: rotar (360 grados); } } @keyframes appstle_spin { 0% { -webkit-transform: rotar (0 grados); -ms-transform: rotar (0 grados); transformar: rotar (0 grados); } 100% { -webkit-transform: rotar (360 grados); -ms-transform: rotar (360 grados); transformar: rotar (360 grados); } } @media pantalla y (ancho máximo: 767px) { .appstle_product_wrapper { flex-direction: column; } } .appstle_product_wrapper { pantalla: flex; margen superior: 16px; / * color de fondo: #eeeeee; * / caja-sombra: 0 0px 4px 0 rgb (0 0 0/15%); relleno: 15px; radio del borde: 5px; alinear-elementos: centro; borde: 2px sólido #ddd; } .appstle_SKIPPED_status, .appstle_CANCELLED_status, .appstle_QUEUED_status, .appstle_ACTIVE_status { color de fondo: # 3ac47d; color blanco; relleno: 3px 10px; radio del borde: 4px; tamaño de fuente: 10px; espaciado entre letras: 0.3px; margen izquierdo: 5px; altura de línea: 1; } .appstle_QUEUED_status { color de fondo: # f7b924! important; } .appstle_SKIPPED_status, .appstle_CANCELLED_status { color de fondo: # d92550! important; } .appstle_edit_wrapper { margen superior: 20px } .appstle_edit_wrapper formulario { pantalla: flex; justificar-contenido: espacio-entre; } .appstle_edit_wrapper .appstle_form_group { ancho: calc (50% - 10px); } .appstle_edit_total { margen derecho: 30px; tamaño de fuente: 21px; espaciado entre letras: 0.5px; } .appstle_subscription_image_wrapper { pantalla: flex; envoltura flexible: envoltura; } .appstle_subscription_image_wrapper img { base flexible: 46%; margen: 2%; pantalla: flex; alinear-elementos: centro; justificar-contenido: centro; } appstle_subscription_detail { padding-right: 30px; altura mínima: 200px; } .red {} .appstle_subscription_image_wrapper { pantalla: flex; envoltura flexible: envoltura; } .appstle_subscription_image_wrapper img { base flexible: 46%; margen: 2%; pantalla: flex; alinear-elementos: centro; justificar-contenido: centro; } .appstle_subscription_detail { padding-right: 30px; altura mínima: 200px; pantalla: flex; flex-direction: column; } .red {} .appstle_order_detail_row { margen: 0 8px 0px 8px; acolchado: 0; justificar-contenido: flex-start; altura mínima: 30px; } @media pantalla y (ancho máximo: 1024px) { .appstle_order_detail_row { altura mínima: 15px; } } .appstle_font_size { tamaño de fuente: 13px! importante; } @media pantalla y (ancho máximo: 1024px) { .appstle_font_size { tamaño de fuente: 10px! importante; } } lapso {} .appstle_next_oder_date_wrapper { pantalla: flex; alinear-elementos: centro; crecimiento flexible: 1; } .appstle_ml-auto { margen izquierdo: automático; } .appstle_ml-auto { margen izquierdo: automático; } .appstle_mb-0 { margen inferior: 0! importante; } .appstle_order-detail-edit-button { color de fondo: transparente; de color negro; } .appstle_subscription_contract_title { pantalla: flex; alinear-elementos: centro; / * margin-bottom: 6px! important; * / } @media pantalla y (ancho máximo: 767px) { .appstle_subscription_payment_wrapper { flex-direction: column; } } .appstle_subscription_payment_wrapper { pantalla: flex; ancho: 100%; alinear-elementos: centro; justificar-contenido: espacio-entre; } @media pantalla y (ancho máximo: 750px) { .appstle_subscription_contract_content_wrapper_mobile { padding-left: 0; padding-right: 0; } } .appstle_subscription_flex_override { pantalla: flex; } @media pantalla y (ancho máximo: 750px) { .appstle_subscription_flex_override { pantalla: flex; flex-direction: column; padding-left: 0; relleno: 0 18px; } } .