body {
    padding-top: 61.4px;
    padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
    body { padding-top: 0px; }
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

footer {     
     font-size: 85%;
}

/* progress indicators */
.loader {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
    margin: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* fullscreen modal dialogs (bootstrap) */
.modal-dialog-fullscreen {
    width: 98%;
    height: 92%;
    padding: 0;
}
.modal-content-fullscreen {
    height: 99%;
}


/* select2 overflow scroll for group members */
.select2-selection--multiple { 
	max-height: 50rem; 
	overflow: auto;
}

/* froala editor modals need to be above datatables */
.fr-modal {
	z-index:10001 !important;
}


.center-cropped {
  object-fit: none; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  height: 400px !important;
  width: 100%;
}

/* prevent overlap buttons */
div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
    margin: 0px !important;
}

/* center remove dialog */
div.DTE_Action_Remove {
	width: 600px;
	margin: auto;
}