/*
 * bs3-bridge.css — Bootstrap 3 -> 5.3.x upgrade (see upgrade-to-bootstrap-5.3.8.md, Phase 1).
 *
 * Loaded AFTER bootstrap5.css on flipped families only. Re-implements the BS3 classes the
 * codemod deliberately does NOT rewrite (panels, wells, labels-as-pills, form-group,
 * help-block, control-label, input-group-btn, thumbnails, jumbotrons) so a family is
 * functional immediately after the mechanical class/attribute transforms, before the
 * structural per-area passes (panel -> card, form-group -> mb-3, etc.) land.
 *
 * Values are the stock Bootstrap 3.4.1 defaults (assets/externals/tsbootstrap-jquery/
 * vendor/bootstrap/dist/css/bootstrap.css) — what's actually rendering today — not the
 * Angle theme's per-instance color skins, which the structural pass replaces properly.
 *
 * Do NOT add grid/pull/hidden classes here — those are codemodded exhaustively (rename or
 * dual mode), never bridged. This file shrinks as each area's structural pass removes its
 * last consumer of a rule below; delete rules once `git grep` finds no more matches. Goal
 * is full deletion by the end of Phase 6 (keep only the .label-*/.btn-default aliases if
 * server/DB-generated markup still emits them — see WebDbMigrations seed data).
 */

/* ---- type scale ----------------------------------------------------------------------- */
/* BS3's fixed heading sizes (36/30/24/18/14/12, weight 500, line-height 1.1, BS3 margins).
   BS5 switched h1-h4 to responsive calc() sizes (e.g. .h4 ≈ 24px at desktop widths vs 18px
   in BS3) and h5/.h5 to 20px vs 14px, which blew up every legacy page that sizes text with
   h*/.h* classes (event/facility card titles, panel headings, kendo templates). App sheets
   (webportals.css .h4 { 18px; 700 } etc.) load after this file and still win, as they did
   over BS3's bootstrap.css. */
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1, h2, h3, .h1, .h2, .h3 { margin-top: 20px; margin-bottom: 10px; }
h4, h5, h6, .h4, .h5, .h6 { margin-top: 10px; margin-bottom: 10px; }

/* ---- hidden --------------------------------------------------------------------------- */
/* BS3 utility with no BS5 equivalent class. Still emitted by kendo templates and server
   markup all over (the `<thead class="hidden">` accessibility idiom, etc.) — without this
   the literal placeholder content renders. */
.hidden { display: none !important; }

/* ---- anchors -------------------------------------------------------------------------- */
/* BS3 reboot: links are not underlined until hover/focus. BS5's _reboot.scss underlines
   every anchor by default (including href-less ones that carry a class), which reads as
   a stray decoration on card titles, kendo templates, etc. Restore the BS3 behavior.
   The outline reset mirrors the Angle theme's a{outline:0} so pages that don't load the
   logged-in bundles (login, error) match — no !important, so any page or component can
   still opt back into a visible focus style. */
a {
  outline: 0;
  text-decoration: none !important;
}
a:hover,
a:focus {
  text-decoration: underline;
}

/* ---- btn-default -> btn-secondary -------------------------------------------------- */
/* The codemod renames btn-default to btn-secondary at the markup level — BS5's own
   .btn-secondary (dark gray fill) is what needs restyling. Uses BS5's per-component CSS
   variable hooks (the supported way to reskin a variant) rather than fighting
   .btn-secondary's specificity. .btn-default is kept as an alias for markup the codemod
   didn't reach (dynamically-built class strings, server/DB-generated markup); the theme
   files (theme-light/theme-dark/login-*) re-point their own skins the same way. */
.btn-secondary,
.btn-default {
  --bs-btn-color: #333;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #ccc;
  --bs-btn-hover-color: #333;
  --bs-btn-hover-bg: #e6e6e6;
  --bs-btn-hover-border-color: #adadad;
  --bs-btn-focus-shadow-rgb: 204, 204, 204;
  --bs-btn-active-color: #333;
  --bs-btn-active-bg: #e6e6e6;
  --bs-btn-active-border-color: #8c8c8c;
  --bs-btn-disabled-color: #333;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #ccc;
}

/* ---- panels ------------------------------------------------------------------------- */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body { padding: 15px; }
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle { color: inherit; }
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small { color: inherit; }
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-group .panel { border-radius: 4px; }
.panel-group .panel + .panel { margin-top: 5px; }

.panel-default { border-color: #ddd; }
.panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; }
.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; }

.panel-primary { border-color: #337ab7; }
.panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; }

.panel-success { border-color: #d6e9c6; }
.panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }

.panel-info { border-color: #bce8f1; }
.panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }

.panel-warning { border-color: #faebcc; }
.panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }

.panel-danger { border-color: #ebccd1; }
.panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }

/* ---- well ----------------------------------------------------------------------------- */
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-lg { padding: 24px; border-radius: 6px; }
.well-sm { padding: 9px; border-radius: 3px; }

/* ---- thumbnail -------------------------------------------------------------------- */
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.thumbnail > img,
.thumbnail a > img { margin-right: auto; margin-left: auto; }
.thumbnail .caption { padding: 9px; color: #333; }

/* ---- jumbotron ---------------------------------------------------------------------- */
.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 { color: inherit; }
.jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; }
@media (min-width: 768px) {
  .jumbotron { padding: 48px 0; }
}

/* ---- label -> badge pill (residual, non-codemodded instances only) ----------------- */
/* The codemod converts the "label label-X" idiom to "badge text-bg-X" wherever it finds
   both tokens together. This covers the survivors: dynamically-built class strings the
   codemod's static scan can't see (C# string concatenation, unusual token order). */
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label-default { background-color: #777; }
.label-primary { background-color: #337ab7; }
.label-success { background-color: #5cb85c; }
.label-info { background-color: #5bc0de; }
.label-warning { background-color: #f0ad4e; }
.label-danger { background-color: #d9534f; }

/* ---- close (residual, non-idiom uses only) ----------------------------------------- */
/* The codemod fully rewrites the <button class="close" data-dismiss="modal|alert"> idiom
   to BS5's .btn-close element. This covers .close used outside that idiom (~30% per the
   codemod's own flag count) until the structural pass looks at each one by hand. */
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.close:hover,
.close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; appearance: none; }

/* ---- forms: form-group / control-label / help-block -------------------------------- */
.form-group { margin-bottom: 1rem; } /* BS5 spacing scale; structural pass -> mb-3 utility directly */
.control-label { padding-top: 0.375rem; margin-bottom: 0; } /* matches BS5's own .col-form-label */
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

/* ---- nav / nav-tabs / nav-pills (BS3 li > a structure) -------------------------------- */
/* BS5 only styles .nav-item/.nav-link; navs still using BS3's bare <li><a> markup lost
   bootstrap.css's structural rules when BS3 was dropped. Anchors fell back to
   display:inline — their backgrounds fragment into slivers around the icon/label
   (the POS cart transaction tiles rendered as tiny blue squares with invisible labels)
   — and tabs lost their box/border model. Stock BS3.4.1 values; the theme sheets
   (theme-pos.css, app.css) go on skinning colors over these exactly as they did
   pre-flip. Harmless for BS5-structured navs: these selectors also match
   .nav-item/.nav-link li>a markup, but block display and ~equal padding is what
   BS3's bootstrap.css already applied to them before the flip. */
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a:hover,
.nav > li > a:focus { text-decoration: none; background-color: #eee; }
.nav-pills > li { float: left; }
.nav-pills > li > a { border-radius: 4px; }
.nav-pills > li + li { margin-left: 2px; }
.nav-tabs > li { float: left; margin-bottom: -1px; }
.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; }
.nav-tabs > li > a:hover { border-color: #eee #eee #ddd; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

/* ---- input-group-btn ---------------------------------------------------------------- */
/* BS3's .input-group used table-cell display and never wrapped to a new line. BS5's own
   .input-group sets flex-wrap: wrap (for validation-feedback divs to drop below), which
   instead drops .input-group-btn's buttons onto their own row the moment the row is a
   little tight for space (input placeholder + two buttons) — the "search box, then
   Search/Reset stacked underneath" bug seen across search bars site-wide. Legacy markup
   built around .input-group-btn never expected that; pin the row to one line and keep
   the button wrapper at its natural (not flex-shrunk) width, same as BS3's table-cell.
   !important is required on display/flex-wrap: the app.css/app-dark.css theme bundles
   (/bundles/lighttheme, /bundles/darktheme — loaded on every page, after this file) still
   carry the full BS3 Angle-theme stylesheet, including its own
   `.input-group{display:table}` at equal specificity; without !important that later,
   unqualified rule wins the cascade and silently reverts .input-group to table layout,
   making flex-wrap: nowrap inert (see bs5-migration-cascade-contract memory).
   No :has(.wrapper_ts_overlay) carve-out: an earlier version of this rule excluded
   .wrapper_ts_overlay search bars (servicerequest-filter on Issue/Home, sr-searchgroup on
   Employee/PayrollView) on the assumption that they relied on BS3 table/table-cell display
   to lay .input-group-btn and .wrapper_ts_overlay out side by side. That assumption was
   wrong: true side-by-side table-cell layout requires *each* child to be individually
   display:table-cell (stock BS3's `.input-group-addon,.input-group-btn,.input-group
   .form-control{display:table-cell}`), and that rule doesn't exist anywhere in this
   codebase's bundled app.css. Without it, two consecutive non-table-row children of a
   display:table element collapse into a single anonymous cell and stack in normal block
   flow — table mode never actually put them side by side; it just happened to *look*
   plausible in the source comments. Forcing flex here too (with explicit flex-sizing on
   .wrapper_ts_overlay in townsuite-redesign.css, matching the already-working
   .ev-search-row/.md-welcome pattern) is what actually achieves one-line, full-width
   layout — verified via a static repro loading the real app.css/search_overlay.css. */
.input-group { display: flex !important; flex-wrap: nowrap !important; }
.input-group > .input-group-btn { display: flex; flex: 0 0 auto; }

.m0 { margin: 0 !important; }
.ml0 { margin-left: 0 !important; }
.mr0 { margin-right: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.m { margin: 10px !important; }
.ml { margin-left: 10px !important; }
.mr { margin-right: 10px !important; }
.mt { margin-top: 10px !important; }
.mb { margin-bottom: 10px !important; }
.m-sm { margin: 5px !important; }
.ml-sm { margin-left: 5px !important; }
.mr-sm { margin-right: 5px !important; }
.mt-sm { margin-top: 5px !important; }
.mb-sm { margin-bottom: 5px !important; }
.m-lg { margin: 15px !important; }
.ml-lg { margin-left: 15px !important; }
.mr-lg { margin-right: 15px !important; }
.mt-lg { margin-top: 15px !important; }
.mb-lg { margin-bottom: 15px !important; }
.mt-xl { margin-top: 30px !important; }
.mb-xl { margin-bottom: 30px !important; }
.mh { margin-left: 10px !important; margin-right: 10px !important; }
.mv-lg { margin-top: 15px !important; margin-bottom: 15px !important; }
.p0 { padding: 0 !important; }
.pl0 { padding-left: 0 !important; }
.pr0 { padding-right: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.p { padding: 10px !important; }
.pl { padding-left: 10px !important; }
.pr { padding-right: 10px !important; }
.pt { padding-top: 10px !important; }
.pb { padding-bottom: 10px !important; }
.p-sm { padding: 5px !important; }
.pl-sm { padding-left: 5px !important; }
.pr-sm { padding-right: 5px !important; }
.pt-sm { padding-top: 5px !important; }
.pb-sm { padding-bottom: 5px !important; }
.p-lg { padding: 15px !important; }
.pl-lg { padding-left: 15px !important; }
.pr-lg { padding-right: 15px !important; }
.pt-lg { padding-top: 15px !important; }
.pb-lg { padding-bottom: 15px !important; }
.p-xl { padding: 30px !important; }
.pt-xl { padding-top: 30px !important; }
.pv { padding-top: 10px !important; padding-bottom: 10px !important; }
.ph { padding-left: 10px !important; padding-right: 10px !important; }
.pv-lg { padding-top: 15px !important; padding-bottom: 15px !important; }
.ph-lg { padding-left: 15px !important; padding-right: 15px !important; }
.pv-sm { padding-top: 5px !important; padding-bottom: 5px !important; }

.b0 { border-width: 0 !important; }
.bt0 { border-top-width: 0 !important; }
.br { border-right: 1px solid rgba(0,0,0,.12); }
.bl { border-left: 1px solid rgba(0,0,0,.12); }
.bt { border-top: 1px solid rgba(0,0,0,.12); }
.bb { border-bottom: 1px solid rgba(0,0,0,.12); }
.text-white { color: #fff; }
.text-purple { color: #7266ba; }
.text-dark { color: #3a3f51; }
.text-green { color: #37bc9b; }
.text-yellow { color: #fad732; }
.text-gray-dark { color: #3a3f51; }
.text-gray { color: #dde6e9; }
.text-sm { font-size: 11.9px; }
.text-md { font-size: 26.6px; }
.text-nowrap { white-space: nowrap; }
.text-normal { font-weight: 400 !important; }
.text-bold { font-weight: 700 !important; }
.inline { display: inline-block !important; }
.block-center { margin: 0 auto; }
.bg-primary { background-color: #5d9cec; color: #fff !important; }
.bg-primary-light { background-color: #8bb8f1; color: #fff !important; }
.bg-primary-dark { background-color: #2f80e7; color: #fff !important; }
.bg-success { background-color: #27c24c; color: #fff !important; }
.bg-info { background-color: #23b7e5; color: #fff !important; }
.bg-info-light { background-color: #51c6ea; color: #fff !important; }
.bg-info-dark { background-color: #1797be; color: #fff !important; }
.bg-warning { background-color: #ff902b; color: #fff !important; }
.bg-warning-dark { background-color: #f77600; color: #fff !important; }
.bg-danger { background-color: #f05050; color: #fff !important; }
.bg-danger-dark { background-color: #ec2121; color: #fff !important; }
.bg-green { background-color: #37bc9b; color: #fff !important; }
.bg-green-light { background-color: #58ceb1; color: #fff !important; }
.bg-green-dark { background-color: #2b957a; color: #fff !important; }
.bg-purple { background-color: #7266ba; color: #fff !important; }
.bg-purple-dark { background-color: #564aa3; color: #fff !important; }
.bg-inverse { background-color: #131e26; color: #fff !important; }
.bg-gray-darker { background-color: #232735; color: #fff !important; }
.bg-gray-dark { background-color: #3a3f51; color: #fff !important; }
.bg-gray { background-color: #dde6e9; color: #515253 !important; }
.bg-gray-lighter { background-color: #edf1f2; color: #515253 !important; }
.bg-transparent { background-color: transparent !important; }
.bg-cover { background-size: cover; }
.thumb24 { width: 24px !important; height: 24px !important; }
.thumb32 { width: 32px !important; height: 32px !important; }
.thumb48 { width: 48px !important; height: 48px !important; }
.thumb64 { width: 64px !important; height: 64px !important; }
.thumb80 { width: 80px !important; height: 80px !important; }
.thumb96 { width: 96px !important; height: 96px !important; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }
.wd-xs { width: 90px; }
.wd-sm { width: 150px; }
.wd-sd { width: 200px; }
.wd-xl { width: 320px; }
.wd-wide { width: 100%; }
.wd-auto { width: auto; }
.clickable { cursor: pointer; }
.link-unstyled { text-decoration: none !important; outline: 0 !important; }
.no-resize { resize: none; max-width: 100%; min-width: 100%; }
.bg-red-500 { background-color: #f44336; }
.bg-purple-500 { background-color: #9c27b0; }
.bg-deep-purple-600 { background-color: #5e35b1; }
.bg-indigo-300 { background-color: #7986cb; }
.bg-indigo-500 { background-color: #3f51b5; }
.bg-blue-50 { background-color: #e3f2fd; }
.bg-blue-300 { background-color: #64b5f6; }
.bg-blue-500 { background-color: #2196f3; }
.bg-green-200 { background-color: #a5d6a7; }
.bg-green-400 { background-color: #66bb6a; }
.bg-green-500 { background-color: #4caf50; }
.bg-orange-500 { background-color: #ff9800; }
.bg-deep-orange-100 { background-color: #ffccbc; }
.bg-deep-orange-400 { background-color: #ff7043; }
.cursor-pointer { cursor: pointer; }

.switch .form-control { padding-top: 7px; margin-bottom: 0; }
.switch * { cursor: pointer; }
.switch input { opacity: 0; position: absolute; z-index: -1; }
.switch span { position: relative; display: inline-block; width: 40px; height: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 100px; transition: all .5s; box-shadow: 1px 2px 3px rgba(0,0,0,.1) inset; vertical-align: middle; }
.switch span:after { content: ""; position: absolute; background-color: #fff; top: 0; left: 0; height: 18px; width: 18px; border: 1px solid #ddd; border-radius: 400px; box-shadow: 1px 1px 3px rgba(0,0,0,.1); -webkit-transition: all .2s; }
.switch.switch-lg span { width: 50px; height: 25px; }
.switch.switch-lg span:after { height: 23px; width: 23px; }
.switch input:checked+span { background-color: #5d9cec; border-color: #5d9cec; transition: all .5s; }
.switch input:checked+span:after { left: 50%; transition: all .2s; }
.switch input:disabled+span { background-color: #f1f1f1; cursor: not-allowed; }

.c-checkbox, .c-radio { margin-right: 4px; }
.c-checkbox *, .c-radio * { cursor: pointer; }
.c-checkbox input, .c-radio input { opacity: 0; position: absolute; margin-left: 0 !important; }
.c-checkbox span, .c-radio span { position: relative; display: inline-block; vertical-align: top; margin-left: -20px; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #ccc; margin-right: 5px; text-align: center; }
.c-checkbox span:before, .c-radio span:before { margin-left: 1px; }
.c-checkbox:hover span, .c-radio:hover span { border-color: #5d9cec; }
.c-radio span { border-radius: 500px; }
.c-checkbox span:before, .c-radio span:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; text-align: center !important; font-size: 12px; line-height: 18px; vertical-align: middle; }
.c-checkbox input[type=checkbox]:checked+span:before, .c-checkbox input[type=radio]:checked+span:before, .c-radio input[type=checkbox]:checked+span:before, .c-radio input[type=radio]:checked+span:before { color: #fff; opacity: 1; transition: color .3s ease-out; }
.c-checkbox input[type=checkbox]:checked+span, .c-checkbox input[type=radio]:checked+span, .c-radio input[type=checkbox]:checked+span, .c-radio input[type=radio]:checked+span { border-color: #5d9cec; background-color: #5d9cec; }
.c-checkbox input[type=radio]:checked+span, .c-radio input[type=radio]:checked+span { background-color: #fff; }
.c-checkbox input[type=radio]:checked+span:before, .c-radio input[type=radio]:checked+span:before { color: #5d9cec; }
.c-checkbox input[type=checkbox]:disabled+span, .c-checkbox input[type=radio]:disabled+span, .c-radio input[type=checkbox]:disabled+span, .c-radio input[type=radio]:disabled+span { border-color: #ddd !important; background-color: #ddd !important; }
.c-checkbox input[type=radio]:disabled+span, .c-radio input[type=radio]:disabled+span { background-color: #fff !important; }
.c-checkbox input[type=radio]:disabled+span:before, .c-radio input[type=radio]:disabled+span:before { color: #ddd; }
.checkbox input:focus+.indicator { outline-width: 0; outline-style: solid; }
.checkbox input:checked+.indicator:before { content: "\2713"; padding-top: 0; font-size: 11px; }
.checkbox .indicator:before { content: ''; border-width: 1px; border-style: solid; border-radius: 3px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; padding: 2px; margin-top: -5px; text-align: center; margin-right: 5px; }
.checkbox-inline { margin-right: 10px; }
.checkbox-inline input:focus+.indicator { outline-width: 0; outline-style: solid; }
.checkbox-inline input:checked+.indicator:before { content: "\2713"; padding-top: 0; font-size: 11px; }
.checkbox-inline .indicator:before { content: ''; border-width: 1px; border-style: solid; border-radius: 3px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; padding: 2px; margin-top: -5px; text-align: center; margin-right: 5px; }
.radio input:focus+.indicator { outline-width: 0; outline-style: solid; }
.radio-inline input:focus+.indicator { outline-width: 0; outline-style: solid; }

.panel>.list-group .list-group-item { border-top: 0; }
.panel .panel-heading { border-bottom: 0; font-size: 14px; }
.panel .panel-heading a { text-decoration: none !important; }
.panel.panel-default { border-top-width: 3px; }
.panel-arrow { display: none; }
.panel-arrow .arrow_box:before, .panel-arrow:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; top: 31px; z-index: 2001; }
.panel-arrow:after { border-color: rgba(255,255,255,0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; }
.panel .table { margin-bottom: 0; border: 0; }
.panel.panel-transparent { border: 0; background-color: transparent; box-shadow: 0 0 0 #000; }
.panel.panel-transparent .panel-body, .panel.panel-transparent .panel-heading { background-color: transparent; padding-left: 0; padding-right: 0; }
.panel-flat { margin: 0 !important; border: 0; }
.panel-group .panel-flat { box-shadow: 0 0 0 #000; }
.panel-group .panel-flat:first-child { border-radius: 4px 4px 0 0; }
.panel-group .panel-flat:last-child { border-radius: 0 0 4px 4px; }
.panel-heading>a[data-tool] { display: inline-block; color: #fff; width: 2em; text-align: center; }
.panel-default .panel-heading>a[data-tool] { color: #c1c2c3; }
.panel-heading>.label.pull-right { margin-top: 3px; }
.panel-heading>.label.pull-right+.label.pull-right { margin-right: 10px; }
.panel-heading.panel-heading-collapsed { border-radius: 3px; }
.panel-footer .pagination { margin: 0; }
.panel-footer p { margin-bottom: 0; }
.panel-heading-active { background-color: #27c24c !important; font-weight: 700; font-size: 16px; }
.panel-heading-active>a { padding: 15px 0; color: #fff !important; -webkit-transition: padding .5s ease; -o-transition: padding .5s ease; transition: padding .5s ease; }
.panel-heading-active+.panel-collapse:after { content: ""; display: block; width: 60%; margin: 0 auto; height: 0; border-bottom: 1px solid #e1e2e3; }
.panel-inverse { border-color: #cfdbe2; }
.panel-inverse>.panel-heading { color: #fff; background-color: #131e26; border-color: #131e26; }
.panel-inverse>.panel-heading+.panel-collapse>.panel-body { border-top-color: #cfdbe2; }
.panel-inverse>.panel-heading .badge { color: #131e26; background-color: #fff; }
.panel-inverse>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #cfdbe2; }
.panel-green { border-color: #cfdbe2; }
.panel-green>.panel-heading { color: #fff; background-color: #37bc9b; border-color: #37bc9b; }
.panel-green>.panel-heading+.panel-collapse>.panel-body { border-top-color: #cfdbe2; }
.panel-green>.panel-heading .badge { color: #37bc9b; background-color: #fff; }
.panel-green>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #cfdbe2; }
.panel-pink { border-color: #cfdbe2; }
.panel-pink>.panel-heading { color: #fff; background-color: #f532e5; border-color: #f532e5; }
.panel-pink>.panel-heading+.panel-collapse>.panel-body { border-top-color: #cfdbe2; }
.panel-pink>.panel-heading .badge { color: #f532e5; background-color: #fff; }
.panel-pink>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #cfdbe2; }
.panel-purple { border-color: #cfdbe2; }
.panel-purple>.panel-heading { color: #fff; background-color: #7266ba; border-color: #7266ba; }
.panel-purple>.panel-heading+.panel-collapse>.panel-body { border-top-color: #cfdbe2; }
.panel-purple>.panel-heading .badge { color: #7266ba; background-color: #fff; }
.panel-purple>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #cfdbe2; }
.panel-dark { border-color: #cfdbe2; }
.panel-dark>.panel-heading { color: #fff; background-color: #3a3f51; border-color: #3a3f51; }
.panel-dark>.panel-heading+.panel-collapse>.panel-body { border-top-color: #cfdbe2; }
.panel-dark>.panel-heading .badge { color: #3a3f51; background-color: #fff; }
.panel-dark>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #cfdbe2; }
.panel-heading .img-responsive { max-height: 100px; display: block; margin-left: auto; margin-right: auto; }
.panel-00 { border-radius: 0; padding: 20px; margin-bottom: 21px; border: none !important; border-radius: 4px; }
.panel-00 .panel-body { padding: 0; }
.panel-header { font-size: 15px; }
.panel-section { padding: 15px; }

.card { position: relative; background-color: #fff; margin-bottom: 20px; }
.card .card-heading { padding: 20px 22px; }
.card .card-heading>.card-title { margin: 0; font-size: 18px; }
.card .card-heading>.card-icon { float: right; color: rgba(255,255,255,.87); font-size: 20px; }
.card .card-body { position: relative; padding: 20px 22px; }
.card .card-item { position: relative; min-height: 120px; }
.card .card-item>p { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.15); margin: 0; }
.card .card-offset { position: relative; }
.card .card-footer { padding: 10px 22px; }
.card-link:hover { text-decoration: none; }
.card-link+.card-link { margin-left: 1.25rem; }
.card-img { border-radius: .25rem; }

.input-group .btn { font-size: 14px; border-color: #dde6e9; }
.input-group .input-sm+.input-group-btn .btn { font-size: 13px; }
.form-control { box-shadow: 0 0 0 #000 !important; }
.input-md { width: 260px; }

.nav-tabs .nav-link { font-weight: 700; color: #515253; background-color: #edf1f2; margin: 0; border: 1px solid #dde6e9; border-radius: 0; padding: 10px 20px; }
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover { color: inherit; border-bottom-color: #fff; }
.tab-content { padding: 10px 20px; border-style: solid; border-width: 0 1px 1px 1px; border-color: #dde6e9; }
.nav-pills+.tab-content { border: 0; padding: 0; }
.nav.nav-pills .active>a { background-color: #5d9cec; }

.list-group { line-height: 1.3; }
.list-group .list-group-item { padding: 10px; }

.wrapper { position: relative; width: 100%; height: auto; min-height: 100%; overflow-x: hidden; overflow-y: hidden; }
.wrapper>.aside { position: absolute; width: 220px; top: 0; left: 0; bottom: 0; z-index: 116; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-color: #fff; }
.wrapper>.aside>.nav-floating { left: inherit; margin-left: 220px; z-index: 1110; min-width: 190px; overflow: auto; }
.wrapper>section { position: relative; height: 100%; margin-left: 0; z-index: 111; background-color: #f5f7fa; margin-bottom: 60px !important; }
.wrapper>footer { position: absolute; left: 0; right: 0; bottom: 0; height: 60px; border-top: 1px solid #e4eaec; padding: 20px; z-index: 109; }
.wrapper>footer>p { margin: 0; }
.content-wrapper { padding: 15px; width: 100%; border-top: 1px solid rgba(0,0,0,.15); margin-top: -1px; }
.content-wrapper>.unwrap { margin: -15px; }
.content-wrapper>.content-heading, .content-wrapper>h3 { font-size: 24px; line-height: 1.1; color: #929292; margin: -15px; margin-bottom: 20px; padding: 15px; font-weight: 400; background-color: #fafbfc; border-bottom: 1px solid #cfdbe2; }
.content-wrapper>.content-heading>small, .content-wrapper>h3>small { display: block; font-size: 12px; color: #909fa7; }
.content-wrapper>.btn, .content-wrapper>button { margin: 10px 10px 0 0; }
.content-wrapper .container, .content-wrapper .container-fluid { padding-left: 0; padding-right: 0; }
.aside-collapsed { overflow-y: auto; }
.aside-collapsed .wrapper>.aside, .aside-collapsed .wrapper>.aside>.aside-inner { width: 70px; }
.aside-collapsed .wrapper>.aside>.nav-floating { margin-left: 70px; }
.layout-fixed .wrapper .topnavbar-wrapper { position: fixed; top: 0; width: 100%; z-index: 121; }
.layout-fixed .wrapper>aside { position: fixed; }
.layout-fixed .wrapper>.aside { height: 1px; min-height: 100%; }
.layout-fixed .wrapper>section { margin-top: 114px; }
.scroll { overflow: auto; }
.wrapper>.aside { -webkit-transition: width .2s cubic-bezier(.35,0,.25,1),translate .2s cubic-bezier(.35,0,.25,1); -o-transition: width .2s cubic-bezier(.35,0,.25,1),translate .2s cubic-bezier(.35,0,.25,1); transition: width .2s cubic-bezier(.35,0,.25,1),translate .2s cubic-bezier(.35,0,.25,1); }
.wrapper>section { -webkit-transition: margin-left .2s cubic-bezier(.35,0,.25,1); -o-transition: margin-left .2s cubic-bezier(.35,0,.25,1); transition: margin-left .2s cubic-bezier(.35,0,.25,1); }
.sidebar>.nav .label { -webkit-animation: fadeInRight 1s; -o-animation: fadeInRight 1s; animation: fadeInRight 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.sidebar .nav .nav-link { -webkit-animation: fadeInLeft .5s; -o-animation: fadeInLeft .5s; animation: fadeInLeft .5s; }
.sidebar li>.nav-item, .sidebar li>a, .sidebar>.nav>.nav-heading { white-space: nowrap; }
.topnavbar { -webkit-backface-visibility: hidden; margin-bottom: 0; border-radius: 0; background-color: #fff; z-index: 1050; border: 0; border-bottom: 1px solid rgba(0,0,0,.15); }
.topnavbar { position: relative; }
.topnavbar .navbar-header { background-color: transparent; }
.topnavbar .navbar-header { position: relative; z-index: 11; }
.topnavbar .navbar-header .navbar-brand { padding: 0; }
.topnavbar .navbar-nav>li>.navbar-text { color: #397ba3; }
.topnavbar .navbar-nav>.open>a, .topnavbar .navbar-nav .nav-link { color: #397ba3; }
.topnavbar .navbar-nav>.open>a:focus, .topnavbar .navbar-nav>.open>a:hover, .topnavbar .navbar-nav .nav-link:focus, .topnavbar .navbar-nav .nav-link:hover { color: #1f4257; }
.topnavbar .navbar-nav>.active>a, .topnavbar .navbar-nav>.active>a:focus, .topnavbar .navbar-nav>.active>a:hover, .topnavbar .navbar-nav>.open>a, .topnavbar .navbar-nav>.open>a:focus, .topnavbar .navbar-nav>.open>a:hover { background-color: transparent; }
.topnavbar .navbar-nav>li>[data-toggle=navbar-search] { position: absolute; top: 0; right: 0; z-index: 20; font-size: 16px; line-height: 55px; color: #fff; padding-top: 0; padding-bottom: 0; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; }
.nav-wrapper { padding: 0 15px; background-color: transparent; }
.nav-wrapper .nav.navbar-nav { float: left; }
.nav-wrapper .nav.navbar-nav.navbar-right { float: right; }
.nav-wrapper .nav>li { position: static; float: left; }
.nav-wrapper .navbar-nav .open .dropdown-menu { position: absolute; background-color: #fff; left: 0; right: 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.sidebar { height: 100%; padding-bottom: 20px; background-color: #fff; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.sidebar:after { content: ""; background: rgba(0,0,0,.15); position: absolute; display: block; top: 0; bottom: 0; right: 0; width: 1px; -webkit-transform: translateZ(0); }
.sidebar .nav-heading { padding: 12px 15px; color: #919da8; font-size: 13px; letter-spacing: .035em; pointer-events: none; cursor: default; }
.sidebar>.nav { position: relative; }
.sidebar>.nav>.nav-heading:first-child { padding-top: 20px; }
.sidebar>.nav>li { border-left: 3px solid transparent; -webkit-transition: border-left-color .4s ease; -o-transition: border-left-color .4s ease; transition: border-left-color .4s ease; }
.sidebar>.nav>li>.nav-item, .sidebar>.nav .nav-link { padding: 12px 24px; color: #515253; letter-spacing: .025em; font-weight: 400; cursor: pointer; }
.sidebar>.nav>li>.nav-item:focus, .sidebar>.nav>li>.nav-item:hover, .sidebar>.nav .nav-link:focus, .sidebar>.nav .nav-link:hover { text-decoration: none; outline: 0; color: #397ba3; }
.sidebar>.nav>li>.nav-item>em, .sidebar>.nav .nav-link>em { width: 1.8em; display: inline-block; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; color: inherits; }
.sidebar>.nav>li.active, .sidebar>.nav>li.active .nav, .sidebar>.nav>li.active>.nav-item, .sidebar>.nav .nav-link.active, .sidebar>.nav>li.open, .sidebar>.nav>li.open .nav, .sidebar>.nav>li.open>.nav-item, .sidebar>.nav .nav-link.show { background-color: #fcfcfc; color: #397ba3; }
.sidebar>.nav>li.active>.nav-item>em, .sidebar>.nav .nav-link.active>em, .sidebar>.nav>li.open>.nav-item>em, .sidebar>.nav .nav-link.show>em { color: #397ba3; }
.sidebar>.nav>li.active { border-left-color: #397ba3; }
.sidebar>.nav .label { display: block; }
.sidebar-subnav { background-color: #fff; }
.sidebar-subnav>.sidebar-subnav-header { color: #515253; display: none; padding: 10px 20px; font-weight: 700; }
.sidebar-subnav>li { border-left: 0 !important; }
.sidebar-subnav>li>.nav-item, .sidebar-subnav>li>a { display: block; position: relative; padding: 10px 20px; padding-left: 53px; font-weight: 400; background-color: transparent !important; color: #515253; }
.sidebar-subnav>li>.nav-item:focus, .sidebar-subnav>li>.nav-item:hover, .sidebar-subnav>li>a:focus, .sidebar-subnav>li>a:hover { color: #397ba3; }
.sidebar-subnav>li>.nav-item>em, .sidebar-subnav>li>a>em { display: inline-block; width: 1.8em; margin: 0 0 0 -2em; }
.sidebar-subnav>li.active>.nav-item, .sidebar-subnav>li.active>a { color: #397ba3; }
.sidebar-subnav>li.active>.nav-item:after, .sidebar-subnav>li.active>a:after { border-color: #397ba3; background-color: #397ba3; }
.sidebar-subnav>li .nav>li { padding-left: 5px; }
.sidebar-subnav.nav-floating { border: 1px solid rgba(0,0,0,.15); margin-left: -1px; }
.sidebar-subnav.nav-floating, .sidebar-subnav.nav-floating .collapse { height: auto !important; display: block !important; visibility: visible !important; }
.sidebar-subnav.nav-floating>.sidebar-subnav-header { display: block; }
.sidebar-subnav.nav-floating li>.nav-item, .sidebar-subnav.nav-floating li>a { padding-left: 20px; }
.sidebar-subnav.nav-floating li>.nav-item em, .sidebar-subnav.nav-floating li>a em { margin-left: 0; }
.offsidebar { position: absolute; top: 0; bottom: 0; right: 0; width: 235px; margin-top: 114px; border-left: 1px solid #ccc; background-color: #fff; color: #515253; z-index: -1; overflow: auto; -webkit-overflow-scrolling: touch; }
.offsidebar>nav { min-height: 100%; overflow: hidden; -webkit-transform: translateZ(0); }
.offsidebar .progress { border: 0; }
.offsidebar .nav .nav-link:focus, .offsidebar .nav .nav-link:hover { background-color: rgba(0,0,0,.025); }
.offsidebar .tab-content { padding: 0; border: 0; }
.offsidebar .nav-tabs.nav-justified .nav-link, .offsidebar .nav-tabs.nav-justified .nav-link:focus, .offsidebar .nav-tabs.nav-justified .nav-link:hover { background-color: transparent; border: 0; border-right: 1px solid rgba(0,0,0,.05); border-bottom: 1px solid rgba(0,0,0,.05); border-radius: 0; color: #909fa7; }
.offsidebar .nav-tabs.nav-justified .nav-link.active { color: #5d9cec; }
.offsidebar { right: -235px; transition: right .3s ease, z-index 0s linear .3s; }
.offsidebar-open .offsidebar { right: 0; transition: right .3s ease; }

.glyphicon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.glyphicon.pull-left { margin-right: .3em; }
.glyphicon.pull-right { margin-left: .3em; }
.glyphicon.glyphicon-chevron-left:before { content: "\f053"; }
.glyphicon.glyphicon-chevron-right:before { content: "\f054"; }
.glyphicon.glyphicon-chevron-up:before { content: "\f077"; }
.glyphicon.glyphicon-chevron-down:before { content: "\f078"; }
.well { border: 1px solid #dde6e9; }
.jumbotron { border: 1px solid #dde6e9; }
.progress { -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; border-radius: 3px; border: 1px solid #f1f1f1; background-color: #fff; }
.progress .progress-bar { -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; }
.popover { box-shadow: 0 0 0 #000; border-color: #eee; border-bottom: 2px solid #e4eaec; border-radius: 3px; }
.popover .popover-title { border: 0; }
.dropdown-menu { border-radius: 3px; }
.dropdown-header { color: #a1a2a3; }
.modal-backdrop { position: fixed; bottom: 0; }
.breadcrumb { font-weight: 400; border-radius: 0; color: #909fa7; padding: 10px 20px; }
.timeline, .timeline-alt { list-style: none; padding: 0 0 20px; position: relative; z-index: 0; }
.timeline-alt:before, .timeline:before { position: absolute; top: 0; bottom: 0; content: " "; width: 1px; background-color: #d1d2d3; left: 18px; }
.timeline .timeline-end, .timeline-alt .timeline-end { float: none; clear: both; }
.timeline .popover.left>.arrow:after, .timeline-alt .popover.left>.arrow:after { border-left-color: #fff; }
.timeline .popover.right>.arrow:after, .timeline-alt .popover.right>.arrow:after { border-right-color: #fff; }
.timeline .popover.left>.popover-title+.arrow:after, .timeline-alt .popover.left>.popover-title+.arrow:after { border-left-color: #fafafa; }
.timeline .popover.right>.popover-title+.arrow:after, .timeline-alt .popover.right>.popover-title+.arrow:after { border-right-color: #fafafa; }
.timeline-alt>li, .timeline>li { margin-bottom: 20px; }
.timeline-alt>li:after, .timeline-alt>li:before, .timeline>li:after, .timeline>li:before { display: table; content: " "; }
.timeline-alt>li:after, .timeline>li:after { clear: both; }
.timeline-alt>li.timeline-separator, .timeline>li.timeline-separator { position: relative; float: none; clear: both; margin: 0 auto; padding: 40px 0; }
.timeline-alt>li.timeline-separator:first-child, .timeline>li.timeline-separator:first-child { padding-top: 0; }
.timeline-alt>li.timeline-separator:before, .timeline>li.timeline-separator:before { content: attr(data-datetime); display: inline-block; width: 120px; text-align: center; padding: 0 20px; line-height: 30px; background-color: #b6c5da; color: #fff; }
.timeline-alt>li>.timeline-panel, .timeline>li>.timeline-panel { margin-left: 60px; }
.timeline-alt>li>.timeline-panel .popover, .timeline>li>.timeline-panel .popover { position: relative; display: block; margin: 0; width: 100%; max-width: none; }
.timeline-alt>li>.timeline-panel .popover .arrow, .timeline>li>.timeline-panel .popover .arrow { top: 18px; display: none; }
.timeline-alt>li>.timeline-panel .popover .popover-content .popover-title, .timeline>li>.timeline-panel .popover .popover-content .popover-title { background-color: transparent; border: 0; padding-left: 0; padding-top: 0; }
.timeline-alt>li>.timeline-badge, .timeline>li>.timeline-badge { position: absolute; left: 0; width: 36px; height: 36px; border-radius: 500px; line-height: 36px; font-size: 1em; text-align: center; color: #fff; background-color: #999; z-index: 100; }
.timeline-alt>li>.timeline-badge.primary, .timeline>li>.timeline-badge.primary { background-color: #5d9cec; }
.timeline-alt>li>.timeline-badge.success, .timeline>li>.timeline-badge.success { background-color: #27c24c; }
.timeline-alt>li>.timeline-badge.warning, .timeline>li>.timeline-badge.warning { background-color: #ff902b; }
.timeline-alt>li>.timeline-badge.danger, .timeline>li>.timeline-badge.danger { background-color: #f05050; }
.timeline-alt>li>.timeline-badge.info, .timeline>li>.timeline-badge.info { background-color: #23b7e5; }
.timeline-alt>li>.timeline-badge.inverse, .timeline>li>.timeline-badge.inverse { background-color: #131e26; }
.timeline-alt>li>.timeline-badge.green, .timeline>li>.timeline-badge.green { background-color: #37bc9b; }
.timeline-alt>li>.timeline-badge.purple, .timeline>li>.timeline-badge.purple { background-color: #7266ba; }
.timeline-alt>li>.timeline-badge.dark, .timeline>li>.timeline-badge.dark { background-color: #3a3f51; }
.timeline-alt>li>.timeline-badge.yellow, .timeline>li>.timeline-badge.yellow { background-color: #fad732; }
.timeline-alt .popover .arrow { display: block !important; }
.container-lg { max-width: 1170px; width: auto; }
.row-table { display: table; table-layout: fixed; height: 100%; width: 100%; margin: 0; }
.row-table>[class*=col-] { display: table-cell; float: none; table-layout: fixed; vertical-align: middle; }
.widget { margin-bottom: 20px; border: 0; }
.widget .panel, .widget.panel { overflow: hidden; }
.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; }
.table-responsive { border: 0; }
.uk-notify { position: fixed; top: 50px; left: 50px; z-index: 10040; -moz-box-sizing: border-box; box-sizing: border-box; width: 350px; }
.uk-notify-bottom-right, .uk-notify-top-right { left: auto; right: 50px; }
.uk-notify-bottom-center, .uk-notify-top-center { left: 50%; margin-left: -175px; }
.uk-notify-bottom-center, .uk-notify-bottom-left, .uk-notify-bottom-right { top: auto; bottom: 50px; }
.uk-notify-message { position: relative; margin-bottom: 10px; padding: 15px; font-size: 16px; line-height: 22px; border-radius: 3px; padding-right: 35px; cursor: pointer; }
.uk-notify-message.alert.alert-normal { background: #444; color: #fff; }
.uk-notify-message>.close { visibility: hidden; }
.uk-notify-message:hover>.close { visibility: visible; }
.loader-demo { height: 150px; padding-top: 50px; text-align: center; }
.loader-demo>div { display: inline-block; }
.alert-purple { color: #fff; background-color: #7266ba; border-color: #7266ba; }
.alert-purple .alert-link { color: #e6e6e6; }
.alert-green { color: #fff; background-color: #37bc9b; border-color: #37bc9b; }
.alert-green .alert-link { color: #e6e6e6; }
.alert-pink { color: #fff; background-color: #f532e5; border-color: #f532e5; }
.alert-pink .alert-link { color: #e6e6e6; }
.alert-inverse { color: #fff; background-color: #131e26; border-color: #131e26; }
.alert-inverse .alert-link { color: #e6e6e6; }
.media-box, .media-box-body { overflow: hidden; zoom: 1; }
.media-box, .media-box .media-box { margin-top: 15px; }
.media-box:first-child { margin-top: 0; }
.media-box-object { display: block; }
.media-box-heading { margin: 0 0 5px; }
.media-box>.pull-left { margin-right: 10px; }
.media-box>.pull-right { margin-left: 10px; }
.md-welcome { margin: -20px; margin-bottom: 0; }
.mda-list { list-style-type: none; margin: 0; padding: 0 16px; }
.mda-list>.mda-list-item:after, .mda-list>.mda-list-item:before { display: table; content: " "; }
.mda-list>.mda-list-item:after { clear: both; }
.mda-list>.mda-list-item>.mda-list-item-icon, .mda-list>.mda-list-item>.mda-list-item-img, .mda-list>.mda-list-item>.mda-list-item-initial { float: left; width: 48px; height: 48px; margin-top: 20px; margin-bottom: 8px; margin-right: 16px; border-radius: 50%; }
.mda-list>.mda-list-item>.mda-list-item-text { float: left; padding: 20px 0; }
.mda-list>.mda-list-item>.mda-list-item-text h3 { font-size: 16px; font-weight: 400; letter-spacing: .01em; margin: 0 0 6px; line-height: .75em; }
.mda-list>.mda-list-item>.mda-list-item-text h4 { font-size: 14px; letter-spacing: .01em; font-weight: 400; margin: 10px 0 5px; line-height: .75em; }
.mda-list>.mda-list-item>.mda-list-item-text p { font-size: 14px; font-weight: 500; margin: 0; line-height: 1.6em; }

.btn.btn-link { box-shadow: none; border: 0; }
.btn-inverse .badge { color: #131e26; background-color: #fff; }
.btn-green .badge { color: #37bc9b; background-color: #fff; }
.btn-purple .badge { color: #7266ba; background-color: #fff; }
.btn-pink .badge { color: #f532e5; background-color: #fff; }
.btn-outline { background-color: transparent; }
.btn-outline.active, .btn-outline.focus, .btn-outline.hover, .btn-outline:active, .btn-outline:focus, .btn-outline:hover { color: #fff; }

.table>thead>tr>th { border-bottom-width: 1px; }
.table>tbody+tbody { border-bottom-width: 1px; }
.table>thead>tr>th { padding: 14px 8px; color: #888; }
.table>tbody>tr>td { vertical-align: middle; }
.table>tbody>tr>td>.media img { width: 36px; height: 36px; margin: 0 auto; }
.table .checkbox { margin: 0 auto; width: 20px; }
.table .progress { margin-bottom: 0; }

.dropdown-list>.dropdown-menu { padding: 0; min-width: 220px; }
.dropdown-list .list-group { margin: 0; }
.dropdown-list .list-group-item { border-radius: 0; border-left: 0; border-right: 0; }
.dropdown-list .list-group-item:first-child { border-top: 0; }
.dropdown-list .list-group-item:last-child { border-bottom: 0; }
.dropdown>a { position: relative; }
.dropdown>a>.label { position: absolute; top: 0; right: 0; padding: 2px 5px; }

.navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item { color: #666; }
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:hover { color: #222; }

.label-inverse { background-color: #131e26; }
.label-inverse[href]:focus, .label-inverse[href]:hover { background-color: #020304; }
.label-green { background-color: #37bc9b; }
.label-green[href]:focus, .label-green[href]:hover { background-color: #2b957a; }

.bg-primary small { color: inherit; }
.bg-success small { color: inherit; }
.bg-info small { color: inherit; }
.bg-warning small { color: inherit; }
.bg-danger small { color: inherit; }
.bg-green small { color: inherit; }
.bg-purple small { color: inherit; }
.bg-inverse small { color: inherit; }

[data-now] { display: inline-block; }
.aside-collapsed .sidebar>.nav .label, .aside-collapsed-text .sidebar>.nav .label { -webkit-animation: fadeIn 1s; -o-animation: fadeIn 1s; animation: fadeIn 1s; }
.aside-collapsed .sidebar, .aside-collapsed-text .sidebar { overflow-x: hidden; }
.aside-collapsed .sidebar>.nav .nav, .aside-collapsed .sidebar>.nav>.nav-heading, .aside-collapsed .sidebar>.nav>li>.nav-item>span, .aside-collapsed .sidebar>.nav .nav-link>span, .aside-collapsed-text .sidebar>.nav .nav, .aside-collapsed-text .sidebar>.nav>.nav-heading, .aside-collapsed-text .sidebar>.nav>li>.nav-item>span, .aside-collapsed-text .sidebar>.nav .nav-link>span { display: none !important; }
.aside-collapsed .sidebar>.nav>li, .aside-collapsed-text .sidebar>.nav>li { width: 68px; }
.aside-collapsed .sidebar>.nav>li>.nav-item, .aside-collapsed .sidebar>.nav .nav-link, .aside-collapsed-text .sidebar>.nav>li>.nav-item, .aside-collapsed-text .sidebar>.nav .nav-link { text-indent: -3px; padding: 20px 0; text-align: center; }
.aside-collapsed .sidebar>.nav>li>.nav-item>em, .aside-collapsed .sidebar>.nav .nav-link>em, .aside-collapsed-text .sidebar>.nav>li>.nav-item>em, .aside-collapsed-text .sidebar>.nav .nav-link>em { font-size: 1.6em; width: auto; }
.aside-collapsed .sidebar>.nav>li>.nav-item:focus, .aside-collapsed .sidebar>.nav .nav-link:focus, .aside-collapsed-text .sidebar>.nav>li>.nav-item:focus, .aside-collapsed-text .sidebar>.nav .nav-link:focus { background-color: transparent; }
.aside-collapsed .sidebar>.nav>li>.nav-item:focus>em, .aside-collapsed .sidebar>.nav .nav-link:focus>em, .aside-collapsed-text .sidebar>.nav>li>.nav-item:focus>em, .aside-collapsed-text .sidebar>.nav .nav-link:focus>em { color: inherit; }
.aside-collapsed .sidebar .nav .label, .aside-collapsed-text .sidebar .nav .label { position: absolute; top: 10px; right: 5px; text-indent: 0; }
.offsidebar-open .offsidebar { overflow-y: auto; z-index: 116; }
[data-scrollable] { display: block; }
.header-toolbox { float: right !important; }
#wrapper { min-width: 600px; }

.form-inline .c-checkbox span, .form-inline .c-radio span { margin-left: 0; }
.form-wizard>ol { list-style-type: none; padding: 0 15px; }
.form-wizard>ol>li { min-height: 50px; padding-top: 15px; padding-bottom: 15px; background-color: #fcfcfc; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.form-wizard>ol>li>a { text-decoration: none; }
.form-wizard>ol>li .label { background-color: #5d9cec; vertical-align: super; margin-right: 6px; }
.form-wizard>ol>li .label[href]:focus, .form-wizard>ol>li .label[href]:hover { background-color: #2f80e7; }
.form-wizard>ol>li h4 { display: inline-block; color: #515253; }
.form-wizard>ol>li small { display: block; color: #909fa7; }
.form-wizard>ol>li.active { background-color: #5d9cec; }
.form-wizard>ol>li.active h4, .form-wizard>ol>li.active small { color: #fff; }
.form-wizard>ol>li.active .label { background-color: #fff; border-color: #fff; color: #5d9cec; }
.form-wizard .well { border: 0; margin: 0; padding: 0; box-shadow: 0 0 0 #000; }
.form-wizard .well fieldset { margin: 0; }
.form-wizard.wizard-vertical:after, .form-wizard.wizard-vertical:before { display: table; content: " "; }
.form-wizard.wizard-vertical:after { clear: both; }
.form-wizard.wizard-vertical>ol { float: left; width: 39%; padding: 0; }
.form-wizard.wizard-vertical>ol>li { display: block; padding: 10px; }
.form-wizard.wizard-vertical>ol>li h4 { font-size: 14px; }
.form-wizard.wizard-vertical>div { float: right; width: 59%; }
.form-wizard.wizard-vertical .pager { clear: both; padding-top: 10px; }
.form-wizard.wizard-vertical .well { padding: 0; }

:focus { outline: 0 !important; }
a { outline: 0; }
a.text-muted:focus, a.text-muted:hover { color: #748690; }
hr { border-top: 1px solid #e4eaec; }
fieldset { padding-bottom: 20px; border-bottom: 1px dashed #eee; margin-bottom: 20px; }
fieldset.last-child, fieldset:last-child { border-bottom: 0; }
fieldset .form-group { margin-bottom: 0; }
body { font-family: "Source Sans Pro",sans-serif; color: #656565; }
html { direction: ltr; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; }
body, html { height: 100%; }
body [data-classyloader] { max-width: 100%; }
body .whirl { position: relative; }
body .whirl:before { content: attr(data-spinner-text); display: block; background-color: #f0f0f0; opacity: .7; }
body .whirl.solid { opacity: 1; }
body .whirl:after { border-top-color: #5d9cec; }
body .whirl.blade:after { border-bottom-color: #5d9cec; }
body .whirl.traditional:after { border-right-color: #23b7e5; border-top-color: #23b7e5; border-left-color: #7266ba; border-bottom-color: #fad732; }
body .whirl.line:after { box-shadow: inset -10px 0 0 rgba(93,156,236,.5); }
body .ball-beat>div, body .ball-grid-beat>div, body .ball-grid-pulse>div, body .ball-pulse-rise>div, body .ball-pulse-sync>div, body .ball-pulse>div, body .ball-rotate>div, body .ball-rotate>div:after, body .ball-rotate>div:before, body .ball-scale-multiple>div, body .ball-scale>div, body .ball-spin-fade-loader>div, body .ball-triTownSuite-path>div, body .ball-zig-zag-deflect>div, body .ball-zig-zag>div, body .cube-transition>div, body .line-scale-party>div, body .line-scale-pulse-out-rapid>div, body .line-scale-pulse-out>div, body .line-scale>div, body .line-spin-fade-loader>div, body .semi-circle-spin>div, body .square-spin>div, body .triTownSuite-skew-spin>div { background-color: #5d9cec; }
body .pacman>div:first-of-type { border-top-color: #5d9cec; border-left-color: #5d9cec; border-bottom-color: #5d9cec; }
body .pacman>div:nth-child(2) { border-top-color: #5d9cec; border-left-color: #5d9cec; border-bottom-color: #5d9cec; }
body .pacman>div:nth-child(3), body .pacman>div:nth-child(4), body .pacman>div:nth-child(5), body .pacman>div:nth-child(6) { background-color: #5d9cec; }
body.aside-collapsed aside.aside { display: none; }
button { margin: 5px 0 0 5px; }
p.event-actions { padding-top: 10px; font-size: 12px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
p.event-actions a { padding: 0 5px 0 0; }
a.view-more { float: right; padding: 1em 0 0 0; }
ul.nav-list { float: right; padding-right: 10px; }
div.message:hover { -webkit-filter: brightness(110%); }

.modal-open .wrapper { z-index: 0; }
.progress-xs { height: 8px; }
.row-flush>[class*=col-] { padding-left: 0; padding-right: 0; }
.mb-mails>tbody>tr>td { border-top-color: transparent; cursor: pointer; }
.mb-mails .mb-mail-avatar { float: left; margin-right: 10px; width: 40px; height: 40px; border-radius: 3px; }
.mb-mails .mb-mail-from { font-size: 14px; font-weight: 600; line-height: 1; }
.mb-mails .mb-mail-meta { overflow: hidden; }
.mb-mails .mb-mail-subject { font-size: 18px; font-weight: 600; line-height: 1.1; margin-bottom: 6px; }
.spacer { padding: 20px; }
.p-lg.container.container-events.header { margin-top: 6em; }
.container-user-group { max-width: 600px; }
.text-large { font-size: 25px; line-height: 35px; font-weight: 400; display: table-cell; vertical-align: middle; padding-left: 10px; }
.product-content { margin-bottom: 20px; margin-top: 12px; padding: 4px; }
.product-content .description { font-size: 12.5px; line-height: 20px; padding: 10px 14px 16px 19px; }
.product-deatil .name small { display: block; }
.product-deatil .price-container { font-size: 24px; margin: 0; font-weight: 300; }
.product-deatil .price-container small { font-size: 12px; }

.input-sm, select.input-sm { height: 31px; }
.todo textarea { resize: none; max-width: 100%; min-width: 100%; }
.todo .panel-group>.panel { border: 1px; margin: 0; }
.todo .panel-group>.panel .panel-body { border-bottom: 1px solid #edf1f2; }
.mda-checkbox input:checked+em:before, .mda-radio input:checked+em:before { background-color: inherit; border-width: 0; }
.mda-checkbox input:checked+span .active, .mda-radio input:checked+span .active { display: inherit; }
.viewevent .hidden-xs .hidden.sm { width: 330px; }
.viewevent .card-item { width: 100%; overflow: hidden; height: 175px; }
.avalable-user-group { float: left; width: 45%; }
.avalable-user-group select { max-height: 200px !important; min-height: 200px; padding: 0; }
.selelcted-user-group { float: left; width: 45%; }
.selelcted-user-group select { max-height: 200px !important; min-height: 200px; padding: 0; }
#message { font-size: .8em; }
.description-header { font-size: 20px; font-weight: 100; }
.description-text { font-size: 13px; line-height: 65%; }
.config-cols { display: none; }
.number-block { margin-top: 20px; }
.day-box { font-size: 25px; font-weight: 700; padding-bottom: 0; display: table-cell; vertical-align: middle; font-weight: 400; }
.day-text { font-weight: 400; display: table-cell; vertical-align: bottom; padding-left: 10px; }
.ico-box { width: 50px; font-size: 35px; line-height: 45px; padding-bottom: 0; display: table-cell; padding-left: 15px; vertical-align: middle; font-weight: 400; }
.box-center { display: table-row; }
.line-break { margin-top: -21px; }
.datagrid { font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif; font-size: 12px; width: 100%; text-align: left; border-collapse: collapse; }
#dynamic-list li.editing .edit { display: block; padding: 13px 17px 12px 17px; margin: 0 0 0 43px; }
#dynamic-list li.editing .view { display: none; }
#dynamic-list li .lbl-term { white-space: pre-line; word-break: break-all; padding: 10px 60px 5px 12px; margin-left: 45px; display: block; line-height: 1.2; transition: color .4s; }
#dynamic-list li .edit { display: none; }
.alterar:hover { cursor: pointer; }
.alterar-usr:hover { cursor: pointer; }
.alterardate:hover { cursor: pointer; }
.excluirdate { margin-left: 10px; }
.facility-name { font-size: 40px; text-align: center; }
.res-name { margin-top: 0; margin-bottom: 0; display: block; font-size: 22px; font-weight: 500; }
.clearable { background: url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center; padding: 3px 18px 3px 4px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition: background .4s; -moz-transition: background .4s; -ms-transition: background .4s; -o-transition: background .4s; transition: background .4s; }
.clearable.x { background-position: right 5px center; }
.clearable.onX { cursor: pointer; }
.clearable::-ms-clear { display: none; width: 0; height: 0; }
#UnAssignedQuestions { min-width: 200px; height: 300px; display: block; overflow: visible; overflow-y: auto; margin-bottom: 25px; }
#AssignedQuestions { min-width: 200px; height: 300px; display: block; overflow: visible; overflow-y: auto; }
.digital-timer { font-size: 20px; font-family: DSDIGI !important; font-weight: 100; }
.timer-text { font-weight: 100; font-size: 11px; }
.tbl-tax { font-size: 13px; font-weight: 500 !important; }
.customer-info { font-weight: 200; }
#windowCart .list-group { margin-bottom: 5px; }
#windowCart .number-block { margin: 0; }
.k-checkbox:not(:checked)::before { content: ''; }

@media only screen and (min-width:768px){.jumbotron{padding:30px 15px}}
@media only screen and (max-width:767px){input[type=email],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none}}
@media only screen and (min-width:768px){.content-wrapper>.unwrap{margin:-20px}}
@media only screen and (min-width:768px){.content-wrapper{padding:20px}.content-wrapper>.content-heading,.content-wrapper>h3{margin:-20px;margin-bottom:20px;padding:20px}.content-wrapper>.btn,.content-wrapper>button{margin:0}}
@media only screen and (min-width:768px){body{min-height:100%}.wrapper>footer,.wrapper>section{margin-left:220px}}
@media only screen and (max-width:767px){.wrapper>.aside{margin-left:-220px}}
@media only screen and (max-width:767px){.aside-collapsed .wrapper>.aside{margin-left:-70px}}
@media only screen and (min-width:768px){.aside-collapsed .wrapper>footer,.aside-collapsed .wrapper>section{margin-left:70px}}
@media only screen and (max-width:479px){body{min-height:100%}.wrapper .aside{width:100vw!important}.wrapper>footer,.wrapper>section{margin-left:100vw}}
@media (max-width:1140px){.layout-fixed.aside-toggled,.layout-fixed.offsidebar-open{overflow-y:hidden}}
@media only screen and (min-width:768px){.layout-fixed .wrapper>section{margin-top:55px}}
@media only screen and (min-width:768px){.topnavbar .navbar-header{width:220px;text-align:center}.topnavbar .navbar-header .navbar-brand{width:100%}}
@media only screen and (min-width:768px){.topnavbar .navbar-header{background-image:none}}
@media only screen and (min-width:768px){.topnavbar .navbar-nav>li>[data-toggle=navbar-search]{color:#fff}}
@media only screen and (max-width:767px){.topnavbar .navbar-text{margin:10px}}
@media only screen and (min-width:768px){.topnavbar{border:0;background-color:#397ba3}.topnavbar .navbar-header{background-image:none;background-repeat:no-repeat;filter:none}.topnavbar .navbar-nav>a{box-shadow:0 0 0 #000 inset;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.topnavbar .navbar-nav>.open>a,.topnavbar .navbar-nav>.open>a:focus,.topnavbar .navbar-nav>.open>a:hover{box-shadow:0 -3px 0 #316a8c inset;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.topnavbar .navbar-nav>li>.navbar-text{color:#fff}.topnavbar .navbar-nav>.open>a,.topnavbar .navbar-nav .nav-link{color:#fff}.topnavbar .navbar-nav>.open>a:focus,.topnavbar .navbar-nav>.open>a:hover,.topnavbar .navbar-nav .nav-link:focus,.topnavbar .navbar-nav .nav-link:hover{color:#1f4257}.topnavbar .navbar-nav>li>[data-toggle=navbar-search]{position:static}.nav-wrapper:after,.nav-wrapper:before{display:table;content:" "}.nav-wrapper:after{clear:both}.nav-wrapper .nav>li{position:relative}.nav-wrapper .navbar-nav .open .dropdown-menu{left:auto;right:auto}.nav-wrapper .navbar-nav.navbar-right .open .dropdown-menu{left:auto;right:0}}
@media only screen and (min-width:768px){.aside-collapsed .topnavbar .navbar-header{width:70px}}
@media only screen and (min-width:1025px){.sidebar:not(.show-scrollbar){margin-right:-17px;overflow-y:scroll}}
@media only screen and (min-width:768px){.sidebar>.nav .label{margin:2px -14px 0 0;text-overflow:ellipsis;overflow:hidden;max-width:50px;min-width:38px}}
@media only screen and (min-width:768px){.offsidebar{margin-top:55px}}
@media only screen and (min-width:768px){.offsidebar-open{overflow-y:auto}}
@media only screen and (min-width:992px){.timeline:before{left:50%;margin-left:18px}.timeline>li{float:left;clear:left;width:45%}.timeline>li.timeline-inverted{float:right;clear:right;margin-top:50px}.timeline>li.timeline-separator{text-align:center}.timeline>li.timeline-separator:before{margin-left:36px}.timeline>li>.timeline-badge{left:50%;margin-left:0}.timeline>li>.timeline-panel{margin:0}.timeline>li>.timeline-panel:before{border-left-width:15px;border-right-width:0;top:26px;right:-15px;left:auto}.timeline>li>.timeline-panel:after{border-left-width:14px;border-right-width:0;top:27px;right:-14px;left:auto}.timeline>li>.timeline-panel .popover .arrow{display:block}.timeline>li.timeline-inverted>.timeline-panel{padding-left:36px}}
@media only screen and (min-width:768px){.dropdown>a>.label{top:10px}}
@media only screen and (min-width:768px){.table-grid{display:table;width:100%;height:100%;table-layout:fixed}.col{display:table-cell;vertical-align:top;height:100%}.col-1{width:8.333333%}.col-2{width:16.666667%}.col-3{width:25%}.col-4{width:33.333333%}.col-5{width:41.666667%}.col-6{width:50%}.col-7{width:58.333333%}.col-8{width:66.666667%}.col-9{width:75%}.col-10{width:83.333333%}.col-11{width:91.666667%}.col-12{width:100%}.col-xs{width:90px}.col-md{width:240px}}
@media only screen and (min-width:700px){.dd+.dd{margin-left:2%}}
@media only screen and (min-width:992px){.form-wizard.wizard-horizontal>ol>li{display:inline-block}}
@media (max-width:480px){.uk-notify{left:10px;right:10px;width:auto;margin:0}}
@media print{.btn,.offsidebar,.sidebar,.topnavbar{display:none!important;width:0!important;height:0!important}.content-wrapper,.wrapper,.wrapper>section{margin:0!important;padding:0!important;width:100%!important}.content-wrapper{overflow:hidden!important}}
@media only screen and (min-width:768px){.aside-collapsed{margin-left:0}.aside-collapsed .topnavbar .navbar-header{width:inherit}}
@media only screen and (min-width:785px){.container-events{max-width:685px;width:auto}}
@media only screen and (min-width:990px){.container-events{max-width:1200px;width:auto}}
@media only screen and (min-width:1200px){.container-events{max-width:1540px;width:auto}}
@media only screen and (min-width:2400px){.container-events{max-width:1980px;width:auto}}
@media (min-width:544px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}}
@media only screen and (min-width:1024px){.product-content div[class*=col-md-4]{padding-right:0}.product-content div[class*=col-md-8]{padding:0 13px 0 0}.product-wrap div[class*=col-md-5]{padding-right:0}.product-wrap div[class*=col-md-7]{padding:0 13px 0 0}}
@media only screen and (min-device-width:320px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:2) and (-webkit-max-device-pixel-ratio:3) and (pointer:coarse){body{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}html{overflow-y:hidden}}

.btn-inverse { color: #fff; background-color: #131e26; border-color: #131e26; }
.btn-inverse.focus, .btn-inverse:focus { color: #fff; background-color: #020304; border-color: #000; }
.btn-inverse:hover { color: #fff; background-color: #020304; border-color: #000; }
.btn-inverse.active, .btn-inverse:active, .open>.dropdown-toggle.btn-inverse { color: #fff; background-color: #020304; background-image: none; border-color: #000; }
.btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open>.dropdown-toggle.btn-inverse.focus, .open>.dropdown-toggle.btn-inverse:focus, .open>.dropdown-toggle.btn-inverse:hover { color: #fff; background-color: #000; border-color: #000; }
.btn-green { color: #fff; background-color: #37bc9b; border-color: transparent; }
.btn-green.focus, .btn-green:focus { color: #fff; background-color: #2b957a; border-color: rgba(0,0,0,0); }
.btn-green:hover { color: #fff; background-color: #2b957a; border-color: rgba(0,0,0,0); }
.btn-green.active, .btn-green:active, .open>.dropdown-toggle.btn-green { color: #fff; background-color: #2b957a; background-image: none; border-color: rgba(0,0,0,0); }
.btn-green.active.focus, .btn-green.active:focus, .btn-green.active:hover, .btn-green:active.focus, .btn-green:active:focus, .btn-green:active:hover, .open>.dropdown-toggle.btn-green.focus, .open>.dropdown-toggle.btn-green:focus, .open>.dropdown-toggle.btn-green:hover { color: #fff; background-color: #237964; border-color: rgba(0,0,0,0); }
.btn-purple { color: #fff; background-color: #7266ba; border-color: transparent; }
.btn-purple.focus, .btn-purple:focus { color: #fff; background-color: #564aa3; border-color: rgba(0,0,0,0); }
.btn-purple:hover { color: #fff; background-color: #564aa3; border-color: rgba(0,0,0,0); }
.btn-purple.active, .btn-purple:active, .open>.dropdown-toggle.btn-purple { color: #fff; background-color: #564aa3; background-image: none; border-color: rgba(0,0,0,0); }
.btn-purple.active.focus, .btn-purple.active:focus, .btn-purple.active:hover, .btn-purple:active.focus, .btn-purple:active:focus, .btn-purple:active:hover, .open>.dropdown-toggle.btn-purple.focus, .open>.dropdown-toggle.btn-purple:focus, .open>.dropdown-toggle.btn-purple:hover { color: #fff; background-color: #493f8b; border-color: rgba(0,0,0,0); }
.btn-pink { color: #fff; background-color: #f532e5; border-color: transparent; }
.btn-pink.focus, .btn-pink:focus { color: #fff; background-color: #e90bd6; border-color: rgba(0,0,0,0); }
.btn-pink:hover { color: #fff; background-color: #e90bd6; border-color: rgba(0,0,0,0); }
.btn-pink.active, .btn-pink:active, .open>.dropdown-toggle.btn-pink { color: #fff; background-color: #e90bd6; background-image: none; border-color: rgba(0,0,0,0); }
.btn-pink.active.focus, .btn-pink.active:focus, .btn-pink.active:hover, .btn-pink:active.focus, .btn-pink:active:focus, .btn-pink:active:hover, .open>.dropdown-toggle.btn-pink.focus, .open>.dropdown-toggle.btn-pink:focus, .open>.dropdown-toggle.btn-pink:hover { color: #fff; background-color: #c70ab7; border-color: rgba(0,0,0,0); }
.btn-outline.btn-secondary { border-color: #eaeaea; color: #333 !important; }
.btn-outline.btn-primary { border-color: #5d9cec; color: #5d9cec; }
.btn-outline.btn-success { border-color: #27c24c; color: #27c24c; }
.btn-outline.btn-info { border-color: #23b7e5; color: #23b7e5; }
.btn-outline.btn-warning { border-color: #ff902b; color: #ff902b; }
.btn-outline.btn-danger { border-color: #f05050; color: #f05050; }
.btn-outline.btn-inverse { border-color: #131e26; color: #131e26; }
.btn-outline.btn-green { border-color: #37bc9b; color: #37bc9b; }
.btn-outline.btn-purple { border-color: #7266ba; color: #7266ba; }
.btn-outline.btn-pink { border-color: #f532e5; color: #f532e5; }

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 1px; }
.navbar, .navbar .dropdown-menu, .topnavbar { filter: none !important; }
h1, h2, h3, h4 { font-weight: 700; }
_:-ms-lang(x), .layout-fixed .wrapper > .aside > .aside-inner { position: static !important; }
.aside-inner, .navbar-header, .sidebar>.nav>li { -webkit-transition: width .2s cubic-bezier(.35,0,.25,1); -o-transition: width .2s cubic-bezier(.35,0,.25,1); transition: width .2s cubic-bezier(.35,0,.25,1); }
.navbar-brand .brand-logo, .sidebar>.nav>.nav-heading, .sidebar>.nav .nav-link>span { -webkit-animation: fadeIn 1s; -o-animation: fadeIn 1s; animation: fadeIn 1s; }
.content-heading+.breadcrumb, h3+.breadcrumb { margin: -25px -25px 20px -20px; background-color: #fafbfc; border-top: 1px solid #cfdbe2; border-bottom: 1px solid #cfdbe2; }
.content-heading>.breadcrumb, h3>.breadcrumb { background: 0 0; font-size: 13px; border: 0; padding: 10px 10px 0 0; margin-bottom: 0; }
.content-heading>.breadcrumb.pull-right, h3>.breadcrumb.pull-right { margin: -2px 0 0; }
.table-grid-align-middle .col { vertical-align: middle; }
.bg-blue-800, .bg-blue-900, .bg-blue-grey-600, .bg-blue-grey-700, .bg-blue-grey-800, .bg-blue-grey-900, .bg-brown, .bg-brown-500, .bg-brown-600, .bg-brown-700, .bg-brown-800, .bg-brown-900, .bg-cyan-900, .bg-deep-purple, .bg-deep-purple-500, .bg-deep-purple-600, .bg-deep-purple-700, .bg-deep-purple-800, .bg-deep-purple-900, .bg-deep-purple-A400, .bg-deep-purple-A700, .bg-green-800, .bg-green-900, .bg-grey-600, .bg-grey-700, .bg-grey-800, .bg-grey-900, .bg-indigo, .bg-indigo-500, .bg-indigo-600, .bg-indigo-700, .bg-indigo-800, .bg-indigo-900, .bg-indigo-A700, .bg-light-blue-900, .bg-pink-700, .bg-pink-800, .bg-pink-900, .bg-purple, .bg-purple-500, .bg-purple-600, .bg-purple-700, .bg-purple-800, .bg-purple-900, .bg-red-800, .bg-red-900, .bg-teal-800, .bg-teal-900 { color: rgba(255,255,255,.87); }
.bg-blue, .bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-blue-A200, .bg-blue-A400, .bg-blue-A700, .bg-blue-grey, .bg-blue-grey-400, .bg-blue-grey-500, .bg-brown-300, .bg-brown-400, .bg-cyan, .bg-cyan-500, .bg-cyan-600, .bg-cyan-700, .bg-cyan-800, .bg-deep-orange, .bg-deep-orange-500, .bg-deep-orange-600, .bg-deep-orange-700, .bg-deep-orange-800, .bg-deep-orange-900, .bg-deep-orange-A400, .bg-deep-orange-A700, .bg-deep-purple-300, .bg-deep-purple-400, .bg-deep-purple-A200, .bg-green, .bg-green-500, .bg-green-600, .bg-green-700, .bg-indigo-300, .bg-indigo-400, .bg-indigo-A200, .bg-indigo-A400, .bg-light-blue, .bg-light-blue-500, .bg-light-blue-600, .bg-light-blue-700, .bg-light-blue-800, .bg-light-blue-A700, .bg-light-green-800, .bg-light-green-900, .bg-lime-900, .bg-orange-800, .bg-orange-900, .bg-pink, .bg-pink-500, .bg-pink-600, .bg-pink-A200, .bg-pink-A400, .bg-pink-A700, .bg-purple-300, .bg-purple-400, .bg-purple-A200, .bg-purple-A400, .bg-purple-A700, .bg-red, .bg-red-500, .bg-red-600, .bg-red-700, .bg-red-A200, .bg-red-A400, .bg-red-A700, .bg-teal, .bg-teal-500, .bg-teal-600, .bg-teal-700 { color: #fff; }

@media only screen and (min-width:1200px){.container-ebills{max-width:1000px;width:auto}}
@media only screen and (max-width:1200px){.container-ebills{width:auto}}
@media (min-width:768px){.cancel-badge{position:absolute;right:50px;top:90px;font-size:30px}}
@media (min-width:544px){.card-columns .card{display:inline-block;width:100%}}
@media only screen and (min-width:1024px){.product-content .product-info{position:relative}}
@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){::-webkit-scrollbar{width:13px}}}
@media only screen and (min-width:1200px){.signature-overflow img{width:50%}}

@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDc.ttf) format('truetype')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdr.ttf) format('truetype')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format('truetype')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdr.ttf) format('truetype')}
.alert-purple hr{border-top-color:#6254b2}
.alert-green hr{border-top-color:#31a88b}
.alert-pink hr{border-top-color:#f41ae2}
.alert-inverse hr{border-top-color:#0a1115}
.card .card-offset>*{position:absolute;top:0;right:15px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.mda-checkbox,.mda-radio{position:relative;display:inline-block;padding-left:20px;margin:0;cursor:pointer}
.mda-checkbox input,.mda-radio input{position:absolute;z-index:1;width:20px;height:20px;margin-left:-20px;cursor:pointer;opacity:0}
.mda-checkbox input[type=checkbox]:checked+em:after,.mda-radio input[type=checkbox]:checked+em:after{position:absolute;top:2px;left:6px;display:table;width:6px;height:12px;border:2px solid;border-top:0;border-left:0;content:' ';-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.mda-checkbox input[type=radio]:checked+em:after,.mda-radio input[type=radio]:checked+em:after{content:' ';position:absolute;top:3px;left:3px;display:table;width:12px;height:12px;background:inherit;border-radius:50%;border:2px solid #fff}
.mda-checkbox input[type=radio]+em,.mda-checkbox input[type=radio]+em:before,.mda-radio input[type=radio]+em,.mda-radio input[type=radio]+em:before{border-radius:50%}
.mda-checkbox input[disabled]+em:before,.mda-radio input[disabled]+em:before,fieldset[disabled] .mda-checkbox input+em:before,fieldset[disabled] .mda-radio input+em:before{border-color:rgba(0,0,0,.26)}
.mda-checkbox input[disabled]:checked+em,.mda-radio input[disabled]:checked+em{background-color:rgba(0,0,0,.26)}
.mda-radio input[disabled]:checked+em:after{background-color:transparent}
.mda-checkbox>em,.mda-radio>em{position:relative;display:inline-block;width:0;height:18px;margin-top:-2px;margin-right:28px;margin-left:-20px;line-height:1;vertical-align:middle}
.mda-checkbox>em:before,.mda-radio>em:before{content:"";position:absolute;width:18px;height:100%;border:2px solid rgba(0,0,0,.54);border-radius:2px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.mda-checkbox>em.empty:after,.mda-radio>em.empty:after{display:none!important}
.nav-wrapper .nav.navbar-nav{float:left}
.nav-wrapper .nav.navbar-nav.navbar-right{float:right}
.viewevent{height:300px;overflow:hidden;position:relative}
.viewevent .card-item img.img-responsive{max-width:100%;max-height:100%;position:relative}
.input-group-btn{position:relative;font-size:0;white-space:nowrap}
.wrapper_ts_overlay{position:relative;z-index:1}
.input-group{position:relative;display:table;border-collapse:separate}
fieldset .form-group .input-group{display:inline-table}
.k-reset{background-image:none!important;margin-right:5px}
.blured{position:fixed;width:100%;height:200px;-webkit-filter:blur(50px);position:absolute;z-index:-1}
span.error{font-weight:300;font-size:13px}
#dynamic-list li{position:relative;font-size:15px;width:90%;border-bottom-width:1px;border-bottom-style:solid}
#dynamic-list li .destroy{display:none;position:absolute;cursor:pointer!important;top:0;right:10px;width:40px;height:40px;margin:auto 0;font-size:30px;margin-bottom:11px;transition:color .2s ease-out}
#dynamic-list li:last-child{border-bottom:none}
#dynamic-list li.editing{border-bottom:none;padding:0}
#dynamic-list li .toggle{text-align:center;width:40px;height:auto;position:absolute;top:9px;bottom:0;margin:auto 0;border:none;-webkit-appearance:none;appearance:none}
#dynamic-list li.completed .lbl-term{text-decoration:line-through}
#dynamic-list li:hover .destroy{display:block}
.wizard a{outline:0}
.card .card-body{position:relative;padding:5px 15px}
.card.news{background:0 0}
.card-title{margin-bottom:.75rem}
.card-header:first-child{border-radius:.25rem .25rem 0 0}
.card-footer:last-child{border-radius:0 0 .25rem .25rem}
.product-content .product-deatil h5 a{font-size:15px;line-height:19px;text-decoration:none;padding-left:0;margin-left:0}
.product-content .product-deatil h5 a span{display:block;font-size:13px}
.product-content .product-deatil p.price-container span{font-family:Lato,sans-serif;font-size:24px;line-height:20px}
.product-deatil{padding:30px 30px 50px}
.product-deatil .name{margin-top:0;margin-bottom:0}
.product-deatil .name a{margin-left:0}
div.message{position:relative;padding:10px;padding-left:35px;margin:30px 10px;text-align:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
div.message.information:before{content:'\f129'}
div.message.success:before{content:'\f00c'}
div.message.warning:before{content:'\f12a'}
div.message.error:before{content:'\f00d'}
.timerClass{display:table-cell;position:relative;top:-10px;padding:5px;min-width:100px;right:20px;border-radius:10px;float:right!important}
.due-amount{position:relative;top:-35px}
.checkbox input{opacity:0;position:absolute}
.checkbox .indicator{position:relative}
.checkbox label{padding-left:0;font-weight:700}
.checkbox-inline input{opacity:0;position:absolute}
.checkbox-inline .indicator{position:relative}
.radio input{opacity:0;position:absolute}
.radio input+.indicator:before{border-radius:50%}
.radio input:disabled+.indicator:before{border-width:1px}
.radio input:checked:disabled+.indicator:before{border-width:1px}
.radio .indicator{position:relative}
.radio .indicator:before{content:'';border-width:1px;border-style:solid;display:inline-block;vertical-align:middle;width:15px;height:15px;padding:2px;margin-top:-5px;text-align:center;margin-right:10px}
.radio label{padding-left:0;font-weight:700}
.radio-inline input{opacity:0;position:absolute}
.radio-inline input+.indicator:before{border-radius:50%}
.radio-inline input:disabled+.indicator:before{border-width:1px}
.radio-inline input:checked:disabled+.indicator:before{border-width:1px}
.radio-inline .indicator{position:relative}
.radio-inline .indicator:before{content:'';border-width:1px;border-style:solid;display:inline-block;vertical-align:middle;width:15px;height:15px;padding:2px;margin-top:-5px;text-align:center;margin-right:10px}
.radio-inline label{padding-left:0;font-weight:700}
.k-grid{border-radius:0}
.k-window .row *{box-sizing:border-box}
.k-window .row{box-sizing:border-box}
.modal .close{line-height:30px;opacity:1;font-size:24px;text-shadow:none}
.modal .modal-footer{padding:10px 15px}
.modal.fade .modal-dialog{transform:none}
table tbody tr td .btn{margin-top:0}
.k-autocomplete .k-input-inner{padding:6px 12px}
.pep-agreement{border-width:1px;border-style:solid}
.signature-overflow img{width:100%}
#waiverEditor-content #imgPerent{width:100%}
.k-input .k-input-inner{padding-block:6px}
.k-input .input-search{position:absolute;z-index:1;top:10px}
.k-input .input-search.mvc-input{right:10px}
.tagitemcls{padding:6px 12px}
.k-checkbox::before{width:12px;height:12px;font-size:11px;font-weight:700;position:absolute;top:36%;left:60%}
.k-checkbox:checked::before{content:'✔';transform:scale(1) translate(-50%,-50%)}
.sidebar-subnav>li a{padding-left:53px!important}
.sidebar-subnav.nav-floating>li a{padding-left:20px!important}

:root{--filter-brightness:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);--is-rejected:#f00}
p.text-tag{position:absolute;display:inline-block;right:5px;top:92.5px}
.viewevent .card-item img{height:175px;width:100%;margin-left:auto;margin-right:auto}
.avalable-user-group select option{height:30px;margin:4px;border-width:1px;border-style:solid}
.selelcted-user-group select option{height:30px;margin:4px;border-width:1px;border-style:solid}
.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px}
#dynamic-list{margin:0;list-style:none}
.panel-section h4{margin-top:30px;font-weight:700}
.card-header{padding:.75rem 1.25rem}
.product-content .product-deatil{padding-bottom:17px;padding-left:16px;padding-top:16px;position:relative}
.k-window .k-window-content{padding:15px;overflow-x:hidden;overflow-y:auto}
.badge.bg-primary{border-width:1px;border-style:solid}
.badge.bg-info{border-width:1px;border-style:solid}
.badge.bg-gray{border-width:1px;border-style:solid}
.badge.bg-success{border-width:1px;border-style:solid}
.badge.bg-green{border-width:1px;border-style:solid}
.badge.bg-danger{border-width:1px;border-style:solid}
.badge.bg-warning{border-width:1px;border-style:solid}
.badge.bg-blue-500{border-width:1px;border-style:solid}
.badge.bg-info-light{border-width:1px;border-style:solid}
.badge.bg-primary-light{border-width:1px;border-style:solid}
.badge.bg-green-light{border-width:1px;border-style:solid}
.badge.bg-inverse{border-width:1px;border-style:solid}
.badge.bg-gray-dark-wo{border-width:1px;border-style:solid}
.badge.bg-cyan{border-width:1px;border-style:solid}
.badge.bg-danger-dark{border-width:1px;border-style:solid}
.badge.bg-green-light-wo{border-width:1px;border-style:solid}
.badge.usersettigns.bg-info{border-width:1px;border-style:solid}