.tinymce-h-200 .tox.tox-tinymce { height: 200px !important; }
.tinymce-h-400 .tox.tox-tinymce { height: 400px !important; }
/* .py-20r { padding-bottom: 20rem !important; padding-top: 20rem !important; }
.py-10r { padding-bottom: 10rem !important; padding-top: 10rem !important; } */
.form-group label .btn.btn-icon { width: 20px !important; height: 20px !important; }
.bgi-position-top-center{ background-position: top center; }

/* start: grey button */
.btn-grey {
  color: #ffffff;
  background-color: #3f3f40;
  border-color: #3f3f40;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-grey:hover {
  color: #ffffff;
  background-color: #272727;
  border-color: #272727;
}
.btn-grey:focus, .btn-grey.focus {
  color: #ffffff;
  background-color: #272727;
  border-color: #272727;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
}
.btn-grey.disabled, .btn-grey:disabled {
  color: #ffffff;
  background-color: #3f3f40;
  border-color: #3f3f40;
}
.btn-grey:not(:disabled):not(.disabled):active, .btn-grey:not(:disabled):not(.disabled).active, .show > .btn-grey.dropdown-toggle {
  color: #ffffff;
  background-color: #272727;
  border-color: #272727;
}
.btn-grey:not(:disabled):not(.disabled):active:focus, .btn-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
}
.btn.btn-outline-grey {
  color: #3f3f40;
  background-color: transparent;
  border-color: #3f3f40;
}
.btn.btn-outline-grey i {
  color: #3f3f40;
}
.btn.btn-outline-grey .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3f3f40;
}
.btn.btn-outline-grey .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-grey.dropdown-toggle:after {
  color: #3f3f40;
}
.btn.btn-outline-grey:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-grey:focus:not(.btn-text), .btn.btn-outline-grey.focus:not(.btn-text) {
  color: #FFFFFF;
  background-color: #3f3f40;
  border-color: #3f3f40;
}
.btn.btn-outline-grey:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-outline-grey:focus:not(.btn-text) i, .btn.btn-outline-grey.focus:not(.btn-text) i {
  color: #FFFFFF;
}
.btn.btn-outline-grey:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-outline-grey:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-grey.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFFFFF;
}
.btn.btn-outline-grey:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-outline-grey:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-grey.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-grey:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-outline-grey:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-grey.focus:not(.btn-text).dropdown-toggle:after {
  color: #FFFFFF;
}
.btn.btn-outline-grey.disabled, .btn.btn-outline-grey:disabled {
  color: #3f3f40;
  background-color: transparent;
  border-color: #3f3f40;
}
.btn.btn-outline-grey.disabled i, .btn.btn-outline-grey:disabled i {
  color: #3f3f40;
}
.btn.btn-outline-grey.disabled .svg-icon svg g [fill], .btn.btn-outline-grey:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3f3f40;
}
.btn.btn-outline-grey.disabled .svg-icon svg:hover g [fill], .btn.btn-outline-grey:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-grey.disabled.dropdown-toggle:after, .btn.btn-outline-grey:disabled.dropdown-toggle:after {
  color: #3f3f40;
}
.btn.btn-outline-grey:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-grey:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-grey.dropdown-toggle, .show .btn.btn-outline-grey.btn-dropdown {
  color: #FFFFFF;
  background-color: #3f3f40;
  border-color: #3f3f40;
}
.btn.btn-outline-grey:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-outline-grey:not(:disabled):not(.disabled).active i, .show > .btn.btn-outline-grey.dropdown-toggle i, .show .btn.btn-outline-grey.btn-dropdown i {
  color: #FFFFFF;
}
.btn.btn-outline-grey:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-outline-grey:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-outline-grey.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-outline-grey.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFFFFF;
}
.btn.btn-outline-grey:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-outline-grey:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-outline-grey.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-outline-grey.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-grey:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-outline-grey:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-outline-grey.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-outline-grey.btn-dropdown.dropdown-toggle:after {
  color: #FFFFFF;
}
.btn.btn-light-grey {
  color: #3f3f40;
  background-color: #bbbbbb;
  border-color: transparent;
}
.btn.btn-light-grey i {
  color: #3f3f40;
}
.btn.btn-light-grey .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3f3f40;
}
.btn.btn-light-grey .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-grey.dropdown-toggle:after {
  color: #3f3f40;
}
.btn.btn-light-grey:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-grey:focus:not(.btn-text), .btn.btn-light-grey.focus:not(.btn-text) {
  color: #FFFFFF;
  background-color: #3f3f40;
  border-color: transparent;
}
.btn.btn-light-grey:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-light-grey:focus:not(.btn-text) i, .btn.btn-light-grey.focus:not(.btn-text) i {
  color: #FFFFFF;
}
.btn.btn-light-grey:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-light-grey:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-grey.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFFFFF;
}
.btn.btn-light-grey:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg:hover g [fill], .btn.btn-light-grey:focus:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-grey.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-grey:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after, .btn.btn-light-grey:focus:not(.btn-text).dropdown-toggle:after, .btn.btn-light-grey.focus:not(.btn-text).dropdown-toggle:after {
  color: #FFFFFF;
}
.btn.btn-light-grey.disabled, .btn.btn-light-grey:disabled {
  color: #3f3f40;
  background-color: #bbbbbb;
  border-color: transparent;
}
.btn.btn-light-grey.disabled i, .btn.btn-light-grey:disabled i {
  color: #3f3f40;
}
.btn.btn-light-grey.disabled .svg-icon svg g [fill], .btn.btn-light-grey:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #3f3f40;
}
.btn.btn-light-grey.disabled .svg-icon svg:hover g [fill], .btn.btn-light-grey:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-grey.disabled.dropdown-toggle:after, .btn.btn-light-grey:disabled.dropdown-toggle:after {
  color: #3f3f40;
}
.btn.btn-light-grey:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-light-grey:not(:disabled):not(.disabled).active, .show > .btn.btn-light-grey.dropdown-toggle, .show .btn.btn-light-grey.btn-dropdown {
  color: #FFFFFF;
  background-color: #3f3f40;
  border-color: transparent;
}
.btn.btn-light-grey:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-light-grey:not(:disabled):not(.disabled).active i, .show > .btn.btn-light-grey.dropdown-toggle i, .show .btn.btn-light-grey.btn-dropdown i {
  color: #FFFFFF;
}
.btn.btn-light-grey:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg g [fill], .btn.btn-light-grey:not(:disabled):not(.disabled).active .svg-icon svg g [fill], .show > .btn.btn-light-grey.dropdown-toggle .svg-icon svg g [fill], .show .btn.btn-light-grey.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FFFFFF;
}
.btn.btn-light-grey:not(:disabled):not(.disabled):active:not(.btn-text) .svg-icon svg:hover g [fill], .btn.btn-light-grey:not(:disabled):not(.disabled).active .svg-icon svg:hover g [fill], .show > .btn.btn-light-grey.dropdown-toggle .svg-icon svg:hover g [fill], .show .btn.btn-light-grey.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-light-grey:not(:disabled):not(.disabled):active:not(.btn-text).dropdown-toggle:after, .btn.btn-light-grey:not(:disabled):not(.disabled).active.dropdown-toggle:after, .show > .btn.btn-light-grey.dropdown-toggle.dropdown-toggle:after, .show .btn.btn-light-grey.btn-dropdown.dropdown-toggle:after {
  color: #FFFFFF;
}

.bg-grey {
  background-color: #3f3f40 !important;
}

.border-grey {
  border-color: #3f3f40 !important;
}

.text-grey {
  color: #3f3f40 !important;
}

a.text-grey:hover, a.text-grey:focus {
  color: #272727 !important;
}
/* end: grey button */

.table-cell-word-break tr th, .table-cell-word-break tr td { word-wrap: break-word; word-break: break-all; }
.tinymce-h-200 .tox.tox-tinymce { height: 200px !important; }