body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt; }

#TemplateContents {
  width: 100%;
  height: 100%;
  overflow: hidden; }

main {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: calc(100% - 75px);
  overflow: hidden;
  margin-bottom: 1px; }

main > dev {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

#page {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.fill-no-overflow {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.fill-auto-overflow {
  width: 100%;
  height: 100%;
  overflow: auto; }

.full-width-no-overflow {
  width: 100%;
  overflow: hidden; }

.flex-container {
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.flex-fill {
  flex: 1 1 auto; }

.numericAlignment {
  text-align: right; }

.header-height {
  height: 53px; }

/* button menu - moved from settings */
.secondary-menu {
  box-shadow: none;
  padding: 1px 1px 1px 10px;
  border-bottom: 1px solid lightgray; }

.secondary-menu-button, .secondary-menu > form > button {
  box-shadow: none !important;
  background-color: white !important;
  text-align: left !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-right: 16px !important;
  font-size: 0.75rem !important; }

.submenu-button:disabled {
  opacity: 0.3; }

.secondary-menu > form > button > i {
  font-size: 1rem !important;
  margin-right: 6px; }

.flex-container > .card {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.flex-container > .card > .card-header {
  line-height: 100%; }

.flex_container > .card > div > .card-body {
  padding-top: 5px;
  padding-bottom: 5px; }

/*set collapse/expand icon on sidebar accordion*/
[data-toggle="collapse"] .fa:before {
  content: "\f0d9"; }

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f0d7"; }

/* moved from smtp */
.group-header {
  font-family: Arial, Arial, Helvetica, sans-serif;
  width: 100%;
  height: 10pt;
  background-color: #bcc0d1;
  line-height: 100%;
  margin-bottom: 4px;
  margin-top: 9px;
  /* BG 24/10/2019 - resized slightly to fix firefox and ie better */ }

.group-header > span {
  font-size: 8pt;
  vertical-align: middle;
  font-weight: 400;
  padding-left: 4px; }

/*cant use :required with required attribute */
.required:after {
  content: "*";
  padding-left: 5px;
  color: brown; }

.invalid_editor {
  color: red; }

/* moved from import */
.modal-header {
  border-bottom: 1px solid gray; }

.modal-body {
  background-color: #efefef; }

.modal-footer {
  border-top: 1px solid gray;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0; }

/* from layout */
/* BG 03/04/2019 - these remain after switching away from Journal - inserted at body, so need to remain hidden */
#trumbowyg-icons {
  display: none; }

/* BG 21/02/2019 - added to adjust focus tracking*/
.ui-state-focus, .ui-state-hover {
  background-color: InfoBackground; }

.read-only-focus-in {
  border-color: #66afe9; }

input:-moz-read-only {
  background-color: gainsboro !important; }

input:read-only {
  background-color: gainsboro !important; }

input[readonly] {
  background-color: gainsboro !important; }

.btn.btn-indigo:focus {
  background-color: #66afe9 !important; }

.btn.btn-light:focus {
  outline: 1px dashed #66afe9 !important;
  filter: brightness(0.9); }

.focus-tracker:focus {
  border-color: #66afe9 !important; }

/*KP 25/10/2019 focus of doropdown set the background white.*/
.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:focus {
  background-color: #3f51b5 !important;
  color: white !important; }

.ui-widget {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10pt !important; }

@media (min-width: 768px) {
  .modal .modal-xl {
    width: 90%;
    max-width: 1200px;
    min-height: 768px; } }