.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: none; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;}
#g_dialog {display: none; flex-direction:column; -webkit-flex-direction:column; background: #fff; border-radius: 5px;min-width: 450px;min-height: 150px; box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 3px 10px -2px rgba(0,0,0,0.4); max-width: 960px;  
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transform: scale(0.8);opacity: 0;}
#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_header .title {display: flex; flex: 1 1 auto}
#g_dialog #g_dialog_content {padding: 20px;flex:1 0 auto; -webkit-flex:1 0 auto;max-height: 70vh;overflow: auto;}
#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: 5px;color: #fff;margin: 7px 9px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}
#g_dialog #g_dialog_footer a:not(.close_dialog):hover {box-shadow: 0px 0px 0px 4px rgba(16, 16, 16, 0.09), 0px 1px 2px rgba(0, 0, 0, 0.2);}

#g_dialog.open {
  opacity: 1;
  transform: scale(1);
}