.explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; }

• Home
• About
• Log In
• Account
• Search
• Archive
• Committees
• Author Guidelines
• Flyer
• Handbook
• Presentations
• Proceedings

Home > ICCM2024, July 15th-18th, Virtual Conference > The 13th International Conference on Computational Methods (ICCM2022) > Presentations and Authors

Title Author contains is
Last name A B C D E F G H I J K L M N O P Q R S T U V W X Y Z All
Track: All Tracks Plenary Lecture MS-000 General Papers MS-001 Theory and Formulation for Novel Computational Methods MS-002 Particle Based Methods MS-003 Mechanics of surface/interface and bionics MS-004 Boundary Element Methods and Mesh Reduction Methods MS-005 Reduced order models for structures and fluids MS-006 Crash safety and structural optimization MS-007 Fire Simulation MS-008 Modeling and Simulation of Complex Flow and Transport Phenomena MS-009 Computational Methods in Fluid Engineering MS-010 Data-driven Surrogate Modeling Techniques for Inverse and Other Related Problems MS-011 Damage and Failure Modelling in Composite Materials MS-012 Deformation, Fatigue and Fracture of Advanced Materials MS-013 Large Scale Coupled Problems and Related Topics MS-014 Progresses of Computational Marine Hydrodynamics MS-015 Smoothed Finite Element Methods and Related Techniques MS-016 Computational Mechanics for Composite Plates and Shells MS-017 Computational methods in Hydraulic engineering MS-018 Data, Uncertainty, Machine Learning and Digital Twin MS-019 Methods for Multi-Phase Flows MS-020 Concurrent multiscale modeling from electrons to finite elements MS-021 Multiscale modelling of engineering materials MS-022 Advances in computational methods for large deformation problems in geo-mechanic MS-023 Recent Advances In Meshfree and Particle Methods MS-024 Meshfree and Other Advanced Numerical Methods for Engineering and Applied Mathematical Problems MS-025 Limit state analysis of structures and materials MS-026 Modeling and Simulation for Additive Manufacturing MS-027 Computational Acoustics and Elastodynamics in Materials and Structures MS-028 Kernel and machine learning based solutions of PDEs MS-029 Stochastic BEM in Fracture Mechanics MS-030 Acoustic metamaterials and phononic crystals: from fundamental theory to potential applications MS-031 Design optimization of structures and metamaterials MS-032 Local and nonlocal modeling approaches in dynamics MS-033 Computational Biomechanics MS-034 Recent Advances and Developments for Damage and Failure of Engineering Materials and Structures MS-035 Modelling Heterogeneous Media: Fracture, Localisation and Multiphase Flow MS-036 Mechanics of soft materials MS-037 Computational Biomechanics MS-038 Computational methods for advanced soft matter and soft robotics MS-039 Computational Particle Dynamics MS-040 Computational and Machine Learning Studies of Hierarchical Cellular Structures MS-041 Multiscale multiphysical damage and fracture simulation of cementitious composites MS-042 Uncertainty quantification and analysis for structures MS-043 Data-driven modeling and design approaches MS-044 Micro-/Nano-mechanics for Novel Materials MS-045 Computational design, optimization and manufacturing advanced materials and structures Publication at the conference Proceedings

 

MS-000 General Papers

Development of a plate discrete element method: geometry and kinematics
Jian Chen, Hans-Georg Matuttis

MS-001 Theory and Formulation for Novel Computational Methods

Studies on interface of pipe joints based on exponential softening bond-slip law under torsional loads
Hong Yuan, Jun Han, Ziyong Mo, Lan Zeng

MS-030 Acoustic metamaterials and phononic crystals: from fundamental theory to potential applications

Ultrasonic waves for nanobubble cleaning enhancement
Shuai Cao, Yongzhen Mi, Wei He, Fangsen Cui

MS-039 Computational Particle Dynamics

Numerical modeling of 3D natural convection in a horizontal concentric annulus with a GPU-accelerated SPH method
Yibo Ma, Zhilang Zhang, Moubin Liu

.explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; }