body {
  background-color: rgb(227, 220, 210);
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.verticalPadding {
  padding-top: 20px;
}

.button-group-icon {
  height: calc(1.5em + 0.75rem + 2px);
}

.generate-button {
  background-color: rgb(0, 83, 141);
  padding: 10px;
  margin: 10px;
}

.generate-button:hover {
  background-color: rgb(0, 149, 163);
}

#generate-button-wrapper {
  text-align: center;
  width: 100%;
}

#quote-title {
  position: absolute;
  top: 18px;
  left: 16px;
}

#copy-quote-button {
  position: absolute;
  top: 8px;
  right: 16px;
}

#quote-title-wrapper {
  width: 100%;
}

#update-quote-data-wrapper {
  padding-top: 20px;
  padding-left: 20px;
}

#update-quote-data {
  padding-top: 20px;
}

.body-mask {
  cursor: wait;
  position:fixed;
  top: 0;
  left:0;
  overflow: hidden;
  z-index: 999;
  height: 100%;
  width: 100%;
}

h3 {
  padding-bottom: 5px;
  border-bottom: 3px solid black;
}

.collapse-button {
  height: 75px;
  color: white;
  background-color: rgb(0, 83, 141);
  font-size: 30px;
  transition: font-size .5s, height .5s;
}

.collapse-button:hover {
  font-size: 35px;
  height: 80px;
  color: white;
}

[aria-expanded=true] {
  background-color: rgb(0, 149, 163);
  color: white;
}

.container_setup {
  border-left: 5px solid black;
  border-right: 5px solid black;
}

/* button {
  margin: 5px;
} */

.save-button {
  margin-left: 30px;
}

.copy-button {
  margin-left: -20px;
}

#button-padding {
  margin-bottom: 25px;
}

#my-tab-content {
  margin-top: 25px;
}

.nav-tabs {
  text-align: center;
}

#page-top {
  margin-top: 25px;
}

.checkbox-dropdown-row {
  margin-top: 37px;
}

.section-padding {
  margin-top: 40px;
}

.form-control[readonly] {
  background-color: white;
}

.grid-style {
  border-bottom: 1px solid black;
  padding: 5.5px;
}

.grid-wrapper {
  height: 200px;
}

.grid-content {
  border: 2px solid black;
  height: 170px;
  overflow: auto;
  overflow-x: hidden;
}

.guid-buttons {
  padding-left: 23px;
}

.setting-btn {
  min-width: 85px;
  box-shadow: none !important;
}
/* button {
  min-width: 100px;
} */

body {
  min-width: 800px;
}

.form-check-label {
  font-size: 0.8rem;
}

.grid-check {
  padding-top: 4px;
}

.output-fields {
  height: 200px;
}

select.form-control[multiple] {
  height: 160px;
}

.login-form-wrapper {
  min-width: 400px;
  width: 400px;
  border: 2px solid black;
  margin-top: 200px;
  padding: 75px 25px;
}

.inner-button-spinner {
  width: 1rem;
  height: 1rem;
  margin-bottom: 2px;
  margin-right: 2px;
}

/* Loading button spinner overlay */
.button-spinner-background {
  position: absolute;
  padding: inherit;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin: calc(-0.375rem - 1px) calc(-0.75rem - 1px);
  border-radius: inherit;
  background: rgba(220, 220, 220, 0.8);
}

.button-spinner-centered {
  margin-bottom: 0.125rem;
  color: black;
}
/* End - Loading button spinner overlay */

.link-text {
  color: blue !important;
}

.link-text:hover {
  text-decoration: underline !important;
  cursor: pointer;
}

@media only screen and (max-width: 1199px) {
  .grid-check {
    padding-top: 25px;
    display: inherit;
  }

  .grid-content {
    height: 162px;
  }
}