.fadescale {-webkit-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7); opacity:0; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);} .fadescale.animated {-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); opacity:1;} .dialog {cursor: pointer;} #g_dialog_overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 2001; display: flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;} #g_dialog {display: flex; flex-direction:column; -webkit-flex-direction:column; background: #fff; border-radius: 8px;min-width: 450px;min-height: 150px; box-shadow: 0px 1px 3px 0px rgba(60, 64, 67, 0.3), 0px 4px 8px 3px rgba(60, 64, 67, 0.15); -webkit-box-shadow:0px 1px 3px 0px rgba(60, 64, 67, 0.3), 0px 4px 8px 3px rgba(60, 64, 67, 0.15);} #g_dialog #g_dialog_header { display: flex;min-height: 40px;justify-content: space-between; -webkit-justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,0.1)} #g_dialog #g_dialog_header a {line-height: 1em;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 16px;width: 40px; cursor: pointer;flex: 0 0 auto; -webkit-flex: 0 0 auto;} #g_dialog #g_dialog_header div {display: flex;-webkit-align-items: center; align-items: center;padding: 10px 20px; -webkkit-flex: 0 1 auto; flex: 0 1 auto; line-height: 1.8em} #g_dialog #g_dialog_content {padding: 20px;flex:1 0 auto; -webkit-flex:1 0 auto;} #g_dialog #g_dialog_content.overflow_scroll {overflow: auto;} #g_dialog #g_dialog_content a {text-decoration: underline;color: #014385;} #g_dialog #g_dialog_content b, #g_dialog #g_dialog_content strong {font-weight: bold;} #g_dialog #g_dialog_content ul {padding: 0 25px} #g_dialog #g_dialog_content .selectric-items ul {padding: 0px !important} #g_dialog #g_dialog_footer {display: flex;min-height: 40px; justify-content: flex-end;-webkit-justify-content: flex-end;border-top: 1px solid rgba(0,0,0,0.06);align-items: center; -webkit-align-items: center;} #g_dialog #g_dialog_footer a {padding: 5px 20px; line-height: 1.8em; cursor: pointer;} #g_dialog #g_dialog_footer a:not(.close_dialog) {background: #a2a2a2;border-radius: 6px;color: #fff;margin: 5px;display: flex} #g_dialog #g_dialog_footer .disabled {background: #c3c3c3 !important;cursor: default !important;} @media all and (min-width: 250px) and (max-width: 500px) { #g_dialog {max-width: 90% !important; min-width: 90%} }