/* Styles required for (large) scrollable dialogs */

.scrollabledialog {
  width: 95% !important;
  height: 98% !important;
  max-width: 95%;
  max-height: 98%; 
  overflow: auto;
}

.scrollabledialog-min-size {
  max-width: 95%;
  max-height: 90%;
  overflow: auto !important;
}

.scrollabledialog .ui-dialog {
  padding:0 !important;
  border-radius: 5px 5px 0 0 !important;
  overflow: hidden !important;
}

.scrollabledialog .ui-dialog-titlebar {
  position:absolute !important;
  top:0px; 
  left:0px; 
  height:30px; 
  right:0px;
  overflow:hidden !important;
}

.scrollabledialog .ui-dialog-content {
  position:absolute !important; 
  top:50px; 
  bottom:0px; 
  left:0px;
  right:0px; 
  overflow:auto !important;
}

/* Width adjustable scrollable dialogs */

.scrollabledialog-nowidth {
  height: 98% !important;
  max-height: 98%; 
  overflow: auto;
}

.scrollabledialog-nowidth .ui-dialog {
  padding:0 !important;
  border-radius: 5px 5px 0 0 !important;
  overflow: hidden !important;
}

.scrollabledialog-nowidth .ui-dialog-titlebar {
  position:absolute !important;
  top:0px; 
  left:0px; 
  height:30px; 
  right:0px;
  overflow:hidden !important;
}

.scrollabledialog-nowidth .ui-dialog-content {
  position:absolute !important; 
  top:50px; 
  bottom:0px; 
  left:0px;
  right:0px; 
  overflow:auto !important;
}

/* Size of dialog window fits the content */

.scrollable-dialog-fixedsize {
  max-height: 98%;
}

.scrollable-dialog-fixedsize .ui-dialog-content {
  max-height: calc(98vh - 80px) !important;
  overflow: auto !important;
}

/* show scrollbar always */
.show-scrollbar-always ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.show-scrollbar-always ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* ----------- root page modal dialogs --------------- */
div.ui-dialog.ui-widget-content.attendeeSelectionDialog {
  min-height: unset !important;
  min-width: unset !important;
}

body.rootbody .modaldialog,
div.ui-dialog.ui-widget-content:not(#usersDialog),
div#documentsDialog {
  padding: 0px ! important;
  min-height: 100px ! important;
  min-width: 400px ! important;
  border-radius: 2px ! important;
  -moz-border-radius: 2px !important;
  border: none  !important;
  box-shadow: 2px 3px 3px grey !important;
}

body.rootbody .modaldialog,
div.ui-dialog.ui-widget-content.languageNotesDialog:not(#usersDialog){
  padding: 0px ! important;
  min-height: 470px ! important;
  min-width: 675px ! important;
  border-radius: 2px ! important;
  -moz-border-radius: 2px !important;
  border: none  !important;
  box-shadow: 2px 3px 3px grey !important;
}

body.rootbody .modaldialog .ui-dialog-titlebar,
div.ui-dialog .ui-dialog-titlebar,
div#documentsDialog.ui-dialog .editheader {
  padding: 6px 12px 6px 12px !important;
  background-color: #838485 !important;
}

body.rootbody .modaldialog .ui-dialog-titlebar .ui-dialog-title,
div.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
div#documentsDialog.ui-dialog .editheader .selectordiv {
  font-size: 16px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  color: white !important;
  letter-spacing: 1px !important;
}

body.rootbody .modaldialog .ui-dialog-titlebar .ui-icon-closethick,
div.ui-dialog .ui-dialog-titlebar .ui-icon-closethick,
div#documentsDialog.ui-dialog .editheader .actionsdiv .ui-icon-closethick  {
  width: 16px !important;
  height: 16px !important;
  background-image: url('/resources/images/icon-closethick-white.png') !important;
  background-position: 2px 2px !important;
  background-repeat: no-repeat !important;
  padding: 2px !important;
}

body.rootbody .modaldialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover,
div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover,
div#documentsDialog.ui-dialog .editheader .actionsdiv .ui-icon-closethick.ui-state-hover {
  background: none !important;
}

body.rootbody .modaldialog .ui-dialog-content {
  padding: 0 !important;
}

body.rootbody .modaldialog .modaldialogfooter {
  padding:6px 0 0 0;
  height:32px;
  
  -webkit-box-shadow: 0px -1px 5px 0px rgba(156,156,156,0.2);
  -moz-box-shadow: 0px -1px 5px 0px rgba(156,156,156,0.2);
  box-shadow: 0px -1px 5px 0px rgba(156,156,156,0.2);
  border-top: 1px solid #ccc;
  background-color: #eee;
}

body.rootbody .modaldialogbuttons {
  padding: 15px;
}


.scrollabledialog-signinsheet {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

.usergroupsdialog {
    height: auto!important;
    width: 100% !important;
    max-width: 950px !important;
    background-color:  rgb(245,244,246)!important;
    overflow: auto;
}

.previewdialog {
  width: 95% !important;
  height: 90% !important;
  max-width: 95%;
  max-height: 90%;
  overflow: auto;
}

#eventsTabView\:certificatePreviewDlg > div.ui-dialog-content.ui-widget-content{
  padding: 0px;
  overflow: hidden;
  height: calc( 100% - 45px ) !important;
}

#eventsTabView\:pdEventCertificatePreview > div.ui-dialog-content.ui-widget-content,
#eventsTabView\:pdrequestCertificatePreview > div.ui-dialog-content.ui-widget-content {
  padding: 0px;
  overflow: hidden;
  height: calc( 100% - 45px ) !important;
}

.noBorderGrid,
.noBorderGrid .ui-panelgrid-cell,
.noBorderGrid tr td,
.noBorderGrid td {
  border: hidden !important;
}

.fitWidth {
    min-width: 100%;
    min-width: -moz-available;
    min-width: -webkit-fill-available;
    min-width: fill-available;
}
/* --- alternative buttons with bold label and no background

body.rootbody .modaldialog .ui-dialog-content .form-rec-button {
  display: inline-block;
  margin: 5px !important;
  padding: 5px 7px 5px 7px !important;
  background: none !important;
  border: none !important; 
  font-family: Arial, helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: bold !important;
  color: #52575f  !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.rootbody .modaldialog .ui-dialog-content .form-rec-button-green {
  display: inline-block;
  margin: 5px !important;
  padding: 5px 7px 5px 7px !important;
  background: none !important;
  border: none !important; 
  font-family: Arial, helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: bold !important;
  color: #00872a !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.rootbody .modaldialog .ui-dialog-content .form-rec-button-red {
  display: inline-block;
  margin: 5px !important;
  padding: 5px 7px 5px 7px !important;
  background: none !important;
  border: none !important; 
  font-family: Arial, helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: bold !important;
  color: #c82505 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.rootbody .modaldialog .ui-dialog-content .form-rec-button-blue {
  display: inline-block;
  margin: 5px !important;
  padding: 5px 7px 5px 7px !important;
  background: none !important;
  border: none !important; 
  font-family: Arial, helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: bold !important;
  color: #096de9 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.rootbody .modaldialog .ui-dialog-content .form-rec-button:hover,
body.rootbody .modaldialog .ui-dialog-content .form-rec-button-green:hover,
body.rootbody .modaldialog .ui-dialog-content .form-rec-button-red:hover,
body.rootbody .modaldialog .ui-dialog-content .form-rec-button-blue:hover {
  text-decoration: underline !important;
}

--- */