.my-swal2-popup { border: 1px solid rgba(0, 0, 0, .2) !important; border-radius: 20px !important; outline: 0; } .my-swal2-container { background-color: rgba(27, 39, 51, 0.1) !important; } /*.my-swal2-title {*/ /* font-size: 1rem !important;*/ /* !*color: #facea8;*!*/ /* color: #ea4c89!important;*/ /*}*/ .my-swal2-actions { flex-direction: row-reverse; margin-top: 24px !important; justify-content: flex-start !important; } /*.my-swal2-icon.swal2-warning {*/ /* border-color: #ea4c89!important;*/ /* color: #ea4c89!important;*/ /*}*/ .swal2-html-container { font-size: 0.9rem !important; } .swal2-html-container .content-header { font-size: 1rem; font-weight: bold; } .my-swal2-icon { width: 4em !important; height: 4em !important; } .custom-sw-content {} .custom-sw-content .custom-sw-header-container { text-align: right; margin: 1.5em auto; } .custom-sw-content .custom-sw-header-container .icon { display: inline; font-size: 2rem; } .custom-sw-content .custom-sw-header-container .custom-content-title { display: inline-block; font-size: 1rem; font-weight: bold; } .swal2-container { .btn { color: #00b6e3; } .btn:focus { outline: 0; box-shadow: none; } .btn-default { display: flex; justify-content: center; align-items: center; color: #444444; font-size: 0.9rem; padding: 0 1em; height: 32px; line-height: 1; } .btn-default:hover { color: #00b6e3; background-color: transparent; border-color: transparent; } .btn-outline-primary { border-radius: 20px; border: 2px solid #00b6e3; font-size: 0.9rem; display: flex; justify-content: center; align-items: center; padding: 0 1.5em; color: #00b6e3 !important; height: 32px; line-height: 1; transition: all 0.2s; } .btn-outline-primary:hover { background-color: #00b6e3; border-color: #00b6e3; color: #fff !important; } } .swal2-icon.swal2-info::before { content: none !important; }