/* fixes CKEditor popup z-index to be shown at the top of a bootstrap popup */
.cke_dialog_background_cover {
    z-index: 10098 !important;
}
.cke_dialog {
    z-index: 10099 !important;
}

/* fix z index to display modal popup and backdrop over the fixed site header */
.modal-backdrop {
    z-index: 10050;
}
.modal {
    z-index: 10055;
    /* 
        override padding 
        Maybe it is used to get a space for scrollbar
    */
    padding-right: 0 !important;
    
}
/* 
    prevents modal popups to reset page scrollbar position for the page 
    .modal-open class is added after as body style attributes are set up to reset scrollbar
    so we need to override overflow style for the body element
*/
body.modal-open, body {
    overflow: initial !important;
    padding-right: 0 !important;
}

.modal .modal-content {
    border-radius: 0;
}

.modal .modal-header {
    padding: 8px 8px 3px 8px;
    background: #f7f9fa;
    min-height: 44px;
}

.modal .modal-footer {
    padding: 15px;
    background: #f7f9fa;
}

    .modal .modal-footer.centered {
        justify-content: center;
    }

.modal .modal-header .modal-title {
    font-size: 16px !important;
    font-weight: 400;
    margin: 3px 0px 5px 3px;
}

    .modal .modal-header .btn-close {
        padding: 0;
        margin: -20px -0px -.5rem auto;
        background-image: url(/img_/close.gif);
        background-repeat: no-repeat;
        background-size: 16px 16px;
        width: 16px;
        height: 16px;
        opacity: 1;
    }

.modal-body {
    padding: 10px 10px;
}

/* Legacy popup styles - NOT USED in the migrated app */
div.modalBackground {
    background-color: #000;
    filter: alpha(opacity=40);
    opacity: 0.40;
}

div.modalPopup {
    /*border: 2px solid #ccc !important;
    border: 2px solid rgba(0, 0, 0, .15) !important;
    border-radius: 3px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
    box-shadow: 0px 6px 12px rgba(0,0,0,0.175) !important;
    */

    border: none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);

    /*max-height: 10000px;*/
    width: 100%;
    height: auto;
    padding: 0px;
}

div.modalPopup .modal-header {
    padding: 8px 8px 3px 8px;
}

div.modalPopup .modal-body {
    padding: 10px 10px;
}

.modal-footer.text-center {
    text-align: center;
}


/* 
  Modal Popup
*/
.modalBackground {
	background-color:#F4F6FB;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:#6E8ECE;
	padding:3px;
	max-width:640px;
    width: 100%;
	/*height:480px;*/
    min-height: 480px;
}

.modalPopup.modalPopupAbsolutePosition {
    position: absolute !important;
}

.modalPopup H3
{
  font-size: 16px !important;  
  font-weight: 400;
  margin: 3px 0px 5px 3px;  
}

.modalPrint {
    width: 100%;    
}

.modalPopup .closeButtonLayout
{
  text-align: right;
  vertical-align:top;    
}

.modalPopup .closeButtonLayout .txtEditable,
.checkboxesContainer  .txtEditable
{
  width: auto;    
}

.modalPopup .modal-footer.popupButtonsContainer.text-center {
    text-align: center;
}

.modalPopup .gridContainer
{
  margin-top: 5px !important;    
  overflow:auto; width: auto; 
  min-height: 200px;
}

.modal .GridRowsInfo {
    float: left;
}

/*.modalPopup.popup-with-add-action .GridViewRowsInfoControl {
    float: left;
}
*/
.modalPopup div.GridPager {
    padding-top: 5px;
}

.modalPopup .gridContainer .Grid
{
  margin-top: 1px !important;    
  width: 100%;
}

.modal .popup-with-grid:not(:has(.newRecordPopupContainer))
{
  min-height:50.4em;
}

/* SG: I don't think it should work in this way */
/*@media (min-width: 769px) {
    .modal .outsideDataGridContainer {
        height: 32.5em;
    }
}*/
@media (min-width: 576px) and (max-width: 992px) {
    .modal-xl.popup-with-grid {
        max-width: 760px;
    }
}

@media (max-width: 400px) {
    .modal .modal-dialog.popup-with-grid {
        margin: auto;
    }
}
    .modalPopup.popup-with-grid.searchAccountEnrollmentsPopup,
    .modalPopup.popup-with-grid.searchAccountDropInsPopup
    {
        max-width: 1024px;
    }


.modal .checkboxesContainer {
    overflow: auto;
    width: 100%;
    min-height: 17.4em;
}

@media all and (min-width:769px) {
    /*.modal .checkboxesContainer {
        max-height: 27em;
    }*/

    .modal .popup-with-grid .checkboxesContainer {
        max-height: 27em;
        min-height: 22em;
    }
}

/*.modal .newRecordPopupContainer {
  margin-top: 5px !important;    
  overflow:auto; 
  width: auto; 
  min-height: 300px;
  max-height: 500px;
}*/

@media all and (max-width:768px) {
    div.modalPopup .gridContainer,
    div.modalPopup.popup-with-grid .gridContainer {
        min-height: 100px;
        height: auto;
    }

    /*.modalPopup .newRecordPopupContainer {
        max-height: 5000px;
    }*/

    div.modalPopup,
    .modalPopup.popup-with-grid {
        min-height: 150px !important;
    }

    div.modalPopup .checkboxesContainer {
        min-height: 100px !important;
        height: auto !important;
        max-height: none !important;
    }

    .modalPopup.layoutFormattedFieldFormatPopup .modal-body {
        max-height: none !important;
    }
}

.modalPopup.note-edit {
  max-width: 46em;
  min-height: 28.2em;
}

.modal.note-edit textarea {
    min-height: 20em;
}

.modalPopup .Grid tr th,
.modalPopup .Grid tr td {
    padding: 4px 4px;
}

.popupSelectorActions
{
  padding-left: 0px;   
  margin-top: 0.1em; 
}

.popupSelectorActions TABLE
{
  padding: 0px;    
  border-collapse: collapse;
  border-spacing: 0px;  
}

.popupSelectorActions TABLE TD
{
  padding: 0px;
  padding-right: 1em;
  margin: 0px;  
}


/******************************* exact modal popup styles ***********************************/
.modalPopup.dayOfWeek {
  max-width: 24em;
  min-height: 26em;
}

.modalPopup.dayOfWeek  .checkList TR TD {
	padding: 1px;
    padding-bottom: 5px;
}

.modalPopup.dayOfWeek SELECT {
   width: auto !important;	
}

.modalPopup.schedulePopup
{
  max-width: 40em;
  min-height: 35em;	
}

/*.modalPopup.schedulePopup TD.validatorContainer
{
  height: 3.3em;
  padding: 0px;
}*/

.modalPopup.classNamePopup,
.modalPopup.accountAndContactDetailsPopup
{
  max-width: 25em;
  min-height: 10em;	
}

.modalPopup.invoice-details
{
  max-width: 400px;
  min-height: 250px;       
}

.modalPopup.invoice-details .gridContainer
{
  overflow: auto;
  height: 230px;
}

.modalPopup.classMUSConfirmation
{
  max-width: 550px;
  min-height: 100px;    
}

.modalPopup.new-named-layout
{
  max-width: 30em;
  min-height: 15em;
}

.modalPopup.search-contacts
{
  max-width:680px;
  min-height:600px;
}

.modalPopup.meetingSearchControl .gridContainer {
    min-height: 21em;
}

.modalPopup.component-filter
{
  max-width: 30em;
  min-height: 27em;	
}

.modalPopup.accountEditPopup
{
  max-width: 30em;
  min-height: 10em;	    
}

.modalPopup.accountEditPopup .validatorRow
{
  display: none; 
}

/*
  searchAccountsPopup
*/

.modalPopup.search-accounts
{
  max-width:700px;
  min-height:49em;
}

.modalPopup.search-accounts input.smart-search-control {
    max-width: 600px;
}

/*
  searchProductsPopup
*/

.modalPopup.search-products
{
  min-height:42em;
}

.modalPopup.search-products .proOptions .captionLabel
{
  width: 6em;    
}

/*
  searchEmailTemplatesPopup
*/

.modalPopup.searchEmailTemplatesPopup
{
  min-height:43em;
}

    .modalPopup.searchEmailTemplatesPopup .gridContainer {
        height: 26.2em;
    }

.searchEmailTemplatesPopup .Grid .type
{
  max-width: 6em;    
  text-align: center;
}

/*
  searchAccountOrdersPopup
*/
.searchAccountOrdersPopup .Grid .ord
{
  text-align: center;
}

.modalPopup.searchAccountOrdersPopup
{
   min-height:45em;
}

/*
  searchAccountEnrollmentsPopup
*/

.modalPopup.searchAccountEnrollmentsPopup
{
  min-height:45em;
}

/*
  searchAccountEnrollmentsPopup
*/

.modalPopup.searchAccountAppointmentsPopup
{
  min-height:45em;
}

/*
  searchFeeBatchesPopup
*/

.modalPopup.searchFeeBatchesPopup .gridContainer
{
  height: 31em;
}

.modalPopup.searchFeeBatchesPopup
{
  max-width:420px;
  min-height:39em;
}

/*
  searchClasssPopup
*/

.class-search.modalPopup

{
  min-height:50.4em;
}

    .class-search.modalPopup .captionLabel,
    .class-select-search.modal .filterPanel div.control-block label.captionLabel,
    .classes-multiselect-search.modal .captionLabel,
    .reportclasses-multiselect-search.modalPopup .captionLabel {
        width: auto;
        min-width: 90px;
        margin-bottom: 0px;
        padding-top: 8px;
    }

@media all and (max-width:768px) {
    .class-search.modalPopup .filterPanel .control-block {
        margin-top: 3px;
    }

    .class-meeting-search.modalPopup .captionLabel {
        min-width: 120px;
    }
}

@media all and (min-width:768px) {
    .class-search.modalPopup .filterPanel .col-lg-3,
    .class-select-search.modal .filterPanel .col-lg-3,
    .classmeeting-select-search.modal .filterPanel .col-lg-3,
    .classes-multiselect-search.modal .filterPanel .col-lg-3,
    .reportclasses-multiselect-search.modalPopup .filterPanel .col-lg-3 {
        width: 22.9%;
    }
}

.class-search .Grid .schedule
{
  text-align: center;
}

.modalPopup.enr-copy-popup {
    min-height: 47em;
}

.modalPopup.enr-copy-popup .gridContainer {
    min-height: 37em;
}

.modalPopup.edit-contact-list {
    max-width: 25em;
}

.contactListView .modalPopup { width:33em;height:14em; }
.contactListView .modalPopup .validatorRow { display:none; }

.modalPopup.general-settings-confirm
{
  min-width: 40em;
  min-height: 15em;    
}

@media all and (max-width:768px) {
    .modalPopup.general-settings-confirm {
        min-width: 0;
    }

    .modalPopup.general-settings-confirm .number{
        font-weight: bold;
        text-align: right;
    }
}

.modalPopup.listPopupSelectorControl  
{ 
    max-width:24em;
    min-height:27em; 
}

.modalPopup.batch-settings
{
  min-width: 51em;
  min-height: 30em;	
}

.modalPopup.referencedFees.payment-batch-fees {
	max-width:900px;
	min-height:480px;
}

.modalPopup.priceset-copy
{
  max-width: 42em;    
  min-height: 15em;
}

.modalPopup.addOptionPopup {
    min-height: 25em;
}

.modalPopup.usq-copy
{
  max-width: 40em;
  min-height: 12em;	
}

.modalPopup.usq-columns-list
{
   max-width: 38em;
   min-height: 42em; 
}

.modalPopup.usq-columns-list .checkboxesContainer {
    max-height: 30em;
}

.modalPopup.usq-filters,
.modalPopup.usq-filters
{
   max-width: 40em;
   min-height: 32em; 
}

.modalPopup.groupSummaryPopup
{
   max-width: 65em;
   min-height: 23em; 
}

.modalPopup.groupSummaryPopup label {
    font-weight: normal;
}

.userQuery .filters .groupSummaryPopup SELECT
{
  font-size: 90%;    
}

.modalPopup.usq-filters .captionLabel
{
  min-width: 8em;    
}

@media all and (min-width:481px) {
    .modalPopup.usq-filters .captionLabel.and-caption {
        min-width: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.modalPopup.usq-save-as
{
   max-width: 25em;
   min-height: 10em; 
}

.modalPopup.usq-print-results {
    max-width: 900px;
    min-height: 37em;
}

.modalPopup.usq-print-results .gridContainer {
    height: 35em;
}

.modalPopup.payment-request-fees {
    min-height: 42.4em;
}

.modalPopup.payment-request-fees-confirmation {
    width: 350px;
    min-height: 10em;
}

.modalPopup.fee-generation-plan-copy
{
  max-width: 40em;
  min-height: 14.4em;	
}

.modalPopup.activeSemestersClasses
{
  min-height: 40em;	
}

.modalPopup.classListSelector
{
  min-height: 37em;	
}

.modalPopup.recitalSelector
{
  min-height: 30em;	
}


.modalPopup.savePlanPopup
{
  max-width: 30em;
  min-height: 12em;    
}

.modalPopup.factorPopup
{
  max-width: 35em;
  min-height: 18em;    
}

.modalPopup.confirmationPopup
{
  max-width: 32em;
  min-height: 10em;	
}

.modalPopup.confirmationPopup .confirmationMessage
{
  text-align: center; 
}

.modalPopup.security-profile-copy
{
  max-width: 41em;
  min-height: 12em;	
}

.modalPopup.feeAuditDescription
{
	max-width:400px;
	min-height:350px;
}

.modalPopup.feeAuditDescription .detailAuditInfo
{
    overflow: auto; 
    width: 100%; 
    max-height: 257px;
    margin-top: 2px;
}

.modalPopup.feeAuditDescription  .detailAuditInfoWithUpdates
{
    height: 165px;      
}

.modalPopup.feeAuditDescription  .updatesAuditInfo
{
    overflow: auto; 
    width: 100%; 
    max-height: 55px;
    margin-top: 2px;
}

.modalPopup.feeAuditDescription  .caption
{
  width: 1%;
  white-space: nowrap;    
}

.modalPopup.userEmailDetails 
{
	max-width:500px;
	min-height:450px;
}


DIV.modalPopup.pageItemsConfigurator
{
  max-width: 33em;
  min-height: 30em;	
}

.pageItemsConfigurator TABLE.Grid
{
  margin-right: auto;    
  margin-left: auto;
}

.pageItemsConfigurator .Grid .chk
{
  text-align: left;  
  width: auto;
}

.accountsEnrollmentsLogReport .modalPopup /* NEEDS TO CHECK POPUP STYLE */
{
  width: 46em;
  height: 33em;	    
}

.modalPopup.appointmentSummaryPopup
{
	max-width:350px;
	min-height:250px;
}

.modalPopup.appointmentSummaryPopup .summary-info
{
    overflow: auto; 
    width: 100%; 
    max-height: 350px;
    margin-top: 2px;
}

.modalPopup.appointmentHistoryPopup
{
	min-height:36em;
}

.modal.udf-new .modal-dialog
{
  max-width: 550px;
  min-height: 410px;    
}

.modal.udf-new .udfTypeNote
{
  padding-left: 1.1em;
  margin-bottom: 0.5em;    
  font-style: italic;
}

.modalPopup.customFontSelector
{
  max-width: 30em;
}

.customFontSelector .modal-dialog {
    max-width: 30em;
    /*min-height: 32.6em;*/ /* it breaks popup vertical centering */
    margin: auto; /* to center popup on the narrow screens */
}

@media (max-width: 768px) {
    .customFontSelector .rbtOptions .rbtOption:not(:first-child) {
        padding-top: 0 !important;
    }

    .customFontSelector td.captionLabel {
        min-width: 0px;
    }
}

@media (min-width: 769px) {
    .layoutFormattedFieldFormatControl .field-formatting-popup > .modal-dialog {
        max-width: 800px;
    }
}

@media (min-width: 576px) {
    .modal.processing-note-popup .modal-dialog.modal-sm,
    .modal.processingNoteContainer .modal-dialog.modal-sm,
    .modal.waitForPaymentNotes .modal-dialog.modal-sm,
    .modal.waitForEmailsGeneration .modal-dialog.modal-sm,
    .modal.waitForSmsGeneration .modal-dialog.modal-sm,
    .modal.waitForPaymentRequestsSending .modal-dialog.modal-sm,
    .modal.waitForPaymentRequestsGeneration .modal-dialog.modal-sm,
    .modal.waitForAccountStatementsGeneration .modal-dialog.modal-sm,
    .modal.waitForEmailConfirmationsGeneration .modal-dialog.modal-sm,
    .modal.waitForEmailNotificationsGeneration .modal-dialog.modal-sm {
        max-width: 420px;
        /*min-height: 230px;*/
    }
}

.modal.processingNoteContainer .processingNoteBody tr td,
.modal.waitForPaymentNotes .paymentProcessingNotes tr td,
.modal.waitForEmailsGeneration .emailsProcessingNotes tr td,
.modal.waitForSmsGeneration .smsProcessingNotes tr td,
.modal.waitForPaymentRequestsSending .paymentRequestsSendingNotes tr td,
.modal.waitForPaymentRequestsGeneration .paymentRequestsProcessingNotes tr td,
.modal.waitForAccountStatementsGeneration .accountStatementsProcessingNotes tr td,
.modal.waitForEmailConfirmationsGeneration .emailConfirmationsProcessingNotes tr td,
.modal.waitForEmailNotificationsGeneration .emailNotificationsProcessingNotes tr td{
    font-size: 115%;
}

.modalPopup.appointmentQuickAdd {
  max-width: 40em;
  min-height: 18em;
}

.modalPopup.layoutFormattedFieldFormatPopup {
    max-width: 66em;
}

.modalPopup.layoutFormattedFieldFormatPopup .modal-body {
    overflow: auto;
    max-height: 52.9em;
}

.modalPopup.layoutFormattedFieldFormatPopup .paddingSelector .nowrap,
.modalPopup.layoutFormattedFieldFormatPopup .marginSelector .nowrap {
    white-space: unset;
}

.modal-body .img-holder {
    width: 100%;
}

.modal-body .img-holder img {
    height: auto;
    max-width: 100%;
}

.modal-body .img-holder.centered {
    text-align: center;
}

@media all and (max-width:768px) {
    .modalPopup.feeAuditDescription td.value-cell {
        font-weight: bold;
        text-align: right;
    }
}

.account-search.modalPopup .checkboxesContainer
{
    max-height: 30.5em;
}

.account-search.modalPopup .modal-body {
    min-height: 42.5em;
}

.accounts-multiselect-search.modalPopup,
.classes-multiselect-search.modalPopup,
.reportclasses-multiselect-search.modalPopup {
    min-height: 42.5em;
}

.contacts-multiselect-search.modalPopup {
    min-height: 40.5em;
}


.modalPopup.fileUploadMultiplePopup {
    min-height: 26em;
    max-height: 49.5em;
    overflow: auto;
}

.class-meeting-search.modalPopup .week {
    width: 5em;
}

.class-meeting-search.modalPopup .schedule {
    width: 6em;
}

.class-meeting-search.modalPopup .attendance {
    width: 7em;
}

/*
  dataChangeWarningMessages
*/

.modalPopup.popup-with-grid.dataChangeWarningMessages {
    min-height: 40.6em;
}

.modalPopup.popup-with-grid.dataChangeWarningMessages .inlineActions {
    margin: 0px auto;
}

.modal-dialog.lockedMeetingMessage {
    min-height: 15em;
    max-width: 420px;
}

.modal-dialog.sentReminderMessage {
    min-height: 19.2em;
    max-width: 50em;
}

    .modal-dialog.sentReminderMessage .generateNotification {
        font-weight: bold;
        font-size: 115%;
    }

.modalPopup.from-address-edit {
    max-width: 40em;
    min-height: 15em;
}

.modalPopup.amazon-email-verification {
    max-width: 35em;
    min-height: 15em;
}

.modalPopup.dmt-save-as-color-scheme {
    max-width: 25em;
    min-height: 7em;
}

.modalPopup.contact-mfa-assign {
    max-width: 670px;
}

.modalPopup.paypal-integration-update-note {
    min-height: 17.8em;
}

.modalPopup.select-all-none-checkbox {
    max-width: 36em;
    min-height: 7em;
}

.modal.new-layout-options-selector .modal-dialog {
    max-width: 330px;
}