.label {
  border-radius: 10px;
}
.label a {
  color: white !important;
  text-decoration: none;
}
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.pointer {
  cursor: pointer;
}
.nobold {
  font-weight: normal !important;
}
.text-dev,
.text-debug {
  color: seagreen;
  background: black;
}
.text-secondary {
  color: #888;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-slim {
  font-weight: normal !important;
}
.text-strike,
.text-strikethrough {
  text-decoration: line-through !important;
}
.text-pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit;
}
.text-xs {
  font-size: 80%;
}
.text-sm {
  font-size: 90%;
}
.text-md {
  font-size: 100%;
}
.text-lg {
  font-size: 110%;
}
.text-xlg {
  font-size: 120%;
}
.text-2x {
  font-size: 150%;
}
.text-3x {
  font-size: 200%;
}
.text-4x {
  font-size: 250%;
}
.text-5x {
  font-size: 300%;
}
.link-text {
  color: inherit;
  text-decoration: inherit;
}

th.width-xs,
td.width-xs {
  width: 3em;
}
th.width-sm,
td.width-sm {
  width: 5em;
}
th.width-md,
td.width-md {
  width: 8em;
}
th.width-lg,
td.width-lg {
  width: 10em;
}
th.width-xlg,
td.width-xlg {
  width: 15em;
}
th.width-xxlg,
td.width-xxlg {
  width: 20em;
}
th.width-2x,
td.width-2x {
  width: 30em;
}
th.width-3x,
td.width-3x {
  width: 50em;
}

.border {
  border: 1px solid #eee;
}
.border-dashed {
  border-style: dashed;
}
.border-dashed-top,
.border-top-dashed {
  border-top-style: dashed;
}
.border-dashed-bottom,
.border-bottom-dashed {
  border-bottom-style: dashed;
}
.border-dashed-left,
.border-left-dashed {
  border-left-style: dashed;
}
.border-dashed-right,
.border-right-dashed {
  border-right-style: dashed;
}
.border-double {
  border-style: double;
}
.border-double-top,
.border-top-double {
  border-top-style: double;
}
.border-double-bottom,
.border-bottom-double {
  border-bottom-style: double;
}
.border-double-left,
.border-left-double {
  border-left-style: double;
}
.border-double-right,
.border-right-double {
  border-right-style: double;
}

.container-flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-flow: row wrap;
}

.item-flex {
  display: flex;
}

.label-xs {
  font-size: 60%;
  line-height: 0.8em;
}
/*.tab-pane{padding-top:1em;} */ /* ys: need to disable this from core as right-sidebar need no padding*/
.noborder {
  border: 0 !important;
}
.noborder td,
.noborder th,
.noborder table {
  border: 0 !important;
}
.noradius {
  border-radius: 0 !important;
}
.nomargin {
  margin: 0 !important;
}
.nopadding,
.padding-off {
  padding: 0 !important;
  margin: 0 !important;
}
.nopadding-top,
.padding-off-top {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.nopadding-bottom,
.padding-off-bottom {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.nopadding-left,
.padding-off-left {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.nopadding-right,
.padding-off-right {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.gotpadding,
.padding-on {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.full-width {
  width: 100% !important;
  max-width: 100% !important;
}
.full-height {
  min-height: 100% !important;
}

.padding-5x {
  padding: 80px !important;
}
.padding-left-5x {
  padding-left: 80px !important;
}
.padding-right-5x {
  padding-right: 80px !important;
}
.padding-top-5x {
  padding-top: 80px !important;
}
.padding-bottom-5x {
  padding-bottom: 80px !important;
}

.padding-4x {
  padding: 64px !important;
}
.padding-left-4x {
  padding-left: 64px !important;
}
.padding-right-4x {
  padding-right: 64px !important;
}
.padding-top-4x {
  padding-top: 64px !important;
}
.padding-bottom-4x {
  padding-bottom: 64px !important;
}

.padding-3x {
  padding: 48px !important;
}
.padding-left-3x {
  padding-left: 48px !important;
}
.padding-right-3x {
  padding-right: 48px !important;
}
.padding-top-3x {
  padding-top: 48px !important;
}
.padding-bottom-3x {
  padding-bottom: 48px !important;
}

.padding-2x {
  padding: 32px !important;
}
.padding-left-2x {
  padding-left: 32px !important;
}
.padding-right-2x {
  padding-right: 32px !important;
}
.padding-top-2x {
  padding-top: 32px !important;
}
.padding-bottom-2x {
  padding-bottom: 32px !important;
}

.padding-xlg {
  padding: 24px !important;
}
.padding-left-xlg {
  padding-left: 24px !important;
}
.padding-right-xlg {
  padding-right: 24px !important;
}
.padding-top-xlg {
  padding-top: 24px !important;
}
.padding-bottom-xlg {
  padding-bottom: 24px !important;
}

.padding-lg {
  padding: 16px !important;
}
.padding-left-lg {
  padding-left: 16px !important;
}
.padding-right-lg {
  padding-right: 16px !important;
}
.padding-top-lg {
  padding-top: 16px !important;
}
.padding-bottom-lg {
  padding-bottom: 16px !important;
}

.padding-md {
  padding: 8px !important;
}
.padding-left-md {
  padding-left: 8px !important;
}
.padding-right-md {
  padding-right: 8px !important;
}
.padding-top-md {
  padding-top: 8px !important;
}
.padding-bottom-md {
  padding-bottom: 8px !important;
}

.padding-sm {
  padding: 4px !important;
}
.padding-left-sm {
  padding-left: 4px !important;
}
.padding-right-sm {
  padding-right: 4px !important;
}
.padding-top-sm {
  padding-top: 4px !important;
}
.padding-bottom-sm {
  padding-bottom: 4px !important;
}

.padding-xs {
  padding: 2px !important;
}
.padding-left-xs {
  padding-left: 2px !important;
}
.padding-right-xs {
  padding-right: 2px !important;
}
.padding-top-xs {
  padding-top: 2px !important;
}
.padding-bottom-xs {
  padding-bottom: 2px !important;
}

.padding-left-off {
  padding-left: 0 !important;
}
.padding-right-off {
  padding-right: 0 !important;
}
.padding-top-off {
  padding-top: 0 !important;
}
.padding-bottom-off {
  padding-bottom: 0 !important;
}

.margin-5x {
  margin: 80px !important;
}
.margin-left-5x {
  margin-left: 80px !important;
}
.margin-right-5x {
  margin-right: 80px !important;
}
.margin-top-5x {
  margin-top: 80px !important;
}
.margin-bottom-5x {
  margin-bottom: 80px !important;
}

.margin-4x {
  margin: 64px !important;
}
.margin-left-4x {
  margin-left: 64px !important;
}
.margin-right-4x {
  margin-right: 64px !important;
}
.margin-top-4x {
  margin-top: 64px !important;
}
.margin-bottom-4x {
  margin-bottom: 64px !important;
}

.margin-3x {
  margin: 48px !important;
}
.margin-left-3x {
  margin-left: 48px !important;
}
.margin-right-3x {
  margin-right: 48px !important;
}
.margin-top-3x {
  margin-top: 48px !important;
}
.margin-bottom-3x {
  margin-bottom: 48px !important;
}

.margin-2x {
  margin: 32px !important;
}
.margin-left-2x {
  margin-left: 32px !important;
}
.margin-right-2x {
  margin-right: 32px !important;
}
.margin-top-2x {
  margin-top: 32px !important;
}
.margin-bottom-2x {
  margin-bottom: 32px !important;
}

.margin-xlg {
  margin: 24px !important;
}
.margin-left-xlg {
  margin-left: 24px !important;
}
.margin-right-xlg {
  margin-right: 24px !important;
}
.margin-top-xlg {
  margin-top: 24px !important;
}
.margin-bottom-xlg {
  margin-bottom: 24px !important;
}

.margin-lg {
  margin: 16px !important;
}
.margin-left-lg {
  margin-left: 16px !important;
}
.margin-right-lg {
  margin-right: 16px !important;
}
.margin-top-lg {
  margin-top: 16px !important;
}
.margin-bottom-lg {
  margin-bottom: 16px !important;
}

.margin-md {
  margin: 8px !important;
}
.margin-left-md {
  margin-left: 8px !important;
}
.margin-right-md {
  margin-right: 8px !important;
}
.margin-top-md {
  margin-top: 8px !important;
}
.margin-bottom-md {
  margin-bottom: 8px !important;
}

.margin-sm {
  margin: 4px !important;
}
.margin-left-sm {
  margin-left: 4px !important;
}
.margin-right-sm {
  margin-right: 4px !important;
}
.margin-top-sm {
  margin-top: 4px !important;
}
.margin-bottom-sm {
  margin-bottom: 4px !important;
}

.margin-xs {
  margin: 2px !important;
}
.margin-left-xs {
  margin-left: 2px !important;
}
.margin-right-xs {
  margin-right: 2px !important;
}
.margin-top-xs {
  margin-top: 2px !important;
}
.margin-bottom-xs {
  margin-bottom: 2px !important;
}

.margin-left-off {
  margin-left: 0 !important;
}
.margin-right-off {
  margin-right: 0 !important;
}
.margin-top-off {
  margin-top: 0 !important;
}
.margin-bottom-off {
  margin-bottom: 0 !important;
}

.p-h-xs {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p-h-sm {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-h-md {
  padding-top: 25px;
  padding-bottom: 25px;
}
.p-h-lg {
  padding-top: 30px;
  padding-bottom: 30px;
}
.p-h-xl {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-w-xs {
  padding-left: 10px;
  padding-right: 10px;
}
.p-w-sm {
  padding-left: 15px;
  padding-right: 15px;
}
.p-w-md {
  padding-left: 25px;
  padding-right: 25px;
}
.p-w-lg {
  padding-left: 30px;
  padding-right: 30px;
}
.p-w-xl {
  padding-left: 40px;
  padding-right: 40px;
}

.m-h-xs {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m-h-sm {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-h-md {
  margin-top: 25px;
  margin-bottom: 25px;
}
.m-h-lg {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m-h-xl {
  margin-top: 40px;
  margin-bottom: 40px;
}

.m-w-xs {
  margin-left: 10px;
  margin-right: 10px;
}
.m-w-sm {
  margin-left: 15px;
  margin-right: 15px;
}
.m-w-md {
  margin-left: 25px;
  margin-right: 25px;
}
.m-w-lg {
  margin-left: 30px;
  margin-right: 30px;
}
.m-w-xl {
  margin-left: 40px;
  margin-right: 40px;
}

.no-text-shadow {
  text-shadow: none !important;
}
.shadow {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
}
.shadow-xs {
  -moz-box-shadow: 0 0 2px #000 !important;
  -webkit-box-shadow: 0 0 2px #000 !important;
  box-shadow: 0 0 2px #000 !important;
}
.shadow-sm {
  -moz-box-shadow: 0 0 4px #000 !important;
  -webkit-box-shadow: 0 0 4px #000 !important;
  box-shadow: 0 0 4px #000 !important;
}
.shadow-md {
  -moz-box-shadow: 0 0 8px #000 !important;
  -webkit-box-shadow: 0 0 8px #000 !important;
  box-shadow: 0 0 8px #000 !important;
}
.shadow-lg {
  -moz-box-shadow: 0 0 16px #000 !important;
  -webkit-box-shadow: 0 0 16px #000 !important;
  box-shadow: 0 0 16px #000 !important;
}

.neon-ruby {
  text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #fff, 0 0 24px #6b0038,
    0 0 30px #6b0038, 0 0 40px #6b0038, 0 0 80px #6b0038, 0 0 100px #6b0038;
}
.neon-purple {
  text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #fff, 0 0 24px #ff00de,
    0 0 30px #ff00de, 0 0 40px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de;
}
.neon-green {
  text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #fff, 0 0 24px #6ddb4a,
    0 0 30px #6ddb4a, 0 0 40px #6ddb4a, 0 0 80px #6ddb4a, 0 0 100px #6ddb4a;
}
.neon-blue {
  text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #fff, 0 0 24px #157aae,
    0 0 30px #157aae, 0 0 40px #157aae, 0 0 80px #157aae, 0 0 100px #157aae;
}
.neon-red {
  text-shadow: 0 0 3px #fff, 0 0 6px #fff, 0 0 12px #fff, 0 0 24px #c53036,
    0 0 30px #c53036, 0 0 40px #c53036, 0 0 80px #c53036, 0 0 100px #c53036;
}

.rounded-sm {
  border-radius: 4px !important;
}
.rounded-top-sm {
  border-radius: 4px 4px 0 0 !important;
}
.rounded-bottom-sm {
  border-radius: 0 0 4px 4px !important;
}
.rounded-left-sm {
  border-radius: 4px 0 0 4px !important;
}
.rounded-right-sm {
  border-radius: 0 4px 4px 0 !important;
}

.rounded-md {
  border-radius: 8px !important;
}
.rounded-top-md {
  border-radius: 8px 8px 0 0 !important;
}
.rounded-bottom-md {
  border-radius: 0 0 8px 8px !important;
}
.rounded-left-md {
  border-radius: 8px 0 0 8px !important;
}
.rounded-right-md {
  border-radius: 0 8px 8px 0 !important;
}

.rounded-lg {
  border-radius: 16px !important;
}
.rounded-top-lg {
  border-radius: 16px 16px 0 0 !important;
}
.rounded-bottom-lg {
  border-radius: 0 0 16px 16px !important;
}
.rounded-left-lg {
  border-radius: 16px 0 0 16px !important;
}
.rounded-right-lg {
  border-radius: 0 16px 16px 0 !important;
}

.img-xs {
  width: 16px !important;
  height: auto;
}
.img-sm {
  width: 32px !important;
  height: auto;
}
.img-md {
  width: 48px !important;
  height: auto;
}
.img-lg {
  width: 64px !important;
  height: auto;
}
.img-2x {
  width: 128px !important;
  height: auto;
}
.img-3x {
  width: 256px !important;
  height: auto;
}

.img-h-xs {
  height: 16px !important;
  width: auto;
}
.img-h-sm {
  height: 32px !important;
  width: auto;
}
.img-h-md {
  height: 48px !important;
  width: auto;
}
.img-h-lg {
  height: 64px !important;
  width: auto;
}
.img-h-2x {
  height: 128px !important;
  width: auto;
}
.img-h-3x {
  height: 256px !important;
  width: auto;
}

.badge-xs {
  font-size: 7px;
  font-weight: 400;
  padding: 2px 4px;
}
.badge-sm {
  font-size: 8pt;
  font-weight: 500;
  padding: 3px 5px;
}

.form-xs .form-group {
  margin-bottom: 2px !important;
}
.form-sm .form-group {
  margin-bottom: 4px !important;
}
.form-md .form-group {
  margin-bottom: 8px !important;
}
.form-lg .form-group {
  margin-bottom: 24px !important;
}

.form-group-xs > .form-control,
.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
  height: 22px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}

.form-control-holder {
  background: #f4f4f4;
}
.form-control-text {
  padding: 6px 0;
}
.hr {
  border-bottom: 1px solid #ddd;
  margin-top: 2em;
  margin-bottom: 2em;
}

.img-responsive-full,
.img-responsive-full img {
  width: 100%;
}
.img-responsive-full-v,
.img-responsive-full-v img {
  height: 100%;
}
.img-swap {
  cursor: pointer;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-break {
  overflow-wrap: break-word;
}
.panel-hidden {
  box-shadow: none;
  padding: 0;
}

.panel-hidden .panel-body {
  margin: 0;
  padding: 0;
}
.panel > .list-group .list-group-item:first-child {
  border-top: 1px solid #dddddd;
}
.btn-popover,
.btn-pophover {
  cursor: pointer;
}

.htmlArea {
  display: block;
  width: 100%;
  max-width: 700px;
  height: 180px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  overflow: auto;
}

.form-group .errorMessage {
  color: #b94a48;
  font-size: 90%;
}

.form-group span.required {
  color: #b94a48;
}
span.required {
  color: #b94a48;
}

.form-horizontal .control-label {
}

.input-group-urlText .input-group-addon {
  cursor: pointer;
}
.input-group .input-group-space {
  border-top: 0;
  border-bottom: 0;
  padding-left: 6px;
  padding-right: 6px;
}

.bg-default,
.default-bg {
  background: #efefef;
}
.bg-chess,
.chess-bg {
  background-color: #555;
  background-image: linear-gradient(45deg, #808080 25%, transparent 25%),
    linear-gradient(-45deg, #808080 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #808080 75%),
    linear-gradient(-45deg, transparent 75%, #808080 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

#layout-flashNotice {
  position: relative;
  z-index: 999 !important;
}

.flashNotices .notice {
  padding: 5px 20px 5px 5px;
  margin-bottom: 0;
  border-bottom: 1px solid white;
  border-radius: 0;
}
.inlineNotices .notice {
  margin-bottom: 2px;
}
.inlineNotices {
  margin-bottom: 20px;
}
.pageNotice .modal-body .message {
  padding-left: 0;
  padding-right: 0;
  border: 0;
}
.notice p:first-of-type {
  display: inline;
}

.flashNotices .bg-success {
  background-color: #dff0d8;
}
.flashNotices .bg-info {
  background-color: #d9edf7;
}
.flashNotices .bg-danger {
  background-color: #f2dede;
}
.flashNotices .bg-warning {
  background-color: #fcf8e3;
}

#nav-main {
  margin-top: 10px;
}

.table-detail-view tbody th {
  width: 10em;
  min-width: 8em;
}

.button-column {
  min-width: 9em;
}
.crud-grid .id {
  text-align: right;
  width: 5em;
}

.crud-grid .ordering {
  width: 6em;
  text-align: center;
}

.crud-grid .boolean {
  text-align: center;
}

.crud-grid .date {
  min-width: 8em;
  text-align: center;
}

.crud-grid .image {
  min-width: 50px;
  text-align: center;
}

.crud-grid .button-column {
  text-align: center;
}

.crud-grid .image .img-thumbnail {
  max-width: 48px;
}
.crud-grid .image .img-xs,
.crud-grid .image .img-sm,
.crud-grid .image .img-md {
  padding: 0 !important;
}

.pagination {
  margin-top: 0;
}

.crud-form .tab-content,
.crud-view .tab-content {
  padding-top: 1em;
}

#nav-sideMenu .panel-heading {
  cursor: pointer;
}
#nav-sideMenu ul.nav li ul {
  padding: 0;
  margin: 0;
}
#nav-sideMenu ul.nav li ul li {
  list-style: none;
}
#nav-sideMenu ul.nav li ul li a {
  width: 100%;
  font-weight: bold;
  padding: 10px 15px 15px 45px;
  display: inline-block;
}

.tipText {
  cursor: pointer;
}

.wysiwygHtml h6 {
  font-weight: bold;
  font-size: 105%;
}
.wysiwygHtml h5 {
  font-weight: bold;
  font-size: 110%;
}
.wysiwygHtml h4 {
  font-weight: bold;
  font-size: 120%;
}
.wysiwygHtml h3 {
  font-weight: bold;
  font-size: 125%;
}
.wysiwygHtml h2 {
  font-weight: bold;
  font-size: 130%;
}
.wysiwygHtml h1 {
  font-weight: bold;
  font-size: 135%;
}

.wysiwygHtml img {
  max-width: 100%;
  height: auto;
}

.bootstrap-tagsinput {
  width: 100%;
}
.panel .panel-title a {
  display: block;
  width: 100%;
}

.valign-middle {
  vertical-align: middle !important;
}
.valign-top {
  vertical-align: top !important;
}
.valign-bottom {
  vertical-align: bottom !important;
}

.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
  text-align: left;
}
.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
  text-align: center;
}
.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
  text-align: right;
}
.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
  text-align: justify;
}
.text-center > ul,
.text-center > ol {
  display: inline-block;
  text-align: left;
}

.textcounterOutput {
  color: #999;
  text-align: right;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-role="tagsoutput"] .label,
.bootstrap-tagsinput .label {
  font-size: 14px !important;
}

.tt-dropdown-menu {
  background: #fafafa !important;
  border: 1px solid #ccc;
  padding: 3px;
  margin-top: 4px;
  cursor: pointer;
  width: 10em;
  max-height: 150px;
  overflow-y: auto;
}

.mapView {
  background: white;
  min-height: 200px;
}

.geoCoding-floatingPanel {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 5;
  background-color: #fff;
  padding: 2px;
  border: 1px solid #999;
  text-align: center;
  font-family: "Roboto", "sans-serif";
  line-height: 20px;
  padding-left: 10px;
}

.ys-dropdown.dropdown-menu {
  margin-top: 1px;
}
.ys-dropdown .dropdown-menu li.item {
  margin: 0;
  padding: 3px 5px 3px 5px;
}
.ys-dropdown .dropdown-menu li .selected {
  background: #ddd;
}
.ys-dropdown .dropdown-menu li:hover {
  background: #eee;
}
.ys-dropdown .dropdown-menu li img {
  width: 32px;
  margin-right: 1em;
}

.collapsible .panel-heading a,
.accordion .panel-heading a {
  width: 100%;
  display: inline-block;
}

a.disabled {
  cursor: default;
  color: #aaa;
}

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media (max-width: 767px) {
  .text-left-not-xs,
  .text-center-not-xs,
  .text-right-not-xs,
  .text-justify-not-xs {
    text-align: inherit;
  }
  .text-left-xs {
    text-align: left;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-right-xs {
    text-align: right;
  }
  .text-justify-xs {
    text-align: justify;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-left-not-sm,
  .text-center-not-sm,
  .text-right-not-sm,
  .text-justify-not-sm {
    text-align: inherit;
  }
  .text-left-sm {
    text-align: left;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-right-sm {
    text-align: right;
  }
  .text-justify-sm {
    text-align: justify;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-not-md,
  .text-center-not-md,
  .text-right-not-md,
  .text-justify-not-md {
    text-align: inherit;
  }
  .text-left-md {
    text-align: left;
  }
  .text-center-md {
    text-align: center;
  }
  .text-right-md {
    text-align: right;
  }
  .text-justify-md {
    text-align: justify;
  }
}
@media (min-width: 1200px) {
  .text-left-not-lg,
  .text-center-not-lg,
  .text-right-not-lg,
  .text-justify-not-lg {
    text-align: inherit;
  }
  .text-left-lg {
    text-align: left;
  }
  .text-center-lg {
    text-align: center;
  }
  .text-right-lg {
    text-align: right;
  }
  .text-justify-lg {
    text-align: justify;
  }
}

.table-responsive-OverlayMsg {
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10% 10px;
  font-size: 150%;
  z-index: 300;
  text-shadow: 0 0 3px #000000, 0 0 5px #000000;
}
.table-responsive {
  position: relative;
}

.grayscale,
.graycalse {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

.semi-transparent {
  opacity: 0.5;
}

.darkmode-toggle {
  z-index: 9999999;
  border: 2px solid gray !important;
}
.darkmode-layer {
  z-index: 9999;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}