/*bootstrap*/
/*! Bootstrap v4.3.1 (https://getbootstrap.com/) Copyright 2011-2019 The Bootstrap Authors Copyright 2011-2019 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */

@font-face {
  font-family: "gothamblack";
  src: url("../fonts/gotham-black-webfont.woff2") format("woff2"), url("../fonts/gotham-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambold";
  src: url("../fonts/gotham-bold-webfont.woff2") format("woff2"), url("../fonts/gotham-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothambold";
  src: url("../fonts/gothambold-webfont.woff2") format("woff2"), url("../fonts/gothambold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothammedium";
  src: url("../fonts/gothammedium-webfont.woff2") format("woff2"), url("../fonts/gothammedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*, *::before, *::after { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; }

a:hover { color: #0056b3; text-decoration: underline; }

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

select { word-wrap: normal; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }

h1, .h1 { font-size: 2.5rem; }

h2, .h2 { font-size: 2rem; }

h3, .h3 { font-size: 1.75rem; }

h4, .h4 { font-size: 1.5rem; }

h5, .h5 { font-size: 1.25rem; }

h6, .h6 { font-size: 1rem; }

.lead { font-size: 1.25rem; font-weight: 300; }

.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }

.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }

.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }

.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

small, .small { font-size: 80%; font-weight: 400; }

mark, .mark { padding: 0.2em; background-color: #fcf8e3; }

.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; list-style: none; }

.list-inline-item { display: inline-block; }

.list-inline-item:not(:last-child) { margin-right: 0.5rem; }

.initialism { font-size: 90%; text-transform: uppercase; }

.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }

.blockquote-footer { display: block; font-size: 80%; color: #6c757d; }

.blockquote-footer::before { content: "\2014\00A0"; }

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

.img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; }

.figure { display: inline-block; }

.figure-img { margin-bottom: 0.5rem; line-height: 1; }

.figure-caption { font-size: 90%; color: #6c757d; }

code { font-size: 87.5%; color: #e83e8c; word-break: break-word; }

a > code { color: inherit; }

kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; }

kbd kbd { padding: 0; font-size: 100%; font-weight: 700; }

pre { display: block; font-size: 87.5%; color: #212529; }

pre code { font-size: inherit; color: inherit; word-break: normal; }

.pre-scrollable { max-height: 340px; overflow-y: scroll; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1140px; } }

.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }

.col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }

.col-3 { flex: 0 0 25%; max-width: 25%; }

.col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }

.col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }

.col-6 { flex: 0 0 50%; max-width: 50%; }

.col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }

.col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }

.col-9 { flex: 0 0 75%; max-width: 75%; }

.col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }

.col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }

.col-12 { flex: 0 0 100%; max-width: 100%; }

.order-first { order: -1; }

.order-last { order: 13; }

.order-0 { order: 0; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-6 { order: 6; }

.order-7 { order: 7; }

.order-8 { order: 8; }

.order-9 { order: 9; }

.order-10 { order: 10; }

.order-11 { order: 11; }

.order-12 { order: 12; }

.offset-1 { margin-left: 8.33333%; }

.offset-2 { margin-left: 16.66667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.33333%; }

.offset-5 { margin-left: 41.66667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.33333%; }

.offset-8 { margin-left: 66.66667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.33333%; }

.offset-11 { margin-left: 91.66667%; }

@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { order: -1; }
  .order-sm-last { order: 13; }
  .order-sm-0 { order: 0; }
  .order-sm-1 { order: 1; }
  .order-sm-2 { order: 2; }
  .order-sm-3 { order: 3; }
  .order-sm-4 { order: 4; }
  .order-sm-5 { order: 5; }
  .order-sm-6 { order: 6; }
  .order-sm-7 { order: 7; }
  .order-sm-8 { order: 8; }
  .order-sm-9 { order: 9; }
  .order-sm-10 { order: 10; }
  .order-sm-11 { order: 11; }
  .order-sm-12 { order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.33333%; }
  .offset-sm-2 { margin-left: 16.66667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333%; }
  .offset-sm-5 { margin-left: 41.66667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333%; }
  .offset-sm-8 { margin-left: 66.66667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333%; }
  .offset-sm-11 { margin-left: 91.66667%; } }

@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .order-md-first { order: -1; }
  .order-md-last { order: 13; }
  .order-md-0 { order: 0; }
  .order-md-1 { order: 1; }
  .order-md-2 { order: 2; }
  .order-md-3 { order: 3; }
  .order-md-4 { order: 4; }
  .order-md-5 { order: 5; }
  .order-md-6 { order: 6; }
  .order-md-7 { order: 7; }
  .order-md-8 { order: 8; }
  .order-md-9 { order: 9; }
  .order-md-10 { order: 10; }
  .order-md-11 { order: 11; }
  .order-md-12 { order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.33333%; }
  .offset-md-2 { margin-left: 16.66667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333%; }
  .offset-md-5 { margin-left: 41.66667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333%; }
  .offset-md-8 { margin-left: 66.66667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333%; }
  .offset-md-11 { margin-left: 91.66667%; } }

@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { order: -1; }
  .order-lg-last { order: 13; }
  .order-lg-0 { order: 0; }
  .order-lg-1 { order: 1; }
  .order-lg-2 { order: 2; }
  .order-lg-3 { order: 3; }
  .order-lg-4 { order: 4; }
  .order-lg-5 { order: 5; }
  .order-lg-6 { order: 6; }
  .order-lg-7 { order: 7; }
  .order-lg-8 { order: 8; }
  .order-lg-9 { order: 9; }
  .order-lg-10 { order: 10; }
  .order-lg-11 { order: 11; }
  .order-lg-12 { order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.33333%; }
  .offset-lg-2 { margin-left: 16.66667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333%; }
  .offset-lg-5 { margin-left: 41.66667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333%; }
  .offset-lg-8 { margin-left: 66.66667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333%; }
  .offset-lg-11 { margin-left: 91.66667%; } }

@media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { order: -1; }
  .order-xl-last { order: 13; }
  .order-xl-0 { order: 0; }
  .order-xl-1 { order: 1; }
  .order-xl-2 { order: 2; }
  .order-xl-3 { order: 3; }
  .order-xl-4 { order: 4; }
  .order-xl-5 { order: 5; }
  .order-xl-6 { order: 6; }
  .order-xl-7 { order: 7; }
  .order-xl-8 { order: 8; }
  .order-xl-9 { order: 9; }
  .order-xl-10 { order: 10; }
  .order-xl-11 { order: 11; }
  .order-xl-12 { order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.33333%; }
  .offset-xl-2 { margin-left: 16.66667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333%; }
  .offset-xl-5 { margin-left: 41.66667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333%; }
  .offset-xl-8 { margin-left: 66.66667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333%; }
  .offset-xl-11 { margin-left: 91.66667%; } }

.table { width: 100%; margin-bottom: 1rem; color: #212529; }

.table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }

.table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }

.table tbody + tbody { border-top: 2px solid #dee2e6; }

.table-sm th, .table-sm td { padding: 0.3rem; }

.table-bordered { border: 1px solid #dee2e6; }

.table-bordered th, .table-bordered td { border: 1px solid #dee2e6; }

.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); }

.table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; }

.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; }

.table-hover .table-primary:hover { background-color: #9fcdff; }

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; }

.table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; }

.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; }

.table-hover .table-secondary:hover { background-color: #c8cbcf; }

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; }

.table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; }

.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; }

.table-hover .table-success:hover { background-color: #b1dfbb; }

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; }

.table-info, .table-info > th, .table-info > td { background-color: #bee5eb; }

.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; }

.table-hover .table-info:hover { background-color: #abdde5; }

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; }

.table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; }

.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; }

.table-hover .table-warning:hover { background-color: #ffe8a1; }

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; }

.table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; }

.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; }

.table-hover .table-danger:hover { background-color: #f1b0b7; }

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; }

.table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; }

.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; }

.table-hover .table-light:hover { background-color: #ececf6; }

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; }

.table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; }

.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; }

.table-hover .table-dark:hover { background-color: #b9bbbe; }

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; }

.table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; }

.table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; }

.table-dark { color: #fff; background-color: #343a40; }

.table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; }

.table-dark.table-bordered { border: 0; }

.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); }

.table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-sm > .table-bordered { border: 0; } }

@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-md > .table-bordered { border: 0; } }

@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-lg > .table-bordered { border: 0; } }

@media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-xl > .table-bordered { border: 0; } }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.table-responsive > .table-bordered { border: 0; }

.form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .form-control { transition: none; } }

.form-control::-ms-expand { background-color: transparent; border: 0; }

.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.form-control::placeholder { color: #6c757d; opacity: 1; }

.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }

select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }

.form-control-file, .form-control-range { display: block; width: 100%; }

.col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; }

.col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; }

.col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; }

.form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; }

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; }

.form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }

.form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

select.form-control[size], select.form-control[multiple] { height: auto; }

textarea.form-control { height: auto; }

.form-group { margin-bottom: 1rem; }

.form-text { display: block; margin-top: 0.25rem; }

.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }

.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }

.form-check { position: relative; display: block; padding-left: 1.25rem; }

.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }

.form-check-input:disabled ~ .form-check-label { color: #6c757d; }

.form-check-label { margin-bottom: 0; }

.form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; }

.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }

.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; }

.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; }

.was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; }

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; }

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; }

.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; }

.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; }

.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; }

.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; }

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; }

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; }

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.form-inline { display: flex; flex-flow: row wrap; align-items: center; }

.form-inline .form-check { width: 100%; }

@media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; }
  .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-plaintext { display: inline-block; }
  .form-inline .input-group, .form-inline .custom-select { width: auto; }
  .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; }
  .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; }
  .form-inline .custom-control { align-items: center; justify-content: center; }
  .form-inline .custom-control-label { margin-bottom: 0; } }

.btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .btn { transition: none; } }

.btn:hover { color: #212529; text-decoration: none; }

.btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.btn.disabled, .btn:disabled { opacity: 0.65; }

a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }

.btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; }

.btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; }

.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; }

.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }

.btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; }

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }

.btn-success { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; }

.btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; }

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; }

.btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; }

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; }

.btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; }

.btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; }

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; }

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }

.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; }

.btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; }

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; }

.btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; }

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; }

.btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; }

.btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; }

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; }

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-outline-primary { color: #007bff; border-color: #007bff; }

.btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; }

.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; }

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; }

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-secondary { color: #6c757d; border-color: #6c757d; }

.btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; }

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; }

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.btn-outline-success { color: #28a745; border-color: #28a745; }

.btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; }

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; }

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-info { color: #17a2b8; border-color: #17a2b8; }

.btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; }

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; }

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning { color: #ffc107; border-color: #ffc107; }

.btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; }

.btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; }

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; }

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-danger { color: #dc3545; border-color: #dc3545; }

.btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; }

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; }

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; }

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark { color: #343a40; border-color: #343a40; }

.btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; }

.btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; }

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; }

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-link { font-weight: 400; color: #007bff; text-decoration: none; }

.btn-link:hover { color: #0056b3; text-decoration: underline; }

.btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; }

.btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; }

.btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }

.btn-block { display: block; width: 100%; }

.btn-block + .btn-block { margin-top: 0.5rem; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

.fade { transition: opacity 0.15s linear; }

@media (prefers-reduced-motion: reduce) { .fade { transition: none; } }

.fade:not(.show) { opacity: 0; }

.collapse:not(.show) { display: none; }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }

@media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } }

.dropup, .dropright, .dropdown, .dropleft { position: relative; }

.dropdown-toggle { white-space: nowrap; }

.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after { margin-left: 0; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }

.dropdown-menu-left { right: auto; left: 0; }

.dropdown-menu-right { right: 0; left: auto; }

@media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; }
  .dropdown-menu-sm-right { right: 0; left: auto; } }

@media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; }
  .dropdown-menu-md-right { right: 0; left: auto; } }

@media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; }
  .dropdown-menu-lg-right { right: 0; left: auto; } }

@media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; }
  .dropdown-menu-xl-right { right: 0; left: auto; } }

.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after { margin-left: 0; }

.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; }

.dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after { margin-left: 0; }

.dropright .dropdown-toggle::after { vertical-align: 0; }

.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }

.dropleft .dropdown-toggle::after { display: none; }

.dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after { margin-left: 0; }

.dropleft .dropdown-toggle::before { vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; }

.dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; }

.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; }

.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; }

.dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; }

.dropdown-menu.show { display: block; }

.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; }

.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; }

.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }

.btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; }

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; }

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; }

.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }

.btn-toolbar .input-group { width: auto; }

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; }

.dropleft .dropdown-toggle-split::before { margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }

.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; }

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; }

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; }

.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }

.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; }

.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; }

.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; }

.input-group > .custom-file .custom-file-input:focus { z-index: 4; }

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group > .custom-file { display: flex; align-items: center; }

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.input-group-prepend, .input-group-append { display: flex; }

.input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; }

.input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; }

.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; }

.input-group-prepend { margin-right: -1px; }

.input-group-append { margin-left: -1px; }

.input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; }

.input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; }

.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); }

.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }

.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); }

.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }

.input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; }

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }

.custom-control-inline { display: inline-flex; margin-right: 1rem; }

.custom-control-input { position: absolute; z-index: -1; opacity: 0; }

.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; }

.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; }

.custom-control-input:disabled ~ .custom-control-label { color: #6c757d; }

.custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; }

.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; }

.custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; }

.custom-checkbox .custom-control-label::before { border-radius: 0.25rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }

.custom-radio .custom-control-label::before { border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }

.custom-switch { padding-left: 2.25rem; }

.custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; }

.custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } }

.custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); }

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); }

.custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; }

.custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-select:focus::-ms-value { color: #495057; background-color: #fff; }

.custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; }

.custom-select:disabled { color: #6c757d; background-color: #e9ecef; }

.custom-select::-ms-expand { display: none; }

.custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; }

.custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; }

.custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; }

.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; }

.custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; }

.custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; }

.custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); }

.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; }

.custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; }

.custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; appearance: none; }

.custom-range:focus { outline: none; }

.custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.custom-range::-moz-focus-outer { border: 0; }

.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } }

.custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; }

.custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; }

.custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } }

.custom-range::-moz-range-thumb:active { background-color: #b3d7ff; }

.custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; }

.custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }

@media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } }

.custom-range::-ms-thumb:active { background-color: #b3d7ff; }

.custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; }

.custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; }

.custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; }

.custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; }

.custom-range:disabled::-webkit-slider-runnable-track { cursor: default; }

.custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; }

.custom-range:disabled::-moz-range-track { cursor: default; }

.custom-range:disabled::-ms-thumb { background-color: #adb5bd; }

.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } }

.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }

.nav-link { display: block; padding: 0.5rem 1rem; }

.nav-link:hover, .nav-link:focus { text-decoration: none; }

.nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; }

.nav-tabs { border-bottom: 1px solid #dee2e6; }

.nav-tabs .nav-item { margin-bottom: -1px; }

.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; }

.nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; }

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }

.nav-pills .nav-link { border-radius: 0.25rem; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; }

.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }

.nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }

.navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }

.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }

.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }

.navbar-nav .dropdown-menu { position: static; float: none; }

.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }

.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }

.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; }

.navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; }

.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; }

@media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; }
  .navbar-expand-sm .navbar-nav { flex-direction: row; }
  .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; }
  .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-sm .navbar-toggler { display: none; } }

@media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; }
  .navbar-expand-md .navbar-nav { flex-direction: row; }
  .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; }
  .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-md .navbar-toggler { display: none; } }

@media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; }
  .navbar-expand-lg .navbar-nav { flex-direction: row; }
  .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; }
  .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-lg .navbar-toggler { display: none; } }

@media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; }
  .navbar-expand-xl .navbar-nav { flex-direction: row; }
  .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; }
  .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-xl .navbar-toggler { display: none; } }

.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; }

.navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; }

.navbar-expand .navbar-nav { flex-direction: row; }

.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }

.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }

.navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; }

.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; }

.navbar-expand .navbar-toggler { display: none; }

.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); }

.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }

.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand { color: #fff; }

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }

.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; }

.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-text a { color: #fff; }

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; }

.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }

.card > hr { margin-right: 0; margin-left: 0; }

.card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.card-body { flex: 1 1 auto; padding: 1.25rem; }

.card-title { margin-bottom: 0.75rem; }

.card-subtitle { margin-top: -0.375rem; margin-bottom: 0; }

.card-text:last-child { margin-bottom: 0; }

.card-link:hover { text-decoration: none; }

.card-link + .card-link { margin-left: 1.25rem; }

.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

.card-header + .list-group .list-group-item:first-child { border-top: 0; }

.card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); }

.card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; }

.card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }

.card-img { width: 100%; border-radius: calc(0.25rem - 1px); }

.card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck { display: flex; flex-direction: column; }

.card-deck .card { margin-bottom: 15px; }

@media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }
  .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } }

.card-group { display: flex; flex-direction: column; }

.card-group > .card { margin-bottom: 15px; }

@media (min-width: 576px) { .card-group { flex-flow: row wrap; }
  .card-group > .card { flex: 1 0 0%; margin-bottom: 0; }
  .card-group > .card + .card { margin-left: 0; border-left: 0; }
  .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; }
  .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; }
  .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; }
  .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } }

.card-columns .card { margin-bottom: 0.75rem; }

@media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; }
  .card-columns .card { display: inline-block; width: 100%; } }

.accordion > .card { overflow: hidden; }

.accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; }

.accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; }

.accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }

.accordion > .card .card-header { margin-bottom: -1px; }

.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; }

.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; }

.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }

.breadcrumb-item.active { color: #6c757d; }

.pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; }

.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; }

.page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; }

.page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }

.page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; }

.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }

.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }

.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .badge { transition: none; } }

a.badge:hover, a.badge:focus { text-decoration: none; }

.badge:empty { display: none; }

.btn .badge { position: relative; top: -1px; }

.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; }

.badge-primary { color: #fff; background-color: #007bff; }

a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; }

a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.badge-secondary { color: #fff; background-color: #6c757d; }

a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; }

a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }

.badge-success { color: #fff; background-color: #28a745; }

a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; }

a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.badge-info { color: #fff; background-color: #17a2b8; }

a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; }

a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.badge-warning { color: #212529; background-color: #ffc107; }

a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; }

a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.badge-danger { color: #fff; background-color: #dc3545; }

a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; }

a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.badge-light { color: #212529; background-color: #f8f9fa; }

a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; }

a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.badge-dark { color: #fff; background-color: #343a40; }

a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; }

a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; }

@media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } }

.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; }

.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }

.alert-heading { color: inherit; }

.alert-link { font-weight: 700; }

.alert-dismissible { padding-right: 4rem; }

.alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; }

.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }

.alert-primary hr { border-top-color: #9fcdff; }

.alert-primary .alert-link { color: #002752; }

.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }

.alert-secondary hr { border-top-color: #c8cbcf; }

.alert-secondary .alert-link { color: #202326; }

.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }

.alert-success hr { border-top-color: #b1dfbb; }

.alert-success .alert-link { color: #0b2e13; }

.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }

.alert-info hr { border-top-color: #abdde5; }

.alert-info .alert-link { color: #062c33; }

.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }

.alert-warning hr { border-top-color: #ffe8a1; }

.alert-warning .alert-link { color: #533f03; }

.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }

.alert-danger hr { border-top-color: #f1b0b7; }

.alert-danger .alert-link { color: #491217; }

.alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; }

.alert-light hr { border-top-color: #ececf6; }

.alert-light .alert-link { color: #686868; }

.alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; }

.alert-dark hr { border-top-color: #b9bbbe; }

.alert-dark .alert-link { color: #040505; }

@keyframes progress-bar-stripes { from { background-position: 1rem 0; }
  to { background-position: 0 0; } }

.progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; }

.progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; }

@media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } }

.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }

.progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; }

@media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } }

.media { display: flex; align-items: flex-start; }

.media-body { flex: 1; }

.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; }

.list-group-item-action { width: 100%; color: #495057; text-align: inherit; }

.list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; }

.list-group-item-action:active { color: #212529; background-color: #e9ecef; }

.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); }

.list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; }

.list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; }

.list-group-horizontal { flex-direction: row; }

.list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; }

.list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }

.list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; }

@media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; }
  .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; }
  .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
  .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } }

@media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; }
  .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; }
  .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
  .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } }

@media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; }
  .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; }
  .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
  .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } }

@media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; }
  .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; }
  .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; }
  .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } }

.list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; }

.list-group-flush .list-group-item:last-child { margin-bottom: -1px; }

.list-group-flush:first-child .list-group-item:first-child { border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; }

.list-group-item-primary { color: #004085; background-color: #b8daff; }

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; }

.list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; }

.list-group-item-secondary { color: #383d41; background-color: #d6d8db; }

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; }

.list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; }

.list-group-item-success { color: #155724; background-color: #c3e6cb; }

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; }

.list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; }

.list-group-item-info { color: #0c5460; background-color: #bee5eb; }

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; }

.list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; }

.list-group-item-warning { color: #856404; background-color: #ffeeba; }

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; }

.list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; }

.list-group-item-danger { color: #721c24; background-color: #f5c6cb; }

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; }

.list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; }

.list-group-item-light { color: #818182; background-color: #fdfdfe; }

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; }

.list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; }

.list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; }

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; }

.list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; }

.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; }

.close:hover { color: #000; text-decoration: none; }

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; }

button.close { padding: 0; background-color: transparent; border: 0; appearance: none; }

a.close.disabled { pointer-events: none; }

.toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; }

.toast:not(:last-child) { margin-bottom: 0.75rem; }

.toast.showing { opacity: 1; }

.toast.show { display: block; opacity: 1; }

.toast.hide { display: none; }

.toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.toast-body { padding: 0.75rem; }

.modal-open { overflow: hidden; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }

.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); }

@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } }

.modal.show .modal-dialog { transform: none; }

.modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); }

.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; }

.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; }

.modal-dialog-scrollable .modal-body { overflow-y: auto; }

.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }

.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; }

.modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; }

.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; }

.modal-dialog-centered.modal-dialog-scrollable::before { content: none; }

.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.5; }

.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }

.modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }

.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }

.modal-footer > :not(:first-child) { margin-left: .25rem; }

.modal-footer > :not(:last-child) { margin-right: .25rem; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
  .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); }
  .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); }
  .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } }

@media (min-width: 1200px) { .modal-xl { max-width: 1140px; } }

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }

.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; }

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; }

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; }

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; }

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }

.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; }

.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; }

.popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; }

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); }

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); }

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; }

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; }

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); }

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; }

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); }

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); }

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; }

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; }

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; }

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); }

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; }

.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }

.popover-header:empty { display: none; }

.popover-body { padding: 0.5rem 0.75rem; color: #212529; }

.carousel { position: relative; }

.carousel.pointer-event { touch-action: pan-y; }

.carousel-inner { position: relative; width: 100%; overflow: hidden; }

.carousel-inner::after { display: block; clear: both; content: ""; }

.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; }

@media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } }

.carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; }

.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); }

.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; }

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; }

@media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } }

.carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; }

@media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } }

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; }

.carousel-control-prev { left: 0; }

.carousel-control-next { right: 0; }

.carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; }

.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; }

.carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; }

@media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } }

.carousel-indicators .active { opacity: 1; }

.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }

@keyframes spinner-border { to { transform: rotate(360deg); } }

.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; }

.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }

@keyframes spinner-grow { 0% { transform: scale(0); }
  50% { opacity: 1; } }

.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; }

.spinner-grow-sm { width: 1rem; height: 1rem; }

.align-baseline { vertical-align: baseline !important; }

.align-top { vertical-align: top !important; }

.align-middle { vertical-align: middle !important; }

.align-bottom { vertical-align: bottom !important; }

.align-text-bottom { vertical-align: text-bottom !important; }

.align-text-top { vertical-align: text-top !important; }

.bg-primary { background-color: #007bff !important; }

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; }

.bg-secondary { background-color: #6c757d !important; }

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; }

.bg-success { background-color: #28a745 !important; }

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; }

.bg-info { background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; }

.bg-warning { background-color: #ffc107 !important; }

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; }

.bg-danger { background-color: #dc3545 !important; }

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; }

.bg-light { background-color: #f8f9fa !important; }

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; }

.bg-dark { background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; }

.bg-white { background-color: #fff !important; }

.bg-transparent { background-color: transparent !important; }

.border { border: 1px solid #dee2e6 !important; }

.border-top { border-top: 1px solid #dee2e6 !important; }

.border-right { border-right: 1px solid #dee2e6 !important; }

.border-bottom { border-bottom: 1px solid #dee2e6 !important; }

.border-left { border-left: 1px solid #dee2e6 !important; }

.border-0 { border: 0 !important; }

.border-top-0 { border-top: 0 !important; }

.border-right-0 { border-right: 0 !important; }

.border-bottom-0 { border-bottom: 0 !important; }

.border-left-0 { border-left: 0 !important; }

.border-primary { border-color: #007bff !important; }

.border-secondary { border-color: #6c757d !important; }

.border-success { border-color: #28a745 !important; }

.border-info { border-color: #17a2b8 !important; }

.border-warning { border-color: #ffc107 !important; }

.border-danger { border-color: #dc3545 !important; }

.border-light { border-color: #f8f9fa !important; }

.border-dark { border-color: #343a40 !important; }

.border-white { border-color: #fff !important; }

.rounded-sm { border-radius: 0.2rem !important; }

.rounded { border-radius: 0.25rem !important; }

.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }

.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-lg { border-radius: 0.3rem !important; }

.rounded-circle { border-radius: 50% !important; }

.rounded-pill { border-radius: 50rem !important; }

.rounded-0 { border-radius: 0 !important; }

.clearfix::after { display: block; clear: both; content: ""; }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: flex !important; }

.d-inline-flex { display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; } }

@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; } }

@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; } }

@media (min-width: 1200px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; } }

@media print { .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: flex !important; }
  .d-print-inline-flex { display: inline-flex !important; } }

.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }

.embed-responsive::before { display: block; content: ""; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9::before { padding-top: 42.85714%; }

.embed-responsive-16by9::before { padding-top: 56.25%; }

.embed-responsive-4by3::before { padding-top: 75%; }

.embed-responsive-1by1::before { padding-top: 100%; }

.flex-row { flex-direction: row !important; }

.flex-column { flex-direction: column !important; }

.flex-row-reverse { flex-direction: row-reverse !important; }

.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-nowrap { flex-wrap: nowrap !important; }

.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

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

.flex-grow-0 { flex-grow: 0 !important; }

.flex-grow-1 { flex-grow: 1 !important; }

.flex-shrink-0 { flex-shrink: 0 !important; }

.flex-shrink-1 { flex-shrink: 1 !important; }

.justify-content-start { justify-content: flex-start !important; }

.justify-content-end { justify-content: flex-end !important; }

.justify-content-center { justify-content: center !important; }

.justify-content-between { justify-content: space-between !important; }

.justify-content-around { justify-content: space-around !important; }

.align-items-start { align-items: flex-start !important; }

.align-items-end { align-items: flex-end !important; }

.align-items-center { align-items: center !important; }

.align-items-baseline { align-items: baseline !important; }

.align-items-stretch { align-items: stretch !important; }

.align-content-start { align-content: flex-start !important; }

.align-content-end { align-content: flex-end !important; }

.align-content-center { align-content: center !important; }

.align-content-between { align-content: space-between !important; }

.align-content-around { align-content: space-around !important; }

.align-content-stretch { align-content: stretch !important; }

.align-self-auto { align-self: auto !important; }

.align-self-start { align-self: flex-start !important; }

.align-self-end { align-self: flex-end !important; }

.align-self-center { align-self: center !important; }

.align-self-baseline { align-self: baseline !important; }

.align-self-stretch { align-self: stretch !important; }

@media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; }
  .flex-sm-column { flex-direction: column !important; }
  .flex-sm-row-reverse { flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { flex-direction: column-reverse !important; }
  .flex-sm-wrap { flex-wrap: wrap !important; }
  .flex-sm-nowrap { flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-sm-fill { flex: 1 1 auto !important; }
  .flex-sm-grow-0 { flex-grow: 0 !important; }
  .flex-sm-grow-1 { flex-grow: 1 !important; }
  .flex-sm-shrink-0 { flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-sm-start { justify-content: flex-start !important; }
  .justify-content-sm-end { justify-content: flex-end !important; }
  .justify-content-sm-center { justify-content: center !important; }
  .justify-content-sm-between { justify-content: space-between !important; }
  .justify-content-sm-around { justify-content: space-around !important; }
  .align-items-sm-start { align-items: flex-start !important; }
  .align-items-sm-end { align-items: flex-end !important; }
  .align-items-sm-center { align-items: center !important; }
  .align-items-sm-baseline { align-items: baseline !important; }
  .align-items-sm-stretch { align-items: stretch !important; }
  .align-content-sm-start { align-content: flex-start !important; }
  .align-content-sm-end { align-content: flex-end !important; }
  .align-content-sm-center { align-content: center !important; }
  .align-content-sm-between { align-content: space-between !important; }
  .align-content-sm-around { align-content: space-around !important; }
  .align-content-sm-stretch { align-content: stretch !important; }
  .align-self-sm-auto { align-self: auto !important; }
  .align-self-sm-start { align-self: flex-start !important; }
  .align-self-sm-end { align-self: flex-end !important; }
  .align-self-sm-center { align-self: center !important; }
  .align-self-sm-baseline { align-self: baseline !important; }
  .align-self-sm-stretch { align-self: stretch !important; } }

@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; }
  .flex-md-column { flex-direction: column !important; }
  .flex-md-row-reverse { flex-direction: row-reverse !important; }
  .flex-md-column-reverse { flex-direction: column-reverse !important; }
  .flex-md-wrap { flex-wrap: wrap !important; }
  .flex-md-nowrap { flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-md-fill { flex: 1 1 auto !important; }
  .flex-md-grow-0 { flex-grow: 0 !important; }
  .flex-md-grow-1 { flex-grow: 1 !important; }
  .flex-md-shrink-0 { flex-shrink: 0 !important; }
  .flex-md-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-md-start { justify-content: flex-start !important; }
  .justify-content-md-end { justify-content: flex-end !important; }
  .justify-content-md-center { justify-content: center !important; }
  .justify-content-md-between { justify-content: space-between !important; }
  .justify-content-md-around { justify-content: space-around !important; }
  .align-items-md-start { align-items: flex-start !important; }
  .align-items-md-end { align-items: flex-end !important; }
  .align-items-md-center { align-items: center !important; }
  .align-items-md-baseline { align-items: baseline !important; }
  .align-items-md-stretch { align-items: stretch !important; }
  .align-content-md-start { align-content: flex-start !important; }
  .align-content-md-end { align-content: flex-end !important; }
  .align-content-md-center { align-content: center !important; }
  .align-content-md-between { align-content: space-between !important; }
  .align-content-md-around { align-content: space-around !important; }
  .align-content-md-stretch { align-content: stretch !important; }
  .align-self-md-auto { align-self: auto !important; }
  .align-self-md-start { align-self: flex-start !important; }
  .align-self-md-end { align-self: flex-end !important; }
  .align-self-md-center { align-self: center !important; }
  .align-self-md-baseline { align-self: baseline !important; }
  .align-self-md-stretch { align-self: stretch !important; } }

@media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; }
  .flex-lg-column { flex-direction: column !important; }
  .flex-lg-row-reverse { flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { flex-direction: column-reverse !important; }
  .flex-lg-wrap { flex-wrap: wrap !important; }
  .flex-lg-nowrap { flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-lg-fill { flex: 1 1 auto !important; }
  .flex-lg-grow-0 { flex-grow: 0 !important; }
  .flex-lg-grow-1 { flex-grow: 1 !important; }
  .flex-lg-shrink-0 { flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-lg-start { justify-content: flex-start !important; }
  .justify-content-lg-end { justify-content: flex-end !important; }
  .justify-content-lg-center { justify-content: center !important; }
  .justify-content-lg-between { justify-content: space-between !important; }
  .justify-content-lg-around { justify-content: space-around !important; }
  .align-items-lg-start { align-items: flex-start !important; }
  .align-items-lg-end { align-items: flex-end !important; }
  .align-items-lg-center { align-items: center !important; }
  .align-items-lg-baseline { align-items: baseline !important; }
  .align-items-lg-stretch { align-items: stretch !important; }
  .align-content-lg-start { align-content: flex-start !important; }
  .align-content-lg-end { align-content: flex-end !important; }
  .align-content-lg-center { align-content: center !important; }
  .align-content-lg-between { align-content: space-between !important; }
  .align-content-lg-around { align-content: space-around !important; }
  .align-content-lg-stretch { align-content: stretch !important; }
  .align-self-lg-auto { align-self: auto !important; }
  .align-self-lg-start { align-self: flex-start !important; }
  .align-self-lg-end { align-self: flex-end !important; }
  .align-self-lg-center { align-self: center !important; }
  .align-self-lg-baseline { align-self: baseline !important; }
  .align-self-lg-stretch { align-self: stretch !important; } }

@media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; }
  .flex-xl-column { flex-direction: column !important; }
  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xl-wrap { flex-wrap: wrap !important; }
  .flex-xl-nowrap { flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { flex: 1 1 auto !important; }
  .flex-xl-grow-0 { flex-grow: 0 !important; }
  .flex-xl-grow-1 { flex-grow: 1 !important; }
  .flex-xl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-xl-start { justify-content: flex-start !important; }
  .justify-content-xl-end { justify-content: flex-end !important; }
  .justify-content-xl-center { justify-content: center !important; }
  .justify-content-xl-between { justify-content: space-between !important; }
  .justify-content-xl-around { justify-content: space-around !important; }
  .align-items-xl-start { align-items: flex-start !important; }
  .align-items-xl-end { align-items: flex-end !important; }
  .align-items-xl-center { align-items: center !important; }
  .align-items-xl-baseline { align-items: baseline !important; }
  .align-items-xl-stretch { align-items: stretch !important; }
  .align-content-xl-start { align-content: flex-start !important; }
  .align-content-xl-end { align-content: flex-end !important; }
  .align-content-xl-center { align-content: center !important; }
  .align-content-xl-between { align-content: space-between !important; }
  .align-content-xl-around { align-content: space-around !important; }
  .align-content-xl-stretch { align-content: stretch !important; }
  .align-self-xl-auto { align-self: auto !important; }
  .align-self-xl-start { align-self: flex-start !important; }
  .align-self-xl-end { align-self: flex-end !important; }
  .align-self-xl-center { align-self: center !important; }
  .align-self-xl-baseline { align-self: baseline !important; }
  .align-self-xl-stretch { align-self: stretch !important; } }

.float-left { float: left !important; }

.float-right { float: right !important; }

.float-none { float: none !important; }

@media (min-width: 576px) { .float-sm-left { float: left !important; }
  .float-sm-right { float: right !important; }
  .float-sm-none { float: none !important; } }

@media (min-width: 768px) { .float-md-left { float: left !important; }
  .float-md-right { float: right !important; }
  .float-md-none { float: none !important; } }

@media (min-width: 992px) { .float-lg-left { float: left !important; }
  .float-lg-right { float: right !important; }
  .float-lg-none { float: none !important; } }

@media (min-width: 1200px) { .float-xl-left { float: left !important; }
  .float-xl-right { float: right !important; }
  .float-xl-none { float: none !important; } }

.overflow-auto { overflow: auto !important; }

.overflow-hidden { overflow: hidden !important; }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: sticky !important; }

.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }

@supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none { box-shadow: none !important; }

.w-25 { width: 25% !important; }

.w-50 { width: 50% !important; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

.h-25 { height: 25% !important; }

.h-50 { height: 50% !important; }

.h-75 { height: 75% !important; }

.h-100 { height: 100% !important; }

.h-auto { height: auto !important; }

.mw-100 { max-width: 100% !important; }

.mh-100 { max-height: 100% !important; }

.min-vw-100 { min-width: 100vw !important; }

.min-vh-100 { min-height: 100vh !important; }

.vw-100 { width: 100vw !important; }

.vh-100 { height: 100vh !important; }

.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }

.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1, .my-1 { margin-top: 0.25rem !important; }

.mr-1, .mx-1 { margin-right: 0.25rem !important; }

.mb-1, .my-1 { margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2, .my-2 { margin-top: 0.5rem !important; }

.mr-2, .mx-2 { margin-right: 0.5rem !important; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1, .py-1 { padding-top: 0.25rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }

.pb-1, .py-1 { padding-bottom: 0.25rem !important; }

.pl-1, .px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2, .py-2 { padding-top: 0.5rem !important; }

.pr-2, .px-2 { padding-right: 0.5rem !important; }

.pb-2, .py-2 { padding-bottom: 0.5rem !important; }

.pl-2, .px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.m-n1 { margin: -0.25rem !important; }

.mt-n1, .my-n1 { margin-top: -0.25rem !important; }

.mr-n1, .mx-n1 { margin-right: -0.25rem !important; }

.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }

.ml-n1, .mx-n1 { margin-left: -0.25rem !important; }

.m-n2 { margin: -0.5rem !important; }

.mt-n2, .my-n2 { margin-top: -0.5rem !important; }

.mr-n2, .mx-n2 { margin-right: -0.5rem !important; }

.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }

.ml-n2, .mx-n2 { margin-left: -0.5rem !important; }

.m-n3 { margin: -1rem !important; }

.mt-n3, .my-n3 { margin-top: -1rem !important; }

.mr-n3, .mx-n3 { margin-right: -1rem !important; }

.mb-n3, .my-n3 { margin-bottom: -1rem !important; }

.ml-n3, .mx-n3 { margin-left: -1rem !important; }

.m-n4 { margin: -1.5rem !important; }

.mt-n4, .my-n4 { margin-top: -1.5rem !important; }

.mr-n4, .mx-n4 { margin-right: -1.5rem !important; }

.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }

.ml-n4, .mx-n4 { margin-left: -1.5rem !important; }

.m-n5 { margin: -3rem !important; }

.mt-n5, .my-n5 { margin-top: -3rem !important; }

.mr-n5, .mx-n5 { margin-right: -3rem !important; }

.mb-n5, .my-n5 { margin-bottom: -3rem !important; }

.ml-n5, .mx-n5 { margin-left: -3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; }
  .mt-sm-0, .my-sm-0 { margin-top: 0 !important; }
  .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; }
  .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
  .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; }
  .m-sm-1 { margin: 0.25rem !important; }
  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
  .m-sm-2 { margin: 0.5rem !important; }
  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
  .m-sm-3 { margin: 1rem !important; }
  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
  .m-sm-4 { margin: 1.5rem !important; }
  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
  .m-sm-5 { margin: 3rem !important; }
  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
  .p-sm-0 { padding: 0 !important; }
  .pt-sm-0, .py-sm-0 { padding-top: 0 !important; }
  .pr-sm-0, .px-sm-0 { padding-right: 0 !important; }
  .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
  .pl-sm-0, .px-sm-0 { padding-left: 0 !important; }
  .p-sm-1 { padding: 0.25rem !important; }
  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
  .p-sm-2 { padding: 0.5rem !important; }
  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
  .p-sm-3 { padding: 1rem !important; }
  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
  .p-sm-4 { padding: 1.5rem !important; }
  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
  .p-sm-5 { padding: 3rem !important; }
  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
  .m-sm-n1 { margin: -0.25rem !important; }
  .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; }
  .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; }
  .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; }
  .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; }
  .m-sm-n2 { margin: -0.5rem !important; }
  .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; }
  .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; }
  .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; }
  .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; }
  .m-sm-n3 { margin: -1rem !important; }
  .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; }
  .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; }
  .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; }
  .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; }
  .m-sm-n4 { margin: -1.5rem !important; }
  .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; }
  .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; }
  .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; }
  .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; }
  .m-sm-n5 { margin: -3rem !important; }
  .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; }
  .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; }
  .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; }
  .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }
  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }

@media (min-width: 768px) { .m-md-0 { margin: 0 !important; }
  .mt-md-0, .my-md-0 { margin-top: 0 !important; }
  .mr-md-0, .mx-md-0 { margin-right: 0 !important; }
  .mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
  .ml-md-0, .mx-md-0 { margin-left: 0 !important; }
  .m-md-1 { margin: 0.25rem !important; }
  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
  .m-md-2 { margin: 0.5rem !important; }
  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }
  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }
  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
  .p-md-0 { padding: 0 !important; }
  .pt-md-0, .py-md-0 { padding-top: 0 !important; }
  .pr-md-0, .px-md-0 { padding-right: 0 !important; }
  .pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
  .pl-md-0, .px-md-0 { padding-left: 0 !important; }
  .p-md-1 { padding: 0.25rem !important; }
  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
  .p-md-2 { padding: 0.5rem !important; }
  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }
  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }
  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }
  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
  .m-md-n1 { margin: -0.25rem !important; }
  .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; }
  .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; }
  .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; }
  .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; }
  .m-md-n2 { margin: -0.5rem !important; }
  .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; }
  .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; }
  .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; }
  .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; }
  .m-md-n3 { margin: -1rem !important; }
  .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; }
  .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; }
  .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; }
  .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; }
  .m-md-n4 { margin: -1.5rem !important; }
  .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; }
  .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; }
  .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; }
  .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; }
  .m-md-n5 { margin: -3rem !important; }
  .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; }
  .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; }
  .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; }
  .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; }
  .m-md-auto { margin: auto !important; }
  .mt-md-auto, .my-md-auto { margin-top: auto !important; }
  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }
  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
  .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }

@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; }
  .mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
  .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; }
  .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
  .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; }
  .m-lg-1 { margin: 0.25rem !important; }
  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
  .m-lg-2 { margin: 0.5rem !important; }
  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
  .p-lg-0 { padding: 0 !important; }
  .pt-lg-0, .py-lg-0 { padding-top: 0 !important; }
  .pr-lg-0, .px-lg-0 { padding-right: 0 !important; }
  .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
  .pl-lg-0, .px-lg-0 { padding-left: 0 !important; }
  .p-lg-1 { padding: 0.25rem !important; }
  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
  .p-lg-2 { padding: 0.5rem !important; }
  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
  .m-lg-n1 { margin: -0.25rem !important; }
  .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; }
  .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; }
  .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; }
  .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; }
  .m-lg-n2 { margin: -0.5rem !important; }
  .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; }
  .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; }
  .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; }
  .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; }
  .m-lg-n3 { margin: -1rem !important; }
  .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; }
  .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; }
  .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; }
  .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; }
  .m-lg-n4 { margin: -1.5rem !important; }
  .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; }
  .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; }
  .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; }
  .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; }
  .m-lg-n5 { margin: -3rem !important; }
  .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; }
  .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; }
  .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; }
  .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }
  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }

@media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; }
  .mt-xl-0, .my-xl-0 { margin-top: 0 !important; }
  .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; }
  .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
  .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; }
  .m-xl-1 { margin: 0.25rem !important; }
  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
  .m-xl-2 { margin: 0.5rem !important; }
  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
  .m-xl-3 { margin: 1rem !important; }
  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
  .m-xl-4 { margin: 1.5rem !important; }
  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
  .m-xl-5 { margin: 3rem !important; }
  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
  .p-xl-0 { padding: 0 !important; }
  .pt-xl-0, .py-xl-0 { padding-top: 0 !important; }
  .pr-xl-0, .px-xl-0 { padding-right: 0 !important; }
  .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
  .pl-xl-0, .px-xl-0 { padding-left: 0 !important; }
  .p-xl-1 { padding: 0.25rem !important; }
  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
  .p-xl-2 { padding: 0.5rem !important; }
  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
  .p-xl-3 { padding: 1rem !important; }
  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
  .p-xl-4 { padding: 1.5rem !important; }
  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
  .p-xl-5 { padding: 3rem !important; }
  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
  .m-xl-n1 { margin: -0.25rem !important; }
  .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; }
  .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; }
  .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; }
  .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; }
  .m-xl-n2 { margin: -0.5rem !important; }
  .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; }
  .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; }
  .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; }
  .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; }
  .m-xl-n3 { margin: -1rem !important; }
  .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; }
  .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; }
  .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; }
  .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; }
  .m-xl-n4 { margin: -1.5rem !important; }
  .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; }
  .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; }
  .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; }
  .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; }
  .m-xl-n5 { margin: -3rem !important; }
  .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; }
  .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; }
  .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; }
  .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }
  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }

.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify { text-align: justify !important; }

.text-wrap { white-space: normal !important; }

.text-nowrap { white-space: nowrap !important; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

@media (min-width: 576px) { .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; } }

@media (min-width: 768px) { .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; } }

@media (min-width: 992px) { .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; } }

@media (min-width: 1200px) { .text-xl-left { text-align: left !important; }
  .text-xl-right { text-align: right !important; }
  .text-xl-center { text-align: center !important; } }

.text-lowercase { text-transform: lowercase !important; }

.text-uppercase { text-transform: uppercase !important; }

.text-capitalize { text-transform: capitalize !important; }

.font-weight-light { font-weight: 300 !important; }

.font-weight-lighter { font-weight: lighter !important; }

.font-weight-normal { font-weight: 400 !important; }

.font-weight-bold { font-weight: 700 !important; }

.font-weight-bolder { font-weight: bolder !important; }

.font-italic { font-style: italic !important; }

.text-white { color: #fff !important; }

.text-primary { color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; }

.text-secondary { color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; }

.text-success { color: #28a745 !important; }

a.text-success:hover, a.text-success:focus { color: #19692c !important; }

.text-info { color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus { color: #0f6674 !important; }

.text-warning { color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; }

.text-danger { color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; }

.text-light { color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus { color: #cbd3da !important; }

.text-dark { color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus { color: #121416 !important; }

.text-body { color: #212529 !important; }

.text-muted { color: #6c757d !important; }

.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.text-decoration-none { text-decoration: none !important; }

.text-break { word-break: break-word !important; overflow-wrap: break-word !important; }

.text-reset { color: inherit !important; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

@media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; }
  a:not(.btn) { text-decoration: underline; }
  abbr[title]::after { content: " (" attr(title) ")"; }
  pre { white-space: pre-wrap !important; }
  pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  @page { size: a3; }
  body { min-width: 992px !important; }
  .container { min-width: 992px !important; }
  .navbar { display: none; }
  .badge { border: 1px solid #000; }
  .table { border-collapse: collapse !important; }
  .table td, .table th { background-color: #fff !important; }
  .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; }
  .table-dark { color: inherit; }
  .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; }
  .table .thead-dark th { color: inherit; border-color: #dee2e6; } }

/** Fix for vw, vh, vmin, vmax on iOS 7. http://caniuse.com/#feat=viewport-units This fix works by replacing viewport units with px values on known screen sizes. iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix. Target devices running iOS 8+ will incidentally execute the media query, but this will still produce the expected result; so this is not a problem. As an example, replace: height: 50vh; font-size: 5vmin; with: @include viewport-unit(height, 50vh); @include viewport-unit(font-size, 5vmin); */
/*==================================== GLOBLE CSS ====================================*/
body, html { height: 100%; width: 100%; font-family: "Source Sans Pro", sans-serif; color: #3d485d; font-weight: 400; background-color: #F4F3F1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 1.5; text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke: 0; -webkit-overflow-scrolling: touch; }

body { overflow-x: hidden; }

.scroll-hide { overflow: hidden; }

ol, ul { list-style: none; padding-left: 0; margin-bottom: 0; }

table { border-collapse: collapse; border-spacing: 0; }

a { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; color: #3d485d; text-decoration: underline; }

a:hover { color: #3d485d; text-decoration: underline; outline: none; }

a:focus { text-decoration: underline; }

a:active { text-decoration: underline; }

input[type="file"] { cursor: pointer; }

input[type="file"]::-webkit-file-upload-button { cursor: pointer; }

.select-control { position: relative; z-index: 0; }

.select-control:after { position: absolute; top: 45%; right: 0; font-family: 'icomoon'; font-weight: normal; font-variant: normal; color: #3d485d; font-size: 7px; font-size: 0.4375rem; content: "\e901"; -webkit-transform: translate(0, -45%); -moz-transform: translate(0, -45%); -ms-transform: translate(0, -45%); -o-transform: translate(0, -45%); transform: translate(0, -45%); }

.select-control select { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0px !important; padding-right: 20px !important; text-overflow: ellipsis; }

.select-control select::-ms-expand { display: none; }

.select-control select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

.select-control.select-o-control:after { content: "\e90a"; }

.select-control.help-ico .ico { position: absolute; top: 50%; right: 0; color: #c3c3c3; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.select-control.help-ico:after { right: 20px; }

button[type="button"], button[type="submit"], input[type="button"], input[type="submit"] { cursor: pointer; }

/*! @license Buttons Copyright 2012-2014 Alex Wolfe and Rob Levin Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
/* Compass (optional) We recommend the use of autoprefixer instead of Compass when using buttons. However, buttons does support Compass. simply change $ubtn-use-compass to true and uncomment the @import 'compass' code below to use Compass. */
/* Required Files These files include the variables and options and base css styles that are required to generate buttons. */
/* $ubtn prefix (reserved) This prefix stands for Unicorn Button - ubtn We provide a prefix to the Sass Variables to prevent namespace collisions that could occur if you import buttons as part of your Sass build process. We kindly ask you not to use the prefix $ubtn in your project in order to avoid possilbe name conflicts. Thanks! */
/*
* Button Namespace (ex .button or .btn)
*
*/
/* Button Defaults Some default settings that are used throughout the button library. Changes to these settings will be picked up by all of the other modules. The colors used here are the default colors for the base button (gray). The font size and height are used to set the base size for the buttons. The size values will be used to calculate the larger and smaller button sizes. */
/* Button Colors $ubtn-colors is used to generate the different button colors. Edit or add colors to the list below and recompile. Each block contains the (name, background, color) The class is generated using the name: (ex .button-primary) */
/* Button Shapes $ubtn-shapes is used to generate the different button shapes. Edit or add shapes to the list below and recompile. Each block contains the (name, border-radius). The class is generated using the name: (ex .button-square). */
/* Button Sizes $ubtn-sizes is used to generate the different button sizes. Edit or add colors to the list below and recompile. Each block contains the (name, size multiplier). The class is generated using the name: (ex .button-giant). */
/*
* Color Mixin
*
* Iterates through the list of colors and creates
*
*/
/* No Animation Sets animation property to none */
/* Clearfix Clears floats inside the container */
/* Base Button Style The default values for the .button class */
.pathfinder-div-set .icon-delete {
	z-index: 9999;
	position: relative;
	cursor: pointer;
	pointer-events: all;
}
.modal .formLocation .errorlist li {
	color: red;
	display: block;
	margin-top: 0;
	font-weight: 500;
	font-size: 14px;
	text-align: right;
}
.button { color: #fff; background-color: #3d485d; border-color: #3d485d; font-weight: bold; font-size: 14px;  text-decoration: none; text-align: center; line-height: 38px; height: 38px; padding: 0 19px; margin: 0; display: inline-block; vertical-align: middle; appearance: none; cursor: pointer; border: none; box-sizing: border-box; transition-property: all; transition-duration: 0.3s; /* Disabled State The disabled state uses the class .disabled, is-disabled, and the form attribute disabled="disabled". The use of !important is only added because this is a state that must be applied to all buttons when in a disabled state. */ }

.button:visited { color: #fff; }

.button:focus, .button:hover { background-color: #293346; text-decoration: none; color: #fff; }

.button.active, .button.is-active, .button:active { text-decoration: none; background-color: #293346; border-color: #293346; color: #fff; transition-duration: 0s; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }

.button.disabled, .button.is-disabled, .button:disabled { top: 0 !important; background: #eee !important; border: 1px solid #ddd !important; text-shadow: 0 1px 1px white !important; color: #ccc !important; cursor: default !important; appearance: none !important; box-shadow: none !important; opacity: 0.8 !important; }

.button.is-readonly { cursor: none; background-color: transparent !important; border-color: #cccccc; appearance: none !important; box-shadow: none !important; }

.button span.ico { font-size: 18px; font-size: 1.125rem; margin-right: 5px; display: inline-block; vertical-align: middle; line-height: 1; }

.button-hover { position: relative; overflow: hidden; }

.button-hover:before { border-radius: 50%; position: absolute; content: ""; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715); }

.button-hover:hover:before, .button-hover:focus:before { width: 500px; height: 500px; background-color: #202223; }

.button-hover span { position: relative; }

/*
* Base Button Tyography
*
*/
.button-uppercase { text-transform: uppercase; }

.button-lowercase { text-transform: lowercase; }

.button-capitalize { text-transform: capitalize; }

.button-small-caps { font-variant: small-caps; }

.button-icon-txt-large { font-size: 20px !important; }

/*
* Base padding
*
*/
.button-height-medium { line-height: 33px; height: 33px; }

.button-height-small { line-height: 28px; height: 28px; }

.button-height-large { line-height: 43px; height: 42px; }

.button-height-xlarge { line-height: 58px; height: 58px; }

.button-border-height-medium { line-height: 29px !important; height: 33px; }

.button-width-medium { padding: 0 24px !important; }

.button-width-large { padding: 0 30px !important; }

.button-min-width { min-width: 190px; }

.button-min-160 { min-width: 160px; }

.button-min-250 { min-width: 250px; }

.button-min-300 { min-width: 300px; }

.button-min-200 { min-width: 200px; }

.button-min-180 { min-width: 180px; }

.button-min-130 { min-width: 130px; }

.button-font-small { font-size: 13px; }

.button-font-normal { font-weight: normal; }

.button-font-large { font-size: 18px; }

.button-font-large span.ico { font-size: 28px; font-size: 1.75rem; margin-right: 8px; }

.button-icon-font-small span.ico { font-size: 14px; font-size: 0.875rem; }

.button-icon-font-xsmall span.ico { font-size: 7px; font-size: 0.4375rem; }

.button-transparent { background-color: transparent !important; }

.button-shadow { -webkit-box-shadow: 0px 3px 7px 0px rgba(59, 65, 94, 0.14), 0px 3px 6px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 3px 7px 0px rgba(59, 65, 94, 0.14), 0px 3px 6px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 3px 7px 0px rgba(59, 65, 94, 0.14), 0px 3px 6px 0px rgba(0, 0, 0, 0.07); }

/* Base Colors Create colors for buttons (.button-primary, .button-secondary, etc.) */
.button-theme, .button-theme-flat { background-color: #3d485d; border-color: #3d485d; color: #FFF; }

.button-theme:visited, .button-theme-flat:visited { color: #FFF; }

.button-theme:focus, .button-theme:hover, .button-theme-flat:focus, .button-theme-flat:hover { background-color: #383d3e; border-color: #383d3e; color: #FFF; }

.button-theme.active, .button-theme.is-active, .button-theme:active, .button-theme-flat.active, .button-theme-flat.is-active, .button-theme-flat:active { background-color: #555555; border-color: #555555; }

.button-plain-hover:focus, .button-plain-hover:hover { background-color: #3d485d !important; border-color: #3d485d !important; color: #FFF; }

.button-light-dark, .button-light-dark-flat { background-color: #adadad; border-color: #adadad; color: #fff; }

.button-light-dark:visited, .button-light-dark-flat:visited { color: #fff; }

.button-light-dark:focus, .button-light-dark:hover, .button-light-dark-flat:focus, .button-light-dark-flat:hover { background-color: #949494; border-color: #949494; color: #fff; }

.button-light-dark.active, .button-light-dark.is-active, .button-light-dark:active, .button-light-dark-flat.active, .button-light-dark-flat.is-active, .button-light-dark-flat:active { background-color: #adadad; border-color: #adadad; }

.button-plain-hover:focus, .button-plain-hover:hover { background-color: #3d485d !important; border-color: #3d485d !important; color: #fff; }

.button-white, .button-white-flat { background-color: #fff; border-color: #fff; color: #3d485d; }

.button-white:visited, .button-white-flat:visited { color: #3d485d; }

.button-white:focus, .button-white:hover, .button-white-flat:focus, .button-white-flat:hover { background-color: #e6e6e6; border-color: #e6e6e6; color: #3d485d; }

.button-white.active, .button-white.is-active, .button-white:active, .button-white-flat.active, .button-white-flat.is-active, .button-white-flat:active { background-color: white; border-color: white; }

.button-plain-hover:focus, .button-plain-hover:hover { background-color: #3d485d !important; border-color: #3d485d !important; color: #3d485d; }

.button-danger, .button-danger-flat { background-color: #3d485d; border-color: #3d485d; color: #3d485d; }

.button-danger:visited, .button-danger-flat:visited { color: #3d485d; }

.button-danger:focus, .button-danger:hover, .button-danger-flat:focus, .button-danger-flat:hover { background-color: #383d3e; border-color: #383d3e; color: #3d485d; }

.button-danger.active, .button-danger.is-active, .button-danger:active, .button-danger-flat.active, .button-danger-flat.is-active, .button-danger-flat:active { background-color: #555555; border-color: #555555; }

.button-plain-hover:focus, .button-plain-hover:hover { background-color: #3d485d !important; border-color: #3d485d !important; color: #3d485d; }

/* Base Layout Styles Very Miminal Layout Styles */
.button-block, .button-stacked { display: block; width: 100%; }

/* Button Types (optional) All of the files below represent the various button types (including shapes & sizes). None of these files are required. Simple remove the uneeded type below and the button type will be excluded from the final build */
/* Button Shapes This file creates the various button shapes (ex. Circle, Rounded, Pill) */
.button-square { border-radius: 0; }

.button-box { border-radius: 10px; }

.button-rounded { border-radius: 4px; }

.button-round { border-radius: 30px; }

.button-pill { border-radius: 200px; }

.button-circle { border-radius: 100%; }

/* Size Adjustment for equal height & widht buttons Remove padding and set a fixed width. */
.button-circle, .button-box, .button-square { padding: 0 !important; width: 38px; }

.button-circle.button-giant, .button-box.button-giant, .button-square.button-giant { width: 66.5px; }

.button-circle.button-jumbo, .button-box.button-jumbo, .button-square.button-jumbo { width: 57px; }

.button-circle.button-large, .button-box.button-large, .button-square.button-large { width: 47.5px; }

.button-circle.button-lg, .button-box.button-lg, .button-square.button-lg { width: 42.94px; }

.button-circle.button-normal, .button-box.button-normal, .button-square.button-normal { width: 38px; }

.button-circle.button-small, .button-box.button-small, .button-square.button-small { width: 28.5px; }

.button-circle.button-tiny, .button-box.button-tiny, .button-square.button-tiny { width: 22.8px; }

/* Border Buttons These buttons have no fill they only have a border to define their hit target. */
.button-border, .button-border-thin, .button-border-thick { background: none; border-width: 2px; border-style: solid; line-height: 34px; }

.button-border:hover, .button-border-thin:hover, .button-border-thick:hover { background-color: rgba(104, 113, 116, 0.9); }

.button-border.active, .active.button-border-thin, .active.button-border-thick, .button-border.is-active, .is-active.button-border-thin, .is-active.button-border-thick, .button-border:active, .button-border-thin:active, .button-border-thick:active { box-shadow: none; text-shadow: none; transition-property: all; transition-duration: 0.3s; }

/* Border Optional Sizes A slight variation in border thickness */
.button-border-thin { border-width: 1px; }

.button-border-thick { border-width: 3px; }

/* Border Button Colors Create colors for buttons (.button-primary, .button-secondary, etc.) */
.button-border, .button-border-thin, .button-border-thick, .button-border-thick, .button-border-thin { /* Border Button Size Adjustment The line-height must be adjusted to compinsate for the width of the border. */ }

.button-border.button-theme, .button-theme.button-border-thin, .button-theme.button-border-thick, .button-border-thick.button-theme, .button-border-thin.button-theme { color: #3d485d; position: relative; z-index: 0; overflow: hidden; }

.button-border.button-theme:focus, .button-theme.button-border-thin:focus, .button-theme.button-border-thick:focus, .button-border.button-theme:hover, .button-theme.button-border-thin:hover, .button-theme.button-border-thick:hover, .button-border-thick.button-theme:focus, .button-border-thick.button-theme:hover, .button-border-thin.button-theme:focus, .button-border-thin.button-theme:hover { color: rgba(255, 255, 255, 0.9); background-color: #3d485d; }

.button-border.button-theme:focus span.ico, .button-theme.button-border-thin:focus span.ico, .button-theme.button-border-thick:focus span.ico, .button-border.button-theme:hover span.ico, .button-theme.button-border-thin:hover span.ico, .button-theme.button-border-thick:hover span.ico, .button-border-thick.button-theme:focus span.ico, .button-border-thick.button-theme:hover span.ico, .button-border-thin.button-theme:focus span.ico, .button-border-thin.button-theme:hover span.ico { color: rgba(255, 255, 255, 0.9); }

.button-border.button-theme.active, .button-theme.active.button-border-thin, .button-theme.active.button-border-thick, .button-border.button-theme.is-active, .button-theme.is-active.button-border-thin, .button-theme.is-active.button-border-thick, .button-border.button-theme:active, .button-theme.button-border-thin:active, .button-theme.button-border-thick:active, .button-border-thick.button-theme.active, .button-border-thick.button-theme.is-active, .button-border-thick.button-theme:active, .button-border-thin.button-theme.active, .button-border-thin.button-theme.is-active, .button-border-thin.button-theme:active { opacity: 0.3; }

.button-border.button-light-dark, .button-light-dark.button-border-thin, .button-light-dark.button-border-thick, .button-border-thick.button-light-dark, .button-border-thin.button-light-dark { color: #adadad; position: relative; z-index: 0; overflow: hidden; }

.button-border.button-light-dark:focus, .button-light-dark.button-border-thin:focus, .button-light-dark.button-border-thick:focus, .button-border.button-light-dark:hover, .button-light-dark.button-border-thin:hover, .button-light-dark.button-border-thick:hover, .button-border-thick.button-light-dark:focus, .button-border-thick.button-light-dark:hover, .button-border-thin.button-light-dark:focus, .button-border-thin.button-light-dark:hover { color: rgba(255, 255, 255, 0.9); background-color: #adadad; }

.button-border.button-light-dark:focus span.ico, .button-light-dark.button-border-thin:focus span.ico, .button-light-dark.button-border-thick:focus span.ico, .button-border.button-light-dark:hover span.ico, .button-light-dark.button-border-thin:hover span.ico, .button-light-dark.button-border-thick:hover span.ico, .button-border-thick.button-light-dark:focus span.ico, .button-border-thick.button-light-dark:hover span.ico, .button-border-thin.button-light-dark:focus span.ico, .button-border-thin.button-light-dark:hover span.ico { color: rgba(255, 255, 255, 0.9); }

.button-border.button-light-dark.active, .button-light-dark.active.button-border-thin, .button-light-dark.active.button-border-thick, .button-border.button-light-dark.is-active, .button-light-dark.is-active.button-border-thin, .button-light-dark.is-active.button-border-thick, .button-border.button-light-dark:active, .button-light-dark.button-border-thin:active, .button-light-dark.button-border-thick:active, .button-border-thick.button-light-dark.active, .button-border-thick.button-light-dark.is-active, .button-border-thick.button-light-dark:active, .button-border-thin.button-light-dark.active, .button-border-thin.button-light-dark.is-active, .button-border-thin.button-light-dark:active { opacity: 0.3; }

.button-border.button-white, .button-white.button-border-thin, .button-white.button-border-thick, .button-border-thick.button-white, .button-border-thin.button-white { color: #fff; position: relative; z-index: 0; overflow: hidden; }

.button-border.button-white:focus, .button-white.button-border-thin:focus, .button-white.button-border-thick:focus, .button-border.button-white:hover, .button-white.button-border-thin:hover, .button-white.button-border-thick:hover, .button-border-thick.button-white:focus, .button-border-thick.button-white:hover, .button-border-thin.button-white:focus, .button-border-thin.button-white:hover { color: rgba(80, 87, 89, 0.9); background-color: #fff; }

.button-border.button-white:focus span.ico, .button-white.button-border-thin:focus span.ico, .button-white.button-border-thick:focus span.ico, .button-border.button-white:hover span.ico, .button-white.button-border-thin:hover span.ico, .button-white.button-border-thick:hover span.ico, .button-border-thick.button-white:focus span.ico, .button-border-thick.button-white:hover span.ico, .button-border-thin.button-white:focus span.ico, .button-border-thin.button-white:hover span.ico { color: rgba(80, 87, 89, 0.9); }

.button-border.button-white.active, .button-white.active.button-border-thin, .button-white.active.button-border-thick, .button-border.button-white.is-active, .button-white.is-active.button-border-thin, .button-white.is-active.button-border-thick, .button-border.button-white:active, .button-white.button-border-thin:active, .button-white.button-border-thick:active, .button-border-thick.button-white.active, .button-border-thick.button-white.is-active, .button-border-thick.button-white:active, .button-border-thin.button-white.active, .button-border-thin.button-white.is-active, .button-border-thin.button-white:active { opacity: 0.3; }

.button-border.button-danger, .button-danger.button-border-thin, .button-danger.button-border-thick, .button-border-thick.button-danger, .button-border-thin.button-danger { color: #3d485d; position: relative; z-index: 0; overflow: hidden; }

.button-border.button-danger:focus, .button-danger.button-border-thin:focus, .button-danger.button-border-thick:focus, .button-border.button-danger:hover, .button-danger.button-border-thin:hover, .button-danger.button-border-thick:hover, .button-border-thick.button-danger:focus, .button-border-thick.button-danger:hover, .button-border-thin.button-danger:focus, .button-border-thin.button-danger:hover { color: rgba(80, 87, 89, 0.9); background-color: #3d485d; }

.button-border.button-danger:focus span.ico, .button-danger.button-border-thin:focus span.ico, .button-danger.button-border-thick:focus span.ico, .button-border.button-danger:hover span.ico, .button-danger.button-border-thin:hover span.ico, .button-danger.button-border-thick:hover span.ico, .button-border-thick.button-danger:focus span.ico, .button-border-thick.button-danger:hover span.ico, .button-border-thin.button-danger:focus span.ico, .button-border-thin.button-danger:hover span.ico { color: rgba(80, 87, 89, 0.9); }

.button-border.button-danger.active, .button-danger.active.button-border-thin, .button-danger.active.button-border-thick, .button-border.button-danger.is-active, .button-danger.is-active.button-border-thin, .button-danger.is-active.button-border-thick, .button-border.button-danger:active, .button-danger.button-border-thin:active, .button-danger.button-border-thick:active, .button-border-thick.button-danger.active, .button-border-thick.button-danger.is-active, .button-border-thick.button-danger:active, .button-border-thin.button-danger.active, .button-border-thin.button-danger.is-active, .button-border-thin.button-danger:active { opacity: 0.3; }

.button-border.button-giant, .button-giant.button-border-thin, .button-giant.button-border-thick, .button-border-thick.button-giant, .button-border-thin.button-giant { line-height: 62.5px; }

.button-border.button-jumbo, .button-jumbo.button-border-thin, .button-jumbo.button-border-thick, .button-border-thick.button-jumbo, .button-border-thin.button-jumbo { line-height: 53px; }

.button-border.button-large, .button-large.button-border-thin, .button-large.button-border-thick, .button-border-thick.button-large, .button-border-thin.button-large { line-height: 43.5px; }

.button-border.button-lg, .button-lg.button-border-thin, .button-lg.button-border-thick, .button-border-thick.button-lg, .button-border-thin.button-lg { line-height: 38.94px; }

.button-border.button-normal, .button-normal.button-border-thin, .button-normal.button-border-thick, .button-border-thick.button-normal, .button-border-thin.button-normal { line-height: 34px; }

.button-border.button-small, .button-small.button-border-thin, .button-small.button-border-thick, .button-border-thick.button-small, .button-border-thin.button-small { line-height: 24.5px; }

.button-border.button-tiny, .button-tiny.button-border-thin, .button-tiny.button-border-thick, .button-border-thick.button-tiny, .button-border-thin.button-tiny { line-height: 18.8px; }

/* Border Buttons These buttons have no fill they only have a border to define their hit target. */
.button-borderless { background: none; border: none; color: #3d485d; /* Borderless Button Colors Create colors for buttons (.button-primary, .button-secondary, etc.) */ /* Borderles Size Adjustment The font-size must be large to compinsate for the lack of a hit target. */ }

.button-borderless:hover, .button-borderless:focus { background: none; }

.button-borderless:active, .button-borderless.active, .button-borderless.is-active { box-shadow: none; text-shadow: none; transition-property: all; transition-duration: .3s; opacity: .3; }

.button-borderless.button-theme { color: #FFF; }

.button-borderless.button-theme:hover, .button-borderless.button-theme:focus { background: #3d485d; color: #fff; }

.button-borderless.button-light-dark { color: #fff; }

.button-borderless.button-light-dark:hover, .button-borderless.button-light-dark:focus { background: #adadad; color: #fff; }

.button-borderless.button-white { color: #3d485d; }

.button-borderless.button-white:hover, .button-borderless.button-white:focus { background: #fff; color: #fff; }

.button-borderless.button-danger { color: #3d485d; }

.button-borderless.button-danger:hover, .button-borderless.button-danger:focus { background: #3d485d; color: #fff; }

.button-borderless.button-giant { font-size: 36.4px; height: 52.4px; line-height: 52.4px; }

.button-borderless.button-jumbo { font-size: 31.2px; height: 47.2px; line-height: 47.2px; }

.button-borderless.button-large { font-size: 26px; height: 42px; line-height: 42px; }

.button-borderless.button-lg { font-size: 23.504px; height: 39.504px; line-height: 39.504px; }

.button-borderless.button-normal { font-size: 20.8px; height: 36.8px; line-height: 36.8px; }

.button-borderless.button-small { font-size: 15.6px; height: 31.6px; line-height: 31.6px; }

.button-borderless.button-tiny { font-size: 12.48px; height: 28.48px; line-height: 28.48px; }

/* Buton Groups A group of related buttons displayed edge to edge */
.button-group { position: relative; display: inline-block; }

.button-group:after { content: " "; display: block; clear: both; }

.button-group .button, .button-group .button-dropdown { float: left; }

.button-group .button:not(:first-child):not(:last-child), .button-group .button-dropdown:not(:first-child):not(:last-child) { border-radius: 0; border-right: none; }

.button-group .button:first-child, .button-group .button-dropdown:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; }

.button-group .button:last-child, .button-group .button-dropdown:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }

/* Button Sizes This file creates the various button sizes (ex. .button-large, .button-small, etc.) */
.button-giant { font-size: 28px; height: 66.5px; line-height: 66.5px; padding: 0 66.5px; }

.button-jumbo { font-size: 24px; height: 57px; line-height: 57px; padding: 0 57px; }

.button-large { font-size: 20px; height: 47.5px; line-height: 47.5px; padding: 0 47.5px; }

.button-lg { font-size: 18.08px; height: 42.94px; line-height: 42.94px; padding: 0 42.94px; }

.button-normal { font-size: 16px; height: 38px; line-height: 38px; padding: 0 38px; }

.button-small { font-size: 12px; height: 28.5px; line-height: 28.5px; padding: 0 28.5px; }

.button-tiny { font-size: 9.6px; height: 22.8px; line-height: 22.8px; padding: 0 22.8px; }

/*! 
*********
license

utility help css classes
****************
*/
.br { display: block; }

.disable { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); pointer-events: none; }

.ibv { display: inline-block; vertical-align: middle; }

.pointer { cursor: pointer; }

.t_u { text-decoration: underline; }

.p-none { pointer-events: none; }

.color-black { color: #000 !important; }

.color-theme { color: #3d485d !important; }

.color-theme-secondary { color: #0074E0 !important; }

.flow-hidden { overflow: hidden; }

.fw-bold { font-weight: bold; }

.font-small { font-size: 12px !important; }

.color-red { color: #ff6551; }

.color-red-dark { color: #da2424; }

.color-green { color: #90b534; }

.color-green-dark { color: #5fc90d; }

.color-yellow { color: #deb000; }

.st_point { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }

.lg-01 { background-color: #bc1922; }

.lg-02 { background-color: #e6521b; }

.lg-03 { background-color: #ffd62a; }

.lg-04 { background-color: #9cca02; }

.lg-05 { background-color: #06950e; }

.color-lg-01 { color: #bc1922; }

.color-lg-02 { color: #e6521b; }

.color-lg-03 { color: #ffd62a; }

.color-lg-04 { color: #9cca02; }

.color-lg-05 { color: #06950e; }

.alert-secondary { background-color: #E7E4E1; border-color: #E7E4E1; }

.margin-1x { margin: 5px; }

.margin-top-1x { margin-top: 5px; }

.margin-bottom-1x { margin-bottom: 5px; }

.margin-left-1x { margin-left: 5px; }

.margin-right-1x { margin-right: 5px; }

.padding-1x { padding: 5px; }

.padding-top-1x { padding-top: 5px; }

.padding-bottom-1x { padding-bottom: 5px; }

.padding-left-1x { padding-left: 5px; }

.padding-right-1x { padding-right: 5px; }

.margin-top-2x { margin-top: 10px; }

.margin-bottom-2x { margin-bottom: 10px; }

.margin-left-2x { margin-left: 10px; }

.margin-right-2x { margin-right: 10px; }

.padding-2x { padding: 10px; }

.padding-top-2x { padding-top: 10px; }

.padding-bottom-2x { padding-bottom: 10px; }

.padding-left-2x { padding-left: 10px; }

.padding-right-2x { padding-right: 10px; }

.margin-top-3x { margin-top: 15px; }

.margin-bottom-3x { margin-bottom: 15px; }

.margin-left-3x { margin-left: 15px; }

.margin-right-3x { margin-right: 15px; }

.padding-top-3x { padding-top: 15px; }

.padding-bottom-3x { padding-bottom: 15px; }

.padding-left-3x { padding-left: 15px; }

.padding-right-3x { padding-right: 15px; }

.margin-top-4x { margin-top: 20px; }

.margin-bottom-4x { margin-bottom: 20px; }

.margin-left-4x { margin-left: 20px; }

.margin-right-4x { margin-right: 20px; }

.padding-4x { padding: 20px; }

.padding-top-4x { padding-top: 20px; }

.padding-bottom-4x { padding-bottom: 20px; }

.padding-left-4x { padding-left: 20px; }

.padding-right-4x { padding-right: 20px; }

.margin-top-6x { margin-top: 30px; }

.margin-bottom-6x { margin-bottom: 30px; }

.margin-left-6x { margin-left: 30px; }

.margin-right-6x { margin-right: 30px; }

.padding-top-6x { padding-top: 30px; }

.padding-bottom-6x { padding-bottom: 30px; }

.margin-top-7x { margin-top: 35px; }

.padding-top-7x { padding-top: 35px; }

.margin-top-8x { margin-top: 40px; }

.margin-bottom-8x { margin-bottom: 40px; }

.margin-right-8x { margin-right: 40px; }

.padding-top-8x { padding-top: 40px; }

.padding-bottom-8x { padding-bottom: 40px; }

.margin-top-10x { margin-top: 50px; }

.margin-bottom-10x { margin-bottom: 50px; }

.padding-top-10x { padding-top: 50px; }

.padding-bottom-10x { padding-bottom: 50px; }

.margin-bottom-12x { margin-bottom: 60px; }

.padding-top-12x { padding-top: 60px; }

.margin-bottom-14x { margin-bottom: 70px; }

.margin-bottom-0 { margin-bottom: 0px; }

.p-t2 { position: relative; top: 2px; }

.p-t4 { position: relative; top: 4px; }

.ch-checkbox { display: inline-block; vertical-align: middle; overflow: hidden; cursor: pointer; color: #3d485d; position: relative; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

.ch-checkbox * { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

.ch-checkbox label { margin: 0; display: block; }

.ch-checkbox input[type="checkbox"], .ch-checkbox input[type="radio"] { position: absolute; top: 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.ch-checkbox input[type="checkbox"]:checked + span:before, .ch-checkbox input[type="checkbox"]:checked ~ span:before, .ch-checkbox input[type="radio"]:checked + span:before, .ch-checkbox input[type="radio"]:checked ~ span:before { content: "\e909"; color: #0074E0; }

.ch-checkbox span { display: block; overflow: hidden; position: relative; padding-left: 35px; font-size: 16px; font-size: 1rem; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ }

.ch-checkbox span:before { content: "\e90a"; font-family: "icomoon" !important; font-weight: normal; color: #3d485d; position: absolute; top: 0; left: 1px; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; }

.ch-checkbox span.remove-check:before { content: none!important; }

.ch-checkbox.ch-checkbox-large input[type="checkbox"]:checked + span:before, .ch-checkbox.ch-checkbox-large input[type="checkbox"]:checked ~ span:before, .ch-checkbox.ch-checkbox-large input[type="radio"]:checked + span:before, .ch-checkbox.ch-checkbox-large input[type="radio"]:checked ~ span:before { content: "\e910"; }

.ch-checkbox.ch-checkbox-large span { font-size: 18px; font-size: 1.125rem; min-width: 20px; min-height: 20px; line-height: 20px; }

.ch-checkbox.ch-checkbox-large span::before { content: "\e90f"; color: #B3B3B3; }

.ch-radio { display: inline-block; vertical-align: middle; overflow: hidden; cursor: pointer; font-weight: 400; line-height: 25px; position: relative; font-size: 16px; font-size: 1rem; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

.ch-radio * { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

.ch-radio label { margin: 0; }

.ch-radio input[type="radio"] { position: absolute; top: 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.ch-radio input[type="radio"]:checked + span:before, .ch-radio input[type="radio"]:checked ~ span:before { border-color: #0074E0; }

.ch-radio input[type="radio"]:checked + span:after, .ch-radio input[type="radio"]:checked ~ span:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); border-color: #0074E0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.ch-radio span { display: block; overflow: hidden; position: relative; padding-left: 35px; }

.ch-radio span:after, .ch-radio span:before { content: ""; border: 2px solid #3d485d; position: absolute; top: 3px; left: 1px; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.ch-radio span:after { background-color: #0074E0; top: 8px; left: 6px; border: 0; width: 10px; height: 10px; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.ch-radio label { cursor: pointer; }

.ch-radio.sm-ch span { min-height: 19px; line-height: 19px; padding-left: 25px; }

.ch-radio.sm-ch span:before { width: 18px; height: 18px; }

.ch-radio.sm-ch span::after { width: 8px; height: 8px; top: 6px; left: 6px; }

.ch-radio.ch-border-grey span:before { border-color: #a6a6a6; }

.ch-radio.ch-green input[type="radio"]:checked + span:before, .ch-radio.ch-green input[type="radio"]:checked ~ span:before { border-color: #00a651; }

.ch-radio.ch-green input[type="radio"]:checked + span:after, .ch-radio.ch-green input[type="radio"]:checked ~ span:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); background-color: #00a651; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.ch-radio.ch-yellow input[type="radio"]:checked + span:before, .ch-radio.ch-yellow input[type="radio"]:checked ~ span:before { border-color: #ffc20e; }

.ch-radio.ch-yellow input[type="radio"]:checked + span:after, .ch-radio.ch-yellow input[type="radio"]:checked ~ span:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); background-color: #ffc20e; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.ch-radio.ch-red input[type="radio"]:checked + span:before, .ch-radio.ch-red input[type="radio"]:checked ~ span:before { border-color: #d71920; }

.ch-radio.ch-red input[type="radio"]:checked + span:after, .ch-radio.ch-red input[type="radio"]:checked ~ span:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); background-color: #d71920; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

.ch-switch { position: relative; cursor: pointer; }

.ch-switch *, .ch-switch *:after, .ch-switch *:before { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

.ch-switch input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.ch-switch input[type="checkbox"]:checked + span:after, .ch-switch input[type="checkbox"]:checked ~ span:after { left: 33px; background-color: #3d485d; }

.ch-switch span { display: inline-block; width: 45px; height: 10px; cursor: pointer; background-color: #cccccc; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

.ch-switch span:after { content: ""; position: absolute; top: -7px; left: -7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 25px; height: 25px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background-color: #999999; z-index: 1; }

.ch-upload-button { position: relative; }

.ch-upload-button input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; }

.ch-upload-button span { cursor: pointer; }

.gutters-3 { margin-left: -3px; margin-right: -3px; }

.gutters-3 > .col, .gutters-3 > [class*="col-"] { padding-left: 3px; padding-right: 3px; }

.gutters-5 { margin-left: -5px; margin-right: -5px; }

.gutters-5 > .col, .gutters-5 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }

.gutters-6 { margin-left: -6px; margin-right: -6px; }

.gutters-6 > .col, .gutters-6 > [class*="col-"] { padding-left: 6px; padding-right: 6px; }

.gutters-7 { margin-left: -7px; margin-right: -7px; }

.gutters-7 > .col, .gutters-7 > [class*="col-"] { padding-left: 7px; padding-right: 7px; }

.gutters-10 { margin-left: -10px; margin-right: -10px; }

.gutters-10 > .col, .gutters-10 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }

@media (min-width: 1200px) { .gutters-20 { margin-left: -20px; margin-right: -20px; }
  .gutters-20 > .col, .gutters-20 > [class*="col-"] { padding-left: 20px; padding-right: 20px; } }

/*! 
*********
license

comman css classes
****************
*/
.error-msg { color: red; display: block; margin-top: 0px; font-weight: 500; font-size: 14px; text-align:right; }

.error-msg.m-top-none { margin-top: 0 !important; }

.score-circle { width: 10px; height: 10px; border-radius: 50%; display: inline-block; vertical-align: middle; }

.c-field-multiselect { position: relative; }

.c-field-multiselect .btn-group { display: block; }

.c-field-multiselect .btn-group .multiselect-container { width: 100%; padding: 10px 0; }

.c-field-multiselect .btn-group .multiselect-container input[type="checkbox"] { margin: 0 !important; }

.c-field-multiselect .multiSelctDropDown { width: 100%; font-size: 20px; font-size: 1.25rem; padding: 0px 0px 8px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ededed; position: relative; font-family: "Source Sans Pro", sans-serif; color: #3d485d; z-index: 2; background: transparent; text-align: left; margin-bottom: 40px; }

.c-field-multiselect .multiSelctDropDown:focus { outline: none; }

.c-field-multiselect .multiSelctDropDown:after { position: absolute; top: 45%; right: 0; font-family: "icomoon"; font-weight: normal; font-variant: normal; color: #3d485d; font-size: 7px; font-size: 0.4375rem; content: "\e901"; -webkit-transform: translate(0, -45%); -moz-transform: translate(0, -45%); -ms-transform: translate(0, -45%); -o-transform: translate(0, -45%); transform: translate(0, -45%); border: 0; margin: 0; display: block; }

.go-to-btn { position: fixed; right: 50px; bottom: 100px; z-index: 20; max-width: 60px; text-align: center; cursor: pointer; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); }

.go-to-btn span { display: block; text-align: center; margin-top: 8px; font-size: 11px; font-size: 0.6875rem; font-weight: bold; }

.go-to-btn.show { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }

.c-field { margin-bottom: 30px; position: relative; }

.c-field label { font-family: "Source Sans Pro", sans-serif; position: absolute; top: 0; left: 0; margin: 0; font-size: 18px;   color: #3d485d; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; z-index: 1; }

.c-field.c-md { margin-bottom: 25px; }

.c-field.c-xmd { margin-bottom: 35px; }

.c-field.c-none { margin-bottom: 0px; }

.c-field.c-lg { margin-bottom: 40px; }

.c-field.c-border-none .c-field-control { border: 0; }

.c-field.c-field-full .c-field-control { border-radius: 6px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); background-color: #fff; font-size: 16px; font-size: 1rem; padding: 12px 15px; border: 0; }

.c-field.c-field-full .select-control { border-radius: 6px; background-color: #fff; }

.c-field.c-field-full .select-control .c-field-control { background: transparent; }

.c-field.c-field-full .select-control select { padding-right: 35px !important; }

.c-field.c-field-full .select-control:after { right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.c-field .has-ico { position: relative; }

.c-field .has-ico span.ico { position: absolute; top: 50%; left: 0; min-width: 25px; text-align: center; z-index: 2; display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.c-field .has-ico span.ico img { vertical-align: inherit; }

.c-field .has-ico .c-field-control { padding-left: 35px; }

.c-field .has-ico label { padding-left: 35px; }

.c-field .has-ico .gj-icon { display: none; }

.c-field .has-ico.has-icon-right span.ico { right: 0; left: auto; cursor: pointer; }

.c-field .has-ico.has-icon-right span.ico img { width: 30px; }

.c-field .has-ico.has-icon-right .c-field-control { padding-left: 0px; padding-right: 35px; }

.c-field .has-ico.has-icon-right label { padding-left: 0px; }

.c-field .c-field-control { width: 100%; font-size: 18.4px; font-size: 1.15rem; padding: 0px 0px 8px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ededed; position: relative; font-family: "Calibri"; color: #3d485d; z-index: 2; background: transparent;transition:all .3s ease-in-out; }

.c-field .c-field-control:focus { outline: none !important;border-bottom:2px solid #0074E0; }

.c-field .c-field-control.error-field{border-bottom:2px solid #CD3C2E;}

.c-field .c-field-control:focus ~ label { top: -15px; font-size: 15px; font-size: 0.9375rem; z-index: 3; }

.c-field .c-field-control:required { box-shadow: none; }

.c-field .c-field-control.has-value ~ label { top: -18px; font-size: 15px; font-size: 0.9375rem; z-index: 3; }

.c-field .c-field-control:disabled { cursor: not-allowed; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }

.c-field .c-field-control:disabled ~ label { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }

.c-field textarea.c-field-control { resize: none; height: auto; }

.c-field.c-field-theme .c-field-control { border-bottom: 1px solid #cecece; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; }

.page-error-block { min-height: -webkit-calc(100vh - 114px); min-height: -moz-calc(100vh - 114px); min-height: -ms-calc(100vh - 114px); min-height: -o-calc(100vh - 114px); min-height: calc(100vh - 114px); }

.page-error-block .page404Wrapper { max-width: 600px; padding: 10px; margin: 0 auto; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 767px) { .page-error-block .page404Wrapper { position: relative; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); padding: 30px 10px; } }

.page-error-block .page404Wrapper img { max-width: 100%; }

.page-error-block .page404Wrapper h5 { margin: 30px 0 40px; font-size: 18px; font-size: 1.125rem; font-family: Arial, Helvetica, sans-serif; }

.page-error-block .page500Wrapper { max-width: 600px; padding: 10px; margin: 0 auto; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 767px) { .page-error-block .page500Wrapper { position: relative; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); padding: 30px 10px; } }

.page-error-block .page500Wrapper img { max-width: 100%; }

.page-error-block .page500Wrapper h5 { margin: 30px 0 0; font-size: 18px; font-size: 1.125rem; color: #ff6551; font-family: Arial, Helvetica, sans-serif; }

.page-error-block .page500Wrapper p { margin: 40px 0 0; font-size: 18px; font-size: 1.125rem; color: #3c3c3c; font-family: Arial, Helvetica, sans-serif; }

@media (min-width: 990px) { .sticky-fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 11; }
  .sticky-fixed + div { padding-top: 260px; } }

.pdf-view { background-color: #525659; }

.pdf-view .sticky-fixed { position: relative; }

.pdf-view .report-bulider-section { padding: 0; background-color: #525659; }

.pdf-view .report-template-header--customer.sticky-fixed + div { padding-top: 0; }

.pdf-view .report-bulider-section .report-template-block { padding: 0; }

.bg-drop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.54); overflow: hidden; z-index: 11; display: none; }

.bg-drop.open { display: block; }

.gj-datepicker-md [role="right-icon"] { display: none; }

.password-field .has-ico .c-field-control { padding-right: 35px; }

.password-field .password-ico { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 3; }

.password-field .hintIcon {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 99; 
}
.reset-form .password-field .password-ico{
  right:30px;
}
.password-field .info-overlay {
  position: absolute;
  top: auto;
  left: auto;
  width: 280px;
  background: rgba(61, 72, 93, 0.9);
  color: #fff;
  padding: 5px;
  opacity: 0;
  bottom: 34px;
  z-index: -2;
  right: 0;
  border-radius: 4px;
}
.password-field .info-overlay:after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(61, 72, 93, 0.9);
  content: "";
  position: absolute;
  bottom: -4px;
  background: transparent;
  right: 10px;
}
.password-field .hintIcon:hover ~ .info-overlay {
  opacity: 1;
  z-index: 99;
}
.password-field .info-overlay ul li {
	flex: 0 0 100%;
	max-width: 100%;
	line-height: normal;
	font-size: 12px;
	color: #fff;
	text-align: left;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	padding-left: 10px;
}
.main-container { padding: 40px 0px 30px; min-height: -webkit-calc(100vh - 134px); min-height: -moz-calc(100vh - 134px); min-height: -ms-calc(100vh - 134px); min-height: -o-calc(100vh - 134px); min-height: calc(100vh - 134px); }

@media (max-width: 1400px) { .main-container { padding: 40px 0px 20px; } }

@media (max-width: 767px) { .main-container { padding: 10px 0px; } }

@media (min-width: 1400px) { .container-fluid { padding: 0 40px; } }

@media (min-width: 767px) { .sop-modal .modal-dialog { max-width: 630px; } }

.sop-modal .modal-content { border-radius: 6px; }

.sop-modal .modal-content .modal-body { padding: 25px 30px 30px; }

@media (max-width: 767px) { .sop-modal .modal-content .modal-body { padding: 20px; } }

.sop-modal .modal-content .modal-body h2 { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0 0 12px; }

.sop-modal .modal-content .modal-body .data-content { border-radius: 8px; background-color: #f4f3f1; padding: 15px 20px 30px; max-height: 300px; margin: 0 0 15px; }

.sop-modal .modal-content .modal-body .data-content p { line-height: 1.25; }

.sop-modal .modal-content .modal-body .bottom-block p { line-height: 1.25; margin: 0; }

@media (min-width: 767px) { .approveModal .modal-dialog { max-width: 560px; } }

.approveModal .modal-body { padding: 35px; }

@media (min-width: 767px) { .approveModal .modal-body { padding: 20px; } }

.approveModal .modal-body h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

.approveModal .modal-body .apr-dtl { margin-top: 20px; }

.approveModal .modal-body .apr-dtl .data-box label { display: block; font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 24px; margin: 0; padding: 0; }

.approveModal .modal-body .apr-dtl .data-box span { font-size: 18px; font-size: 1.125rem; font-weight: bold; line-height: 24px; }

.approveModal .modal-body .field-group { margin-top: 30px; }

.approveModal .modal-body .field-group .comment-field-control label { font-size: 14px; font-size: 0.875rem; }

.approveModal .modal-body .field-group .comment-field-control label span.ico { margin-right: 10px; }

.approveModal .modal-body .field-group .comment-field-control textarea { width: 100%; display: block; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #d7d7d7; padding: 4px 4px 8px 30px; resize: none; }

.approveModal .modal-body .field-group .btn-field { margin-top: 25px; }

.imageModal .modal-content { border-radius: 0; }

.imageModal .modal-body { padding: 10px 15px 30px; }

.imageModal .modal-body h3 { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0 0 10px; }

.imageModal .modal-body .crop-image-container { min-height: 500px; width: 100%; }

.imageModal .modal-body .crop-image-container img { max-width: 100%; }

@media (max-width: 767px) { .imageModal .modal-body .crop-image-container { min-height: 400px; } }

.imageModal .btn-field { margin-top: 30px; }

.imageModal #canvas { height: 600px; width: 600px; background-color: #ffffff; cursor: default; border: 1px solid black; }

.confirm-modal .modal-content .modal-body { padding: 35px 40px; }

.confirm-modal .modal-content .modal-body h2.title { font-size: 22px; font-size: 1.375rem; margin: 0 0 15px; font-weight: bold; }

.confirm-modal .modal-content .modal-body p { font-size: 18px; font-size: 1.125rem; }

@media (max-width: 767px) { .btn-field.re-assess-confirm { display: flex; } }

@media (max-width: 480px) { .btn-field.re-assess-confirm .button-width-large { padding: 0 15px !important; } }

.template-group-modal .modal-body { padding: 30px 40px; }

.template-group-modal .modal-body h3 { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

.template-group-modal .modal-body h5 { font-size: 16px; font-size: 1rem; margin: 0; }

.template-group-modal .modal-body .field-group { margin-top: 30px; }

.imageModal .modal-content { border-radius: 0; }

.imageModal .modal-content .modal-body { padding: 15px; }

.imageModal .modal-content .modal-body .header { position: relative; }

.imageModal .modal-content .modal-body .header [class^="col-auto"]:first-of-type .data-box { padding-left: 0; }

.imageModal .modal-content .modal-body .header [class^="col-auto"]:last-of-type .data-box { padding-right: 0; border: 0; }

.imageModal .modal-content .modal-body .header [class^="col-auto"]:last-of-type .data-box::after { display: none; }

.imageModal .modal-content .modal-body .header .data-box { padding: 0 30px; }

.imageModal .modal-content .modal-body .header .data-box::after { position: absolute; top: 50%; right: 0; bottom: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; width: 1px; height: 50px; background-color: #d5d5d5; }

.imageModal .modal-content .modal-body .header .score label, .imageModal .modal-content .modal-body .header .date label { display: block; margin: 0; line-height: 16px; }

.imageModal .modal-content .modal-body .header .score span, .imageModal .modal-content .modal-body .header .date span { font-size: 22px; font-size: 1.375rem; font-weight: bold; display: inline-block; }

@media (max-width: 767px) { .imageModal .modal-content .modal-body .header .score span, .imageModal .modal-content .modal-body .header .date span { font-size: 18px; font-size: 1.125rem; } }

.imageModal .modal-content .modal-body .header .close-btn { position: absolute; top: 10px; right: 0; cursor: pointer; }

.imageModal .modal-content .modal-body .image-data-list { margin-top: 10px; }

.requsestModal .modal-body { padding: 30px; }

.requsestModal .modal-body h3 { font-size: 20px; font-size: 1.25rem; margin: 0 0 5px; }

.requsestModal .modal-body a.number { font-size: 30px; font-size: 1.875rem; text-decoration: none; }

.requsestModal .modal-body .button { margin-top: 20px; }

.historyModal .modal-body { position: relative; padding: 35px 50px; }

@media (max-width: 767px) { .historyModal .modal-body { padding: 20px; } }

.historyModal .modal-body .close-btn { position: absolute; top: 35px; right: 50px; cursor: pointer; }

@media (max-width: 767px) { .historyModal .modal-body .close-btn { top: 20px; right: 20px; } }

.historyModal .modal-body h2 { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0 0 25px; padding-right: 28px; }

.historyModal .modal-body .data-history-list { margin-top: 20px; }

.historyModal .modal-body .data-history-list .data-table-list { margin-top: 10px; }

.historyModal .modal-body .data-history-list .data-table-list .table tbody tr { background-color: #f4f3f1; }

.historyModal .modal-body .data-history-list .data-table-list .table tbody tr td a { text-decoration: none; }

.legend-block { max-width: 340px; min-width: 340px; }

@media (max-width: 767px) { .legend-block { margin: 0 auto; } }

@media (max-width: 320px) { .legend-block { max-width: 100%; min-width: 100%; } }

.legend-block .legend-label { display: table; width: 100%; }

.legend-block .legend-label span { font-size: 11px; font-size: 0.6875rem; font-weight: bold; width: 20%; text-align: center; display: table-cell; }

@media (max-width: 375px) { .legend-block .legend-label span { font-size: 11px; font-size: 0.6875rem; } }

.legend-block .legend-bars { margin-top: 4px; display: table; width: 100%; }

.legend-block .legend-bars span { width: 20%; display: table-cell; height: 12px; }

.legend-block .legend-range ul { display: table; width: 100%; }

.legend-block .legend-range ul li { display: table-cell; text-align: left; width: 20%; }

.legend-block .legend-range ul li span { margin-left: -7px; float: left; font-size: 11px; font-size: 0.6875rem; }

@media (max-width: 375px) { .legend-block .legend-range ul li span { font-size: 12px; font-size: 0.75rem; } }

.legend-block .legend-range ul li span.end { float: right; margin-left: 0; margin-right: -7px; }

.slick-prev, .slick-next { width: 32px; height: 32px; background-color: #3d485d; border-radius: 50%; text-align: center; z-index: 5; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: #3d485d !important; color: inherit !important; }

.slick-prev::before, .slick-next::before { color: #fff; font-size: 10px; font-size: 0.625rem; font-family: "icomoon" !important; opacity: 1 !important; }

.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); }

.slick-prev:before { content: "\e90c"; }

.slick-next:before { content: "\e90b"; }

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #d8d8d8; }

.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail { background-color: #d8d8d8; }

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; }

.mCS-my-theme-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #7B7B7B; }

.mCS-my-theme-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #DEDEDE; width: 1px; }

.mCS-my-theme-2 .mCSB_dragger { height: 100px !important; }

.hmmenu-icon { display: none; }

@media (max-width: 1024px) { .hmmenu-icon { display: block; margin: 0; position: absolute; top: 22px; right: 10px; } }

@media (max-width: 767px) { .hmmenu-icon { top: 10px; } }

.hamicon { width: 30px; height: 24px; position: relative; cursor: pointer; display: inline-block; }

.hamicon span { background-color: #3d485d; position: absolute; border-radius: 2px; transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4); width: 100%; height: 4px; transition-duration: 500ms; }

.hamicon span:nth-child(1) { top: 0px; left: 0px; }

.hamicon span:nth-child(2) { top: 10px; left: 0px; }

.hamicon span:nth-child(3) { bottom: 0px; left: 0px; }

.openmenu span:nth-child(1) { transform: rotate(45deg); top: 13px; }

.openmenu span:nth-child(2) { transform: scale(0.1); }

.openmenu span:nth-child(3) { transform: rotate(-45deg); top: 13px; }

@keyframes ScaleIn { 0% { opacity: 0;
    transform: scale(0.1); }
  85% { opacity: 1;
    transform: scale(1.05); }
  100% { transform: scale(1);
    opacity: 1; } }

.preloader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 100; }

.preloader .loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.empty-state-block { max-width: 300px; margin: 20px auto; text-align: center; }

.empty-state-block img { max-width: 80px; }

.empty-state-block h4 { font-size: 18px; font-size: 1.125rem; font-family: Arial, Helvetica, sans-serif; margin: 20px 0 0; }

.lds-roller { display: inline-block; position: relative; width: 64px; height: 64px; }

.lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px; }

.lds-roller div:after { content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #fff; margin: -3px 0 0 -3px; }

.lds-roller div:nth-child(1) { animation-delay: -0.036s; }

.lds-roller div:nth-child(1):after { top: 50px; left: 50px; }

.lds-roller div:nth-child(2) { animation-delay: -0.072s; }

.lds-roller div:nth-child(2):after { top: 54px; left: 45px; }

.lds-roller div:nth-child(3) { animation-delay: -0.108s; }

.lds-roller div:nth-child(3):after { top: 57px; left: 39px; }

.lds-roller div:nth-child(4) { animation-delay: -0.144s; }

.lds-roller div:nth-child(4):after { top: 58px; left: 32px; }

.lds-roller div:nth-child(5) { animation-delay: -0.18s; }

.lds-roller div:nth-child(5):after { top: 57px; left: 25px; }

.lds-roller div:nth-child(6) { animation-delay: -0.216s; }

.lds-roller div:nth-child(6):after { top: 54px; left: 19px; }

.lds-roller div:nth-child(7) { animation-delay: -0.252s; }

.lds-roller div:nth-child(7):after { top: 50px; left: 14px; }

.lds-roller div:nth-child(8) { animation-delay: -0.288s; }

.lds-roller div:nth-child(8):after { top: 45px; left: 10px; }

@keyframes lds-roller { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.customer-balance.error-msg { background-image: url("/static/images/ic-warning.svg"); background-repeat: no-repeat; background-position: left top; padding-left: 24px; font-size: 14px; line-height: 14px; color: #DEB000; }

.pdf-view { background-color: #525659; }

.pdf-view .sticky-fixed { position: relative; }

.pdf-view .report-bulider-section { padding: 0; }

.pdf-view .report-template-header--customer.sticky-fixed + div { padding-top: 0; }

.pdf-view .report-bulider-section .comment-section-row { padding: 0 40px; }

.multiselect-container > li > a > label { position: relative; }

.multiselect-container > li > a > label input { position: absolute; top: 10px; left: 22px; }

/*----microsoft-surface----*/
.upcoming-list ul li { line-height: 20px !important; }

header {
	background-color: #fff;
	position: relative;
	z-index: 2;
	padding: 9px 0px;
	border-bottom: 1px solid #EAEDF3;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.06);
}
.asteriks {
  margin-left: 4px;
  display:none;
	color: #E94A53;
}

@media (max-width: 767px) { header { text-align: center; } }

header .live_notify_badge sup { position: absolute; top: 0; right: -6px; height: 17px; border-radius: 50%; display: block; background-color: #da2424; color: #fff; text-align: center; line-height: 17px; font-size: 12px; line-height: 1.5; font-size: 0.75rem; width: auto; min-width: 17px; padding: 0 3px; }

@media (max-width: 767px) { header .notification-ico { position: relative; } }

header .row { min-height: 50px; }

@media (max-width: 767px) { header .row { min-height: inherit; } }

header .logo { display: block; }

@media (max-width: 767px) { header .logo { display: inline-block; } }

header .logo img { max-width: 200px; max-height: 50px; }

@media (max-width: 767px) { header .logo img { margin: 0 auto; max-width: 190px; } }

header .nav-section { float: right; }

/* @media (max-width: 991px) { header .nav-section { margin-right: 40px; } */
  header .nav-section .button { background-color: #fff; color: #3d485d; margin-left: 10px; } 

@media (max-width: 767px) { header .nav-section { float: none; width: 100%; } }

header .nav-section .nav-block { display: inline-block; vertical-align: middle; }

@media (max-width: 1024px) { header .nav-section .nav-block { position: fixed; top: 0; bottom: 0; left: -300px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); width: 250px; background-color: #3d485d; z-index: 22; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); text-align: left; }
  header .nav-section .nav-block.show { left: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } }

header .nav-section .nav-block nav { display: inline-block; vertical-align: middle; }

@media (max-width: 1024px) { header .nav-section .nav-block nav { display: block; } }

header .nav-section .nav-block nav ul li { display: inline-block; margin-right: 45px; }

@media (max-width: 1500px) { header .nav-section .nav-block nav ul li { margin-right: 22px; } }

@media (max-width: 1200px) { header .nav-section .nav-block nav ul li { margin-right: 15px; } }

@media (max-width: 1000px) { header .nav-section .nav-block nav ul li { margin-right: 10px; } }

header .nav-section .nav-block nav ul li:last-child { margin-right: 2px; }

@media (max-width: 1005px) { header .nav-section .nav-block nav ul li:last-child { margin-right: 0px; } }

@media (max-width:1024px) { header .nav-section .nav-block nav ul li { display: block; margin: 0; } }

header .nav-section .nav-block nav ul li a { display: block; font-size: 18px; font-size: 1.125rem; font-weight: bold; text-decoration: none; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

@media (max-width: 1200px) { header .nav-section .nav-block nav ul li a { padding: 12px 4px; } }

@media (max-width: 1500px) { header .nav-section .nav-block nav ul li a { padding: 12px 5px; } }

@media (max-width: 1024px) { header .nav-section .nav-block nav ul li a { font-size: 16px; line-height: 1.5; font-size: 1rem; color: #fff; padding: 10px; } }

header .nav-section .nav-block nav ul li a::before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: -20px; background: #0074E0; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

@media (max-width: 1500px) { header .nav-section .nav-block nav ul li a::before { bottom: -10px; } }

@media (max-width: 1024px) { header .nav-section .nav-block nav ul li a::before { bottom: 0; background-color: #fdb714; } }

header .nav-section .nav-block nav ul li a:hover:before, header .nav-section .nav-block nav ul li a:focus:before, header .nav-section .nav-block nav ul li a:active:before { right: 0; }

header .nav-section .nav-block nav ul li a.active::before { right: 0; }

header .nav-section .nav-right { display: inline-block; vertical-align: middle; margin-left: 15px; }

@media (max-width: 1200px) { header .nav-section .nav-right { margin-left: 5px; } }

@media (max-width: 991px) { header .nav-section .nav-right { display: block; text-align: center; } }

@media (max-width: 767px) { header .nav-section .nav-right { margin-left: 0px; } }

header .nav-section .nav-right .notfication { display: inline-block; position: relative; }

header .nav-section .nav-right .notfication .notification-ico { padding: 0 17px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }

@media (max-width: 1000px) { header .nav-section .nav-right .notfication .notification-ico { padding: 0 10px; } }

header .nav-section .nav-right .notfication .notification-ico .bell-ico { position: relative; cursor: pointer; display: block; }

header .nav-section .nav-right .notfication .notification-ico .bell-ico sup { position: absolute; top: 0; right: -5px; height: 17px; border-radius: 50%; display: block; background-color: #da2424; color: #fff; text-align: center; line-height: 17px; font-size: 12px; line-height: 1.5; font-size: 0.75rem; width: auto; min-width: 17px; padding: 0 3px; }

header .nav-section .nav-right .notfication .notification-menu { border: 0; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border: 0; padding: 30px; margin-top: 35px; max-width: 445px; width: 445px; left: 50% !important; transform: translate(-64%, 0) !important; top: 22px !important; }

@media (max-width: 767px) { header .nav-section .nav-right .notfication .notification-menu { max-width: 320px; padding: 20px 15px; left: auto !important; right: 0 !important; box-shadow: 0 2px 33px 0 rgba(0, 0, 0, 0.11); transform: translate(0, 0) !important; top: 13px !important; } }

header .nav-section .nav-right .notfication .notification-menu:after { content: ""; position: absolute; width: 15px; height: 15px; background: #fff; transform: rotate(45deg); /* Prefixes... */ top: -5px; left: 85px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); left: calc(50% - -53px); }

@media (max-width: 767px) { header .nav-section .nav-right .notfication .notification-menu:after { left: auto; right: 14px; } }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container { position: relative; background-color: #fff; z-index: 1; border-radius: 6px; color: #3d485d; }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container .header h3 { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container .header span { color: #3d485d; cursor: pointer; font-size: 14px; font-size: 0.875rem; }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container .notification-list { margin-top: 20px; }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container .notification-list .data-row { background-color: #efebe3; border-radius: 3px; padding: 5px 15px 5px 55px; margin-bottom: 10px; cursor: pointer; background-image: url("/static/images/ic-chat-unread.svg"); background-repeat: no-repeat; background-position: 10px 10px; border-radius: 4px; min-height: 65px; }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container .notification-list .data-row.seen { background-color: #fff !important; border: solid 1px #eeeae1; background-image: url("/static/images/ic-chat-read.svg"); }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container .notification-list .data-row span { font-size: 16px; font-size: 1rem; line-height: 1.38; }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container .notification-list .data-row span a { text-decoration: none; font-size: 16px; line-height: 22px; }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container .notification-list .show-link { text-align: right; }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container .notification-list .show-link a { text-decoration: none; font-size: 14px; font-size: 0.875rem; font-weight: bold; }

header .nav-section .nav-right .notfication .notification-menu .drop-down-container .notification-list .show-link a:hover { color: #0074E0; }

header .nav-section .nav-right .user-dropdown { display: inline-block; margin-left: 20px; vertical-align: middle; cursor: pointer; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ }

@media (max-width: 1000px) { header .nav-section .nav-right .user-dropdown { margin-left: 0px; } }

header .nav-section .nav-right .user-dropdown .user-name { font-size: 16px; font-size: 1.125rem; font-weight: 600; position: relative; padding-right: 25px; max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1200px) { header .nav-section .nav-right .user-dropdown .user-name { max-width: 130px; } }

header .nav-section .nav-right .user-dropdown .user-name::after { font-family: "icomoon"; content: "\e901"; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 8px; font-size: 0.5rem; }

header .nav-section .nav-right .user-dropdown .user-dropdown-menu { box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border: 1px #ddd solid; padding: 0; margin-top: 33px; }

@media (max-width: 767px) { header .nav-section .nav-right .user-dropdown .user-dropdown-menu { margin-top: 17px; } }

header .nav-section .nav-right .user-dropdown .user-dropdown-menu:after { content: ""; position: absolute; width: 15px; height: 15px; background: #fff; transform: rotate(45deg); /* Prefixes... */ top: -5px; right: 20px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); }

header .nav-section .nav-right .user-dropdown .user-dropdown-menu .drop-down-container { position: relative; background-color: #fff; z-index: 1; border-radius: 6px; }

header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul li { border-bottom: 1px solid #cacaca; }
header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul {margin:0;}
header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul li:last-child { border: 0; }

header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul li a { padding: 11px 18px; display: block; text-decoration: none; }

header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul li a span.ico { margin-right: 10px; display: inline-block; vertical-align: middle; color: #000; font-size: 17px; font-size: 1.0625rem; }

header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul li a:hover, header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul li a:focus { color: #0074E0; }

header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul li a:hover span.ico, header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul li a:focus span.ico { color: #0074E0; }

header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul li a.active { color: #0074E0; }

header .nav-section .nav-right .user-dropdown .user-dropdown-menu ul li a.active span.ico { color: #0074E0; }

@media (max-width: 1463px) { .set-header .nav-section .nav-block nav ul li { margin-right: 8px; } }

@media (min-width: 1024px) and (max-width: 1280px) { .set-header .nav-section .nav-block nav ul li { margin-right: 2px; } }

@media (max-width: 1280px) { .set-header .nav-section .nav-block nav ul li:last-child { margin-right: 0px; } }

.set-header .nav-section .nav-block .button { padding: 0 10px; }

@media (max-width: 1280px) { .set-header .nav-section .nav-right .notfication .notification-ico { padding: 0 10px; } }

@media (max-width: 1135px) { .set-header .nav-section .nav-right .user-dropdown { margin-left: 4px; } }

@media (max-width: 1165px) { .set-header .nav-section .nav-block nav ul li a { font-size: 1rem; } }

@media (max-width: 1135px) { .set-header .nav-section .nav-block nav ul li { margin-right: 5px; } }

@media (max-width: 1135px) { .set-header .nav-section .nav-block nav ul li { margin-right: 0; } }

@media (max-width: 1135px) { .set-header .nav-section .nav-block .button { padding: 0 7px; font-size: 13px; } }

@media (max-width: 767px) { .admin-header-notification { display: flex; } }

@media (max-width: 767px) { .admin-header-notification .admin-login-logo { width: 78%; float: left; text-align: left; } }

.nav-block nav ul li a { border: 0; }

footer { padding: 20px 25px; background-color: #fff; }

@media (max-width: 1400px) { footer { padding: 20px 10px; } }

@media (max-width: 575px) { footer { text-align: center; } }

footer .copy-txt { font-size: 14px; font-size: 0.875rem; color:#5a6783; font-weight: 400;}

footer .footer-links { float: right; }

@media (max-width: 575px) { footer .footer-links { float: none; } }

footer .footer-links ul li { display: inline-block; padding: 0px 7px; }

footer .footer-links ul li a { font-size: 14px; font-size: 0.875rem; text-decoration: none; color:#5a6783; font-weight: 400;}

footer .footer-links ul li a:hover { color: #0074E0; }

/*home*/
.assement-section .top-info-pannel .pannelBoxContainer { background-color: #fff; border-radius: 6px; }

@media (max-width: 767px) { .assement-section .top-info-pannel .pannelBoxContainer { background: transparent; border-radius: 0; }
  .assement-section .top-info-pannel .pannelBoxContainer > .row { margin: 0 -5px; }
  .assement-section .top-info-pannel .pannelBoxContainer > .row > [class*="col-"] { padding: 0 5px; } }

.assement-section .top-info-pannel .pannelBoxContainer [class*="col-"]:last-of-type .pannelBox { border: 0; }

.assement-section .top-info-pannel .pannelBox { padding: 15px 19px; border-right: 1px solid #e9e9e9; }

@media (max-width: 1200px) { .assement-section .top-info-pannel .pannelBox { padding: 15px 10px; } }

@media (max-width: 990px) { .assement-section .top-info-pannel .pannelBox { min-height: 100px; } }

@media (max-width: 767px) { .assement-section .top-info-pannel .pannelBox { margin-bottom: 10px; background-color: #fff; } }

@media (max-width: 574px) { .assement-section .top-info-pannel .pannelBox { min-height: inherit; } }

.assement-section .top-info-pannel .pannelBox.active { box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border-bottom: 2px solid #ff6551; }

.assement-section .top-info-pannel .pannelBox.active h4 { color: #ff6551; }

.assement-section .top-info-pannel .pannelBox.in-progress h4 { color: #deb000; }

.assement-section .top-info-pannel .pannelBox.in-progress.active { border-bottom: 2px solid #deb000; }

.assement-section .top-info-pannel .pannelBox.assigned h4 { color: #4C94D6; }

.assement-section .top-info-pannel .pannelBox.completed h4 { color: #90B534; }

.assement-section .top-info-pannel .pannelBox.lab-results-pending h4 { color: #FF6551; }

.assement-section .top-info-pannel .pannelBox h3 { font-size: 16px; font-size: 1rem; font-weight: bold; margin: 0 0 5px; line-height: 1; }

@media (max-width: 1200px) { .assement-section .top-info-pannel .pannelBox h3 { font-size: 15px; font-size: 0.9375rem; } }

.assement-section .top-info-pannel .pannelBox h4 { font-size: 34px; font-size: 2.125rem; font-weight: bold; margin: 0; line-height: 1; color: #ff6551; }

@media (max-width: 1200px) { .assement-section .top-info-pannel .pannelBox h4 { font-size: 30px; font-size: 1.875rem; } }

.assement-section .top-info-pannel .add-btn { margin-left: 18px; }

@media (max-width: 990px) { .assement-section .top-info-pannel .add-btn { margin: 10px 0 0 0; } }

.assement-section .top-info-pannel .add-btn .button { height: 86px; }

@media (max-width: 990px) { .assement-section .top-info-pannel .add-btn .button { height: 48px; font-size: 16px; font-size: 1rem; }
  .assement-section .top-info-pannel .add-btn .button span.ico { font-size: 24px; font-size: 1.5rem; } }

.assement-section .data-table-list { margin-top: 20px; }

.assesment-side-container .assesment-sidebar { position: fixed; top: 0; right: -415px; bottom: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 100%; width: 415px; overflow: auto; background-color: #f4f3f1; padding: 20px; z-index: 13; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }

@media (max-width: 990px) { .assesment-side-container .assesment-sidebar { width: 350px; right: auto; left: -300px; } }

@media (max-width: 767px) { .assesment-side-container .assesment-sidebar { width: 300px; } }

.assesment-side-container .assesment-sidebar.open { right: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.assesment-side-container .assessment-sidebar.open { right: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

@media (max-width: 990px) { .assesment-side-container .assesment-sidebar.open { right: auto; left: 0; } }

.assesment-side-container .assesment-sidebar .add-assement-form { background-color: #fff; border-radius: 6px; padding: 25px 30px 30px; }

.assesment-side-container .assesment-sidebar .add-assement-form h3 { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

.assesment-side-container .assesment-sidebar .add-assement-form .field-group { margin-top: 22px; }

.assesment-side-container .assesment-sidebar .add-assement-form .field-group .btn-field { margin-top: 20px; }

.assesment-side-container .assesment-sidebar .add-assement-form .field-group .btn-field .button-cancel { background: transparent; color: #3d485d; }

.assesment-side-container .assesment-sidebar .add-assement-form .field-group .btn-field .button-cancel:hover { background-color: #3d485d; color: #fff; }

.assesment-side-container .assesment-sidebar .ch-checkbox { margin-top: 10px; }

.no-assessment-center { height: calc(100vh - 469px); display: flex; align-items: center; }

/*customers*/
.customers-section .filter-pannel { margin-top: 0; }

.customers-section .data-table-list { margin-top: 20px; }

.customers-section .header { margin-bottom: 20px; }

.customers-section .header h3 { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

@media (max-width: 575px) { .customers-section .header h3 { margin: 0 0 10px; } }

.customers-section .header h3 span.ico { display: inline-block; vertical-align: middle; margin-right: 7px; }

.customers-section .header h3 a { text-decoration: none; }

/*Mark Training Popup*/
.mark-training .modal-lg, .save-report .modal-lg { max-width: 563px; }

.mark-training .modal-body, .save-report .modal-body { padding: 30px 40px 36px 40px; }

@media (max-width: 767px) { .mark-training .modal-body, .save-report .modal-body { padding: 35px 15px; } }

.mark-training .modal-body h2, .save-report .modal-body h2 { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0 0 25px; }

.mark-training .modal-body .btn-field .button-width-large, .save-report .modal-body .btn-field .button-width-large { padding: 0 31px !important; height: 42px; border-width: 1px; font-size: 18px; }

.mark-training .modal-body .ch-radio, .save-report .modal-body .ch-radio { margin-bottom: 7px; }

.mark-training .modal-body .training-calendar, .save-report .modal-body .training-calendar { border-bottom: solid 1px #d7d7d7; width: 317px; font-family: Calibri; font-size: 18px; color: #3d485d; padding-bottom: 11px; padding-top: 8px; }

@media (max-width: 767px) { .mark-training .modal-body .training-calendar, .save-report .modal-body .training-calendar { width: 100%; } }

.mark-training .modal-body .training-calendar .icon-ic-calendar, .save-report .modal-body .training-calendar .icon-ic-calendar { font-size: 15px; }

.mark-training .modal-body .training-calendar .placeholder, .save-report .modal-body .training-calendar .placeholder { color: #3d485d; opacity: 0.3; margin-left: 5px; }

.mark-training .modal-body .btn-field, .save-report .modal-body .btn-field { margin-top: 23px; }

.mark-training .modal-body .btn-field #proceed, .save-report .modal-body .btn-field #proceed { padding: 0 42px !important; }

.icon-icMarkAsDone { font-size: 11px; line-height: 33px !important; }

.save-report .modal-body h2 { margin-bottom: 0; }

.save-report .modal-body .c-field .c-field-control { padding: 0 0 5px 0; padding-right: 0px; line-height: normal; font-size: 18px; }

.mark-training span.input-group-text { border: 0; background: transparent; border-bottom: 1px solid #d7d7d7; border-radius: 0; }

.mark-training-modal input { padding: 19px 0px 0px 48px; border-radius: 0; }

.mark-training-modal .input-group-prepend { position: absolute; top: 7px; }

.mark-training-modal .input-group-prepend span { border-bottom: 0; }

/*Mark Training Popup*/
/*Dashboard*/
.dashboard-section { padding: 15px 0px 30px; min-height: -webkit-calc(100vh - 143px); min-height: -moz-calc(100vh - 143px); min-height: -ms-calc(100vh - 143px); min-height: -o-calc(100vh - 143px); min-height: calc(100vh - 143px); }

.dashboard-section .header { position: relative; }

.dashboard-section .header .msg-container { text-align: left; width: 100%; display: flex; }

.dashboard-section .header .msg-container .assessments-left-block { padding: 10px 27px 10px 24px; background-color: #fff; border-radius: 6px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); min-width: 450px; margin: 0 auto 60px; position: relative; display: block; }

.dashboard-section .header .msg-container .assessments-left-block a { font-weight: bold; }

.dashboard-section .header .msg-container .assessments-left-block .hide-pop-up { position: absolute; right: 20px; top: calc(50% - 12px); }

.dashboard-section .header .msg-container .assessments-left-block .hide-pop-up .icon-ic-cross { font-size: 11px; }

@media (max-width: 767px) { .dashboard-section .header .msg-container .assessments-left-block .hide-pop-up { right: 8px; } }

@media (max-width: 767px) { .dashboard-section .header .msg-container .assessments-left-block { min-width: 335px; padding: 10px 27px 10px 10px; } }

@media (max-width: 320px) { .dashboard-section .header .msg-container .assessments-left-block { min-width: 292px; padding: 10px 27px 10px 10px; } }

.dashboard-section .header .legend-block { position: absolute; top: 0; right: 0; }

@media (max-width: 1199px) { .dashboard-section .header .legend-block { position: relative; top: 0; right: 0; } }

.dashboard-section .header h3 { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

@media (max-width: 767px) { .dashboard-section .header h3 { margin-top: 15px; } }

.dashboard-section .header .list-opt { float: right; }

.dashboard-section .header .list-opt span { display: inline-block; width: 32px; line-height: 32px; text-align: center; padding: 2px 0px 0px; cursor: pointer; font-size: 18px; font-size: 1.125rem; border-radius: 3px; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.11); }

.dashboard-section .header .list-opt span:hover, .dashboard-section .header .list-opt span:focus { background-color: #3d485d; color: #fff; }

.dashboard-section .header .list-opt span.active { background-color: #3d485d; color: #fff; }

.dashboard-section .content-block { margin-top: 15px; }

.dashboard-section .content-block .data-box { background-color: #fff; border-radius: 6px; padding: 25px 29px; margin-bottom: 15px; height: 100%; }

@media (max-width: 1200px) { .dashboard-section .content-block .data-box { padding: 20px; } }

.dashboard-section .content-block .data-box .data-box-header { border-bottom: 1px solid #f3f3f1; padding-bottom: 17px; }

.dashboard-section .content-block .data-box .data-box-header h4.title { font-size: 24px; font-size: 1.5rem; margin: 0; }

.dashboard-section .content-block .data-box .data-box-header h4.title a { text-decoration: none; }

@media (max-width: 1200px) { .dashboard-section .content-block .data-box .data-box-header h4.title { font-size: 20px; font-size: 1.25rem; } }

.dashboard-section .content-block .data-box .data-box-header span.date { display: block; }

.dashboard-section .content-block .data-box .data-box-header .certified-badge { display: table; float: right; }

.dashboard-section .content-block .data-box .data-box-header .certified-badge .score { float: left; }

.dashboard-section .content-block .data-box .data-box-header .certified-badge .score label { display: block; margin: 0; line-height: 16px; }

.dashboard-section .content-block .data-box .data-box-header .certified-badge .score span.score-txt { font-size: 24px; font-size: 1.5rem; font-weight: bold; display: block; line-height: 30px; }

.dashboard-section .content-block .data-box .data-box-header .certified-badge .score span.score-txt [class^="icon-"], .dashboard-section .content-block .data-box .data-box-header .certified-badge .score span.score-txt [class*=" icon-"] { font-size: 18px; font-size: 1.125rem; display: inline-block; vertical-align: middle; }

.dashboard-section .content-block .data-box .data-box-header .certified-badge .badge-ico { float: left; margin-left: 7px; }

.dashboard-section .content-block .data-box .data-box-header .certified-badge .badge-ico img { max-width: 50px; }

.dashboard-section .content-block .data-box .dough-chart-area { padding: 15px 0px 20px 0px; border-bottom: 1px solid #f3f3f1; margin-bottom: 20px; }

.dashboard-section .content-block .data-box .feature-list { padding: 20px 0px 15px; margin-bottom: 15px; border-bottom: 1px solid #f3f3f1; min-height: 140px; }

@media (max-width: 990px) { .dashboard-section .content-block .data-box .feature-list { min-height: inherit; } }

.dashboard-section .content-block .data-box .feature-list h4 { font-size: 18px; font-size: 1.125rem; margin: 0 0 10px; font-weight: bold; }

.dashboard-section .content-block .data-box .feature-list p { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dashboard-section .content-block .data-box .img-list { border-bottom: 1px solid #f3f3f1; padding-bottom: 15px; }

@media (max-width: 1200px) { .dashboard-section .content-block .data-box .img-list { min-height: inherit; } }

.dashboard-section .content-block .data-box .img-list img { max-width: 100%; border-radius: 3px; max-height: 150px; }

@media (max-width: 767px) { .dashboard-section .content-block .data-box .img-list img { margin-bottom: 15px; } }

.dashboard-section .content-block .data-box .img-list h5 { margin: 8px 0 0; font-size: 14px; font-size: 0.875rem; }

.dashboard-section .content-block .data-box .btn-field { margin-top: 15px; }

.dashboard-section .content-block .data-box.verified { background-color: #e6e6e6; }

.dashboard-section .content-block .data-box.cr-list-box { min-height: 400px; }

@media (max-width: 990px) { .dashboard-section .content-block .data-box.cr-list-box { min-height: inherit; } }

.dashboard-section .content-block .data-box.cr-list-box .data-box-header h4.title { font-weight: bold; font-size: 22px; font-size: 1.375rem; }

.dashboard-section .content-block .data-box.cr-list-box .cr-list { margin-top: 12px; max-height: 310px; }

.dashboard-section .content-block .data-box.cr-list-box .cr-list h5 { margin: 0; font-weight: normal; font-size: 16px; font-size: 1rem; }

.dashboard-section .content-block .data-box.cr-list-box .cr-list ul li { padding: 15px 10px 15px 20px; position: relative; }

.dashboard-section .content-block .data-box.cr-list-box .cr-list ul li h4 { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; display: block; }

@media (max-width: 1200px) { .dashboard-section .content-block .data-box.cr-list-box .cr-list ul li h4 { font-size: 20px; font-size: 1.25rem; } }

.dashboard-section .content-block .data-box.cr-list-box .cr-list ul li p { margin: 0; }

.dashboard-section .content-block .data-box.cr-list-box .cr-list ul li .badge-ico { position: absolute; top: 50%; right: 10px; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.dashboard-section .content-block .data-box.cr-list-box .cr-list ul li .badge-ico img { max-width: 50px; }

.dashboard-section .content-block .data-box.cr-list-box .cr-list ul li:hover { background-color: #f4f3f1; }

.dashboard-section .content-block .data-box.upcoming-list-box { min-height: 410px; }

@media (max-width: 1200px) { .dashboard-section .content-block .data-box.upcoming-list-box { min-height: 400px; } }

@media (max-width: 990px) { .dashboard-section .content-block .data-box.upcoming-list-box { min-height: inherit; } }

.dashboard-section .content-block .data-box.upcoming-list-box .data-box-header h4.title { font-weight: bold; }

.dashboard-section .content-block .data-box.upcoming-list-box .upcoming-list { margin-top: 10px; max-height: 310px; }

.dashboard-section .content-block .data-box.upcoming-list-box .upcoming-list li:last-child .media { margin-bottom: 0px; }

.dashboard-section .content-block .data-box.upcoming-list-box .upcoming-list .media { border-bottom: 1px solid #f3f3f1; padding: 15px 0px; }

.dashboard-section .content-block .data-box.upcoming-list-box .upcoming-list .media .media-body h5 { font-size: 18px; font-size: 1.125rem; font-weight: bold; margin: 0; }

.dashboard-section .content-block .data-box.upcoming-list-box .upcoming-list .media .media-body span { font-size: 13px; font-size: 0.8125rem; }

.dashboard-section .content-block .data-box.upcoming-list-box .upcoming-list .media .media-body p { margin: 0; }

.dashboard-section .content-block .data-box.score-graph-box .data-box-header h4.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; }

.dashboard-section .content-block .data-box.score-graph-box .data-box-header .select-field { float: right; }

.dashboard-section .content-block .data-box.score-graph-box .data-box-header .select-field .select-control { width: 140px; }

.dashboard-section .content-block .data-box.score-graph-box .data-box-header .select-field .select-control select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: 0; position: relative; z-index: 1; background: transparent; padding: 0 5px; }

.dashboard-section .content-block .data-box.score-graph-box .chart-block { margin-top: 15px; }

.chart-data { margin-top: 20px; }

.chart-data h2 { font-family: Calibri; font-size: 18px; font-weight: bold; margin-bottom: 13px; }

.chart-data ul li { font-family: Calibri; font-size: 16px; color: #3d485d; }

.chart-data ul li span { font-weight: bold; }

@media (max-width: 1024px) { .chart-data.half-width { width: 40%; } }

@media (max-width: 1023px) { .chart-data.half-width { width: 100%; } }

@media (max-width: 1023px) { .chart-box { margin-top: 20px; } }

@media (max-width: 1024px) { .chart-box.half-width { width: 60%; } }

@media (max-width: 1023px) { .chart-box.half-width { margin-top: 20px; width: 100%; } }

.chart-color-box { width: 9px; height: 9px; margin-top: 8px; margin-right: 9px; display: inline-block; }

.full-width { float: left; width: 100%; }

.half-width { float: left; width: 50%; }

.chart-green { background: #06950e; }

.chart-light-green { background: #9cca02; }

.chart-yellow { background: #ffd62a; }

.chart-red { background: #e6521b; }

/*facility*/
.facility-section { padding: 20px 0px 30px; min-height: -webkit-calc(100vh - 143px); min-height: -moz-calc(100vh - 143px); min-height: -ms-calc(100vh - 143px); min-height: -o-calc(100vh - 143px); min-height: calc(100vh - 143px); }

.facility-section .facility-filter-pannel .filter-fields .back-btn { display: inline-block; margin-right: 5px; }

@media (max-width: 767px) { .facility-section .facility-filter-pannel .filter-fields .back-btn { display: block; margin: 0 0 10px; } }

.facility-section .facility-filter-pannel .filter-fields .c-field { margin-bottom: 0; width: 260px; display: inline-block; margin-right: 15px; }

@media (max-width: 1300px) { .facility-section .facility-filter-pannel .filter-fields .c-field { width: 200px; margin-bottom: 5px; } }

@media (max-width: 1200px) { .facility-section .facility-filter-pannel .filter-fields .c-field { width: 170px; margin-right: 10px; } }

@media (max-width: 990px) { .facility-section .facility-filter-pannel .filter-fields .c-field { width: 200px; margin-right: 5px; } }

@media (max-width: 767px) { .facility-section .facility-filter-pannel .filter-fields .c-field { width: 140px; } }

.facility-section .facility-filter-pannel .filter-fields .c-field:last-of-type { margin-right: 0; }

.facility-section .facility-filter-pannel .legend-block { float: right; }

@media (max-width: 990px) { .facility-section .facility-filter-pannel .legend-block { float: none; margin: 0 auto; }
  .facility-section .facility-filter-pannel .legend-block .legend-block { margin-top: 10px; } }

.facility-section .facility-container-block { margin-top: 18px; }

.facility-section .facility-container-block .facility-data-row { background-color: #edeceb; border-radius: 6px; margin-bottom: 18px; border-left: 4px solid transparent; }

.facility-section .facility-container-block .facility-data-row:hover { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); border-color: #0074E0; }

.facility-section .facility-container-block .facility-data-row.no-data-row:hover { background-color: #edeceb; box-shadow: none; border-color: transparent; }

.facility-section .facility-container-block .facility-data-row .left-block { padding: 20px; background-color: #fff; border-radius: 6px 0 0 6px; }

.facility-section .facility-container-block .facility-data-row .left-block .facility-info-box h4 { margin: 0; font-size: 18px; font-size: 1.125rem; font-weight: bold; }

.facility-section .facility-container-block .facility-data-row .left-block .facility-info-box h4 a { text-decoration: none; display: block; background-color: #edeceb; border-radius: 4px; padding: 5px 10px; }

@media (max-width: 1200px) { .facility-section .facility-container-block .facility-data-row .left-block .facility-info-box h4 { font-size: 16px; font-size: 1rem; font-weight: bold; } }

.facility-section .facility-container-block .facility-data-row .left-block .facility-info-box span.date { display: block; }

.facility-section .facility-container-block .facility-data-row .left-block .facility-info-box .view-report-link { margin-top: 10px; }

.facility-section .facility-container-block .facility-data-row .left-block .facility-info-box .view-report-link a { text-decoration: none; }

.facility-section .facility-container-block .facility-data-row .left-block .facility-info-box .view-report-link a .ico { display: inline-block; vertical-align: middle; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list { padding: 20px 65px; position: relative; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider { /* the parent */ }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .slick-track { margin: 0; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .slick-slide { margin: 5px 15px; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .slick-list { margin: 0 -15px; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .slick-next { right: -50px; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .slick-prev { left: -50px; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item { padding: 12px 15px 20px; outline: none !important; border-radius: 9px; background-color: #f6f6f5; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item a { text-decoration: none; display: block; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item:hover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13); background-color: #fff; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item:hover h3, .facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item:hover h4 { color: #0074E0; }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item h3 { font-size: 16px; font-size: 1rem; color: rgba(80, 87, 89, 0.6); margin: 0; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1366px) { .facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item h3 { font-size: 14.4px; font-size: 0.9rem; } }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item h4 { font-size: 30px; font-size: 1.875rem; font-weight: bold; margin: 0 0 10px; padding-bottom: 5px; border-bottom: 1px solid rgba(198, 197, 184, 0.2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1200px) { .facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item h4 { font-size: 20px; font-size: 1.25rem; } }

@media (max-width: 1366px) { .facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item h4 { font-size: 17.6px; font-size: 1.1rem; } }

.facility-section .facility-container-block .facility-data-row .right-block .facility-feature-list .facility-slider .item h4.not-process { font-size: 20px; font-size: 1.25rem; margin-top: 5px; min-height: 37px; }

.facility-detail-section { padding: 30px 0px 30px; min-height: -webkit-calc(100vh - 143px); min-height: -moz-calc(100vh - 143px); min-height: -ms-calc(100vh - 143px); min-height: -o-calc(100vh - 143px); min-height: calc(100vh - 143px); }

.facility-detail-section .header { border-bottom: solid 1px #d5d5d5; padding-bottom: 30px; position: relative; }

@media (max-width: 767px) { .facility-detail-section .header { padding-bottom: 20px; } }

.facility-detail-section .header .legend-block { float: right; margin-bottom: 5px; }

@media (max-width: 990px) { .facility-detail-section .header .legend-block { float: none; margin-top: 10px; } }

@media (max-width: 1200px) { .facility-detail-section .header .legend-block { margin-left: 40px; } }

@media (max-width: 767px) { .facility-detail-section .header .legend-block { margin-left: 0px; } }

.facility-detail-section .header .btn-block { clear: both; }

@media (max-width: 1200px) { .facility-detail-section .header .btn-block { margin-left: 0px; } }

.facility-detail-section .header .title-block h3 { font-size: 23px; font-size: 1.4375rem; font-weight: bold; display: block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.facility-detail-section .header .title-block h3 span.ico { margin-right: 15px; }

@media (max-width: 1200px) { .facility-detail-section .header .title-block h3 span.ico { margin-right: 10px; } }

.facility-detail-section .header .title-block h3 span.ico a { text-decoration: none; }

@media (max-width: 1400px) { .facility-detail-section .header .title-block h3 { font-size: 20px; font-size: 1.25rem; } }

@media (max-width: 1366px) { .facility-detail-section .header .title-block h3 { font-size: 24px; font-size: 1.5rem; } }

.facility-detail-section .header .title-oth-dtl { margin-top: 15px; margin-left: 50px; }

@media (max-width: 1200px) { .facility-detail-section .header .title-oth-dtl { margin-left: 40px; } }

.facility-detail-section .header .title-oth-dtl [class^="col-md-auto"], .facility-detail-section .header .title-oth-dtl [class^="col-auto"] { height: 100%; }

.facility-detail-section .header .title-oth-dtl [class^="col-md-auto"]:first-of-type .data-box, .facility-detail-section .header .title-oth-dtl [class^="col-auto"]:first-of-type .data-box { padding-left: 0; }

.facility-detail-section .header .title-oth-dtl [class^="col-md-auto"]:last-of-type .data-box, .facility-detail-section .header .title-oth-dtl [class^="col-auto"]:last-of-type .data-box { padding-right: 0; border: 0; }

.facility-detail-section .header .title-oth-dtl [class^="col-md-auto"]:last-of-type .data-box::after, .facility-detail-section .header .title-oth-dtl [class^="col-auto"]:last-of-type .data-box::after { display: none; }

.facility-detail-section .header .title-oth-dtl .data-box { padding: 0 12px; }

@media (max-width: 767px) { .facility-detail-section .header .title-oth-dtl .data-box { padding: 10px !important; } }

.facility-detail-section .header .title-oth-dtl .data-box::after { position: absolute; top: 50%; right: 0; bottom: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; width: 1px; height: 50px; background-color: #d5d5d5; }

@media (max-width: 767px) { .facility-detail-section .header .title-oth-dtl .data-box::after { display: none; } }

.facility-detail-section .header .score label, .facility-detail-section .header .date label, .facility-detail-section .header .room label { display: block; margin: 0; line-height: 16px; }

.facility-detail-section .header .score span.score-txt, .facility-detail-section .header .score .date-txt, .facility-detail-section .header .score .room-txt, .facility-detail-section .header .date span.score-txt, .facility-detail-section .header .date .date-txt, .facility-detail-section .header .date .room-txt, .facility-detail-section .header .room span.score-txt, .facility-detail-section .header .room .date-txt, .facility-detail-section .header .room .room-txt { font-size: 22px; font-size: 1.375rem; font-weight: bold; display: block; line-height: 30px; }

@media (max-width: 767px) { .facility-detail-section .header .score span.score-txt, .facility-detail-section .header .score .date-txt, .facility-detail-section .header .score .room-txt, .facility-detail-section .header .date span.score-txt, .facility-detail-section .header .date .date-txt, .facility-detail-section .header .date .room-txt, .facility-detail-section .header .room span.score-txt, .facility-detail-section .header .room .date-txt, .facility-detail-section .header .room .room-txt { font-size: 18px; font-size: 1.125rem; } }

@media (max-width: 1366px) { .facility-detail-section .header .score span.score-txt, .facility-detail-section .header .score .date-txt, .facility-detail-section .header .score .room-txt, .facility-detail-section .header .date span.score-txt, .facility-detail-section .header .date .date-txt, .facility-detail-section .header .date .room-txt, .facility-detail-section .header .room span.score-txt, .facility-detail-section .header .room .date-txt, .facility-detail-section .header .room .room-txt { font-size: 17.6px; font-size: 1.1rem; } }

.facility-detail-section .header .score span.score-txt [class^="icon-"], .facility-detail-section .header .score span.score-txt [class*=" icon-"], .facility-detail-section .header .score .date-txt [class^="icon-"], .facility-detail-section .header .score .date-txt [class*=" icon-"], .facility-detail-section .header .score .room-txt [class^="icon-"], .facility-detail-section .header .score .room-txt [class*=" icon-"], .facility-detail-section .header .date span.score-txt [class^="icon-"], .facility-detail-section .header .date span.score-txt [class*=" icon-"], .facility-detail-section .header .date .date-txt [class^="icon-"], .facility-detail-section .header .date .date-txt [class*=" icon-"], .facility-detail-section .header .date .room-txt [class^="icon-"], .facility-detail-section .header .date .room-txt [class*=" icon-"], .facility-detail-section .header .room span.score-txt [class^="icon-"], .facility-detail-section .header .room span.score-txt [class*=" icon-"], .facility-detail-section .header .room .date-txt [class^="icon-"], .facility-detail-section .header .room .date-txt [class*=" icon-"], .facility-detail-section .header .room .room-txt [class^="icon-"], .facility-detail-section .header .room .room-txt [class*=" icon-"] { font-size: 18px; font-size: 1.125rem; display: inline-block; vertical-align: middle; }

.facility-detail-section .facility-features-block .feature-data-list { margin-top: 30px; }

@media (max-width: 767px) { .facility-detail-section .facility-features-block .feature-data-list { margin-top: 20px; } }

.facility-detail-section .facility-features-block .feature-data-list .data-box { background-color: #fff; border-radius: 6px; margin-bottom: 20px; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-header { padding: 25px 28px 20px; border-bottom: solid 1px #f4f3f1; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-header h4.title { font-size: 24px; font-size: 1.5rem; margin: 0 0 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 1366px) { .facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-header h4.title { font-size: 19.2px; font-size: 1.2rem; } }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-header span.results { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-header .score { float: right; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-header .score label { display: block; margin: 0; line-height: 16px; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-header .score span.score-txt { font-size: 24px; font-size: 1.5rem; font-weight: bold; display: block; line-height: 30px; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-header .score span.score-txt [class^="icon-"], .facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-header .score span.score-txt [class*=" icon-"] { font-size: 18px; font-size: 1.125rem; display: inline-block; vertical-align: middle; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-body { padding: 20px 28px; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-body .asses-link a { text-decoration: none; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-body .asses-link a .ico { display: inline-block; vertical-align: middle; line-height: 1; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-body .search-ico { width: 32px; height: 32px; float: right; text-align: center; display: block; border-radius: 50%; text-decoration: none; font-size: 14px; font-size: 0.875rem; background-color: #3d485d; color: #fff; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-body .search-ico:hover, .facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-body .search-ico:focus { background-color: #0074E0; }

.facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-body .search-ico [class^="icon-"], .facility-detail-section .facility-features-block .feature-data-list .data-box .data-box-body .search-ico [class*=" icon-"] { line-height: 32px; }

.facility-detail-section .facility-details-block .header { padding-bottom: 0; border: 0; }

.facility-detail-section .facility-details-block .detail-chart-block { background-color: #fff; border-radius: 6px; padding: 20px 40px; margin-top: 20px; }

@media (max-width: 767px) { .facility-detail-section .facility-details-block .detail-chart-block { padding: 10px 0px; } }

.facility-detail-section .facility-details-block .detail-chart-block .facility-chart-slider { position: relative; }

.facility-detail-section .facility-details-block .detail-chart-block .facility-chart-slider .item { outline: none; }

@media (max-width: 767px) { .facility-detail-section .facility-details-block .detail-chart-block .facility-chart-slider .slick-prev { left: 0; }
  .facility-detail-section .facility-details-block .detail-chart-block .facility-chart-slider .slick-next { right: 0; } }

.facility-detail-section .facility-details-block .detail-chart-block .chart-box { max-width: 200px; margin: 0 auto; }

.facility-detail-section .facility-details-block .detail-chart-block .chart-box h3.title { text-align: center; margin: 0 0 14px; font-size: 13px; font-size: 0.8125rem; font-weight: bold; }

.facility-detail-section .facility-details-block .detail-chart-block .chart-box canvas { margin: 0 auto; }

@media (max-width: 1200px) { .facility-detail-section .facility-details-block .detail-chart-block .chart-box { max-width: 250px; } }

.facility-detail-section .facility-details-block .facility-detail-table .t-fixed { table-layout: fixed; }

.facility-detail-section .facility-details-block .facility-detail-table .table { border-collapse: separate; border-spacing: 0 15px; margin: 0; }

.facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container { border-radius: 6px; padding: 0; }

.facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table { margin-bottom: 10px; }

@media (max-width: 990px) { .facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table { margin-bottom: 0; } }

.facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr:nth-of-type(even) { background-color: rgba(244, 243, 241, 0.5); }

.facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr:first-child { background-color: #eceae7; }

.facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr td { padding: 12px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1200px) { .facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr td { padding: 10px 10px; } }

@media (max-width: 990px) { .facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr td { padding: 10px; display: block; position: relative; top: nul; right: nul; bottom: nul; left: nul; padding-left: 50% !important; border-radius: 0 !important; border-bottom: 1px solid #dee2e6 !important; }
  .facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr td::before { position: absolute; /* Top/left values mimic padding */ top: 10; left: 10px; width: 45%; padding-right: 10px; white-space: nowrap; content: attr(data-label); font-weight: bold; } }

.facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr td a { text-decoration: none; }

.facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr:first-child td { font-size: 18px; font-size: 1.125rem; font-weight: bold; color: #3d485d; background-color: #eceae7; }

.facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr:first-child td:first-child { border-radius: 6px 0 0 0; }

.facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr:first-child td:last-child { border-radius: 0 6px 0 0; }

@media (max-width: 1200px) { .facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr:first-child td { font-size: 20px; font-size: 1.25rem; } }

@media (max-width: 990px) { .facility-detail-section .facility-details-block .facility-detail-table .table .table-inside-container table tr:first-child td { display: inline-block; padding: 10px !important; border: 0 !important; } }

@media (max-width: 990px) { .facility-detail-section .facility-details-block .facility-detail-table .table thead { display: none; } }

.facility-detail-section .facility-details-block .facility-detail-table .table thead tr th { font-size: 16px; font-size: 1rem; font-weight: bold; color: #fff; background-color: #3d485d; padding: 15px 20px; }

.facility-detail-section .facility-details-block .facility-detail-table .table thead tr th:first-child { border-radius: 6px 0 0 6px; }

.facility-detail-section .facility-details-block .facility-detail-table .table thead tr th:last-child { border-radius: 0 6px 6px 0; }

@media (max-width: 1200px) { .facility-detail-section .facility-details-block .facility-detail-table .table thead tr th { padding: 15px 10px; } }

.facility-detail-section .facility-details-block .facility-detail-table .table > tbody > tr { background-color: #fff; }

.facility-list--section .filter-pannel { margin-top: 0px; }

.facility-list--section .filter-pannel .legend-block { float: right; }

@media (max-width: 1199px) { .facility-list--section .filter-pannel .legend-block { float: none; margin-top: 10px; } }

.facility-list--section .facilty-data-list { margin-top: 20px; }

.facility-list--section .facilty-data-list .data-box { background-color: #fff; border-radius: 6px; padding: 25px 30px 30px; margin-bottom: 35px; height: 100%; }

@media (max-width: 767px) { .facility-list--section .facilty-data-list .data-box { padding: 20px; margin-bottom: 20px; } }

.facility-list--section .facilty-data-list .data-box .data-box-header { padding-bottom: 10px; border-bottom: 1px solid rgba(198, 197, 184, 0.2); }

.facility-list--section .facilty-data-list .data-box .data-box-header h3.title { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

.facility-list--section .facilty-data-list .data-box .data-box-header h3.title a { text-decoration: none; }

.facility-list--section .facilty-data-list .data-box .data-box-header .certified h5 { display: inline-block; vertical-align: middle; margin: 0; font-size: 16px; font-size: 1rem; }

.facility-list--section .facilty-data-list .data-box .data-box-header .certified .badge-ico { display: inline-block; vertical-align: middle; margin-left: 5px; }

.facility-list--section .facilty-data-list .data-box .data-box-header .certified .badge-ico img { max-width: 50px; }

.facility-list--section .facilty-data-list .data-box .data-box-header .certified p { margin: 0; }

.facility-list--section .facilty-data-list .data-box .data-box-header .avg_score { text-align: right; }

@media (max-width: 575px) { .facility-list--section .facilty-data-list .data-box .data-box-header .avg_score { text-align: left; } }

.facility-list--section .facilty-data-list .data-box .data-box-header .avg_score label { margin: 0; }

.facility-list--section .facilty-data-list .data-box .data-box-header .avg_score h5 { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

.facility-list--section .facilty-data-list .data-box .data-box-header .avg_score a { text-decoration: none; }

.facility-list--section .facilty-data-list .data-box .data-box-header .avg_score a [class^="icon-"], .facility-list--section .facilty-data-list .data-box .data-box-header .avg_score a [class*=" icon-"] { display: inline-block; vertical-align: middle; margin-right: 5px; }

.facility-list--section .facilty-data-list .data-box .data-box-body .assesment-list table { width: 100%; }

.facility-list--section .facilty-data-list .data-box .data-box-body .assesment-list table tbody tr:nth-of-type(even) { background-color: rgba(244, 243, 241, 0.5); }

.facility-list--section .facilty-data-list .data-box .data-box-body .assesment-list table tbody td { padding: 10px 15px; }

.facility-list--section .facilty-data-list .data-box .data-box-body .assesment-list table tbody td a { text-decoration: none; }

.facility-list--section .facilty-data-list .data-box .data-box-body .assesment-list table tbody td a [class^="icon-"], .facility-list--section .facilty-data-list .data-box .data-box-body .assesment-list table tbody td a [class*=" icon-"] { display: inline-block; vertical-align: middle; }

.facility-list--section .facilty-data-list .data-box .data-box-body .feature-list { margin-top: 25px; padding-top: 20px; padding-bottom: 12px; border-top: 1px solid rgba(198, 197, 184, 0.2); border-bottom: 1px solid rgba(198, 197, 184, 0.2); min-height: 275px; }

@media (max-width: 1499px) { .facility-list--section .facilty-data-list .data-box .data-box-body .feature-list { min-height: 260px; } }

.facility-list--section .facilty-data-list .data-box .data-box-body .feature-list h4 { margin-bottom: 20px; font-size: 16px; font-size: 1rem; font-weight: bold; }

.facility-list--section .facilty-data-list .data-box .data-box-body .feature-list h5 { font-size: 16px; font-size: 1rem; margin-bottom: 10px; }

.facility-list--section .facilty-data-list .data-box .data-box-body .feature-list figure { margin: 0; }

@media (max-width: 767px) { .facility-list--section .facilty-data-list .data-box .data-box-body .feature-list figure { margin-bottom: 10px; } }

.facility-list--section .facilty-data-list .data-box .data-box-body .feature-list figure img { max-width: 100%; max-height: 150px; border-radius: 6px; }

.facility-list--section .facilty-data-list .data-box .data-box-body .feature-list figure .empty-state-block { margin: 0 auto; }

.facility-list--section .facilty-data-list .data-box .data-box-body .feature-list figure .empty-state-block h4 { margin-top: 20px; }

.facility-list--section .facilty-data-list .data-box .data-box-body .feature-list figure .empty-state-block img { max-height: 100px; }

@media (max-width: 1366px) { .facility-list--section .facilty-data-list .data-box .data-box-body .feature-list figure .empty-state-block img { max-height: 75px; } }

.facility-assement--history .facility-assement-block .header { padding-bottom: 20px; }

.facility-assement--history .facility-assement-block .header p { margin-top: 8px; margin-bottom: 0px; }

.facility-assement--history .facility-assement-block .facility-assement-history-data { margin-top: 24px; background-color: #fff; border-radius: 6px; padding: 25px 30px 20px; }

@media (max-width: 767px) { .facility-assement--history .facility-assement-block .facility-assement-history-data { padding: 20px 10px; } }

.facility-assement--history .facility-assement-block .facility-assement-history-data .assement-block-container { padding-left: 30px; border-left: 1px solid #c6c5b8; display: table; width: 100%; min-height: 300px; }

@media (max-width: 990px) { .facility-assement--history .facility-assement-block .facility-assement-history-data .assement-block-container { padding-left: 0px; border-left: 0; border-top: 1px solid #c6c5b8; padding-top: 30px; margin-top: 30px; } }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .data-box-header { padding-bottom: 20px; border-bottom: 1px solid #efefef; }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .data-box-header .title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .data-box-body .assement-data-list { margin-top: 20px; max-height: 280px; }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .data-box-body .assement-data-list table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0 5px; }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .data-box-body .assement-data-list table tr { background-color: #f4f3f1; }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .data-box-body .assement-data-list table tr td { padding: 12px 20px; }

@media (max-width: 767px) { .facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .data-box-body .assement-data-list table tr td { padding: 10px; } }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .data-box-body .assement-data-list table tr td > a { text-decoration: none; }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .data-box-body .assement-data-list table tr td span { cursor: pointer; }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .data-box-body .assement-data-list table tr td:first-child { border-left: 4px solid transparent; border-radius: 4px 0 0 4px; }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box .chart-block { margin-top: 30px; }

.facility-assement--history .facility-assement-block .facility-assement-history-data .data-box.chart-block-container { padding-right: 30px; }

.facility-assement--surface { padding: 0px; background-color: #efedea; }

.facility-assement--surface .facility-surface-block { margin: 0px 10px; }

.facility-assement--surface .facility-surface-block .left-side-bar { min-height: -webkit-calc(100vh - 143px); min-height: -moz-calc(100vh - 143px); min-height: -ms-calc(100vh - 143px); min-height: -o-calc(100vh - 143px); min-height: calc(100vh - 143px); background-color: #fafafa; max-width: 360px; position: fixed; top: 70px; bottom: 0; left: 0; z-index: 2; }

@media (max-width: 990px) { .facility-assement--surface .facility-surface-block .left-side-bar { min-height: inherit; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info { padding: 40px 35px 20px 40px; min-width: 360px; max-width: 360px; }

@media (max-width: 1200px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info { padding: 30px 30px 20px 30px; } }

@media (max-width: 990px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info { padding: 20px; position: fixed; top: 0; bottom: 0; left: -400px; overflow: auto; z-index: 10; max-width: 400px; background-color: #3d485d; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info.open { left: 0; } }

@media (max-width: 320px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info { max-width: 320px; min-width: 320px; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header { padding-bottom: 17px; border-bottom: 1px solid rgba(198, 197, 184, 0.6); }

@media (max-width: 990px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header { color: #fff; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header .close-btn { position: absolute; top: 10px; right: 10px; cursor: pointer; color: #fff; display: none; }

@media (max-width: 990px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header .close-btn { display: block; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header .title { display: block; font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 15px 0 0; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score { margin-top: 15px; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score .score label, .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score .date label { display: block; margin: 0; line-height: 16px; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score .score span.score-txt, .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score .score .date-txt, .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score .date span.score-txt, .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score .date .date-txt { font-size: 20px; font-size: 1.25rem; font-weight: bold; display: block; line-height: 30px; }

@media (max-width: 767px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score .score span.score-txt, .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score .score .date-txt, .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score .date span.score-txt, .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-header ._score .date .date-txt { font-size: 18px; font-size: 1.125rem; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body { margin-top: 20px; }

@media (max-width: 990px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header { color: #fff; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .group-dropdown-menu { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.11); padding: 0; border: 0; margin-top: 10px; width: 100%; max-height: 300px; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .group-dropdown-menu ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.11); }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .group-dropdown-menu ul li:last-child { border: 0; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .group-dropdown-menu ul li a, .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .group-dropdown-menu ul li span { display: block; padding: 12px 10px; text-decoration: none; cursor: pointer; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .group-dropdown-menu ul li a.disable, .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .group-dropdown-menu ul li span.disable { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); pointer-events: none; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .score { border-left: 1px solid #d5d5d5; padding-left: 15px; white-space: nowrap; }

@media (max-width: 1199px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .score { border-left: 0; margin-top: 5px; padding-left: 0; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .score label { display: block; font-weight: normal; margin: 0; line-height: 16px; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .score span.score-txt { font-size: 24px; font-size: 1.5rem; font-weight: bold; display: block; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .score span.score-txt [class^="icon-"], .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .score span.score-txt [class*=" icon-"] { font-size: 18px; font-size: 1.125rem; display: inline-block; vertical-align: middle; }

@media (max-width: 1366px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .score span.score-txt { font-size: 20px; font-size: 1.25rem; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .room { position: relative; cursor: pointer; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .room label { display: block; font-weight: normal; margin: 0; line-height: 16px; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .room span.room-txt { font-size: 24px; font-size: 1.5rem; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; vertical-align: middle; max-width: 130px; }

@media (max-width: 1366px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .room span.room-txt { font-size: 20px; font-size: 1.25rem; } }

@media (max-width: 1199px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .room span.room-txt { max-width: 90%; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-box-body-header .room span.ico { display: inline-block; font-size: 8px; font-size: 0.5rem; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list { margin-top: 10px; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row a { padding: 25px 20px; background-color: #f4f3f1; border-radius: 6px; margin-bottom: 20px; border-left: 4px solid transparent; text-decoration: none; display: block; }

@media (max-width: 1400px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row a { padding: 20px; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row a:hover { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); background: #fff; border-color: #0074E0; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row a.active { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); background: #fff; border-color: #0074E0; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row h5 { font-size: 20px; font-size: 1.25rem; margin: 0 0 3px; }

@media (max-width: 1366px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row h5 { font-size: 16px; font-size: 1rem; font-weight: 800; } }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row ._result { font-size: 14px; font-size: 0.875rem; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row ._result span span { font-weight: bold; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row ._score { float: right; white-space: nowrap; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row ._score label { display: block; font-weight: normal; margin: 0; line-height: 16px; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row ._score span.score-txt { font-size: 24px; font-size: 1.5rem; font-weight: bold; }

.facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row ._score span.score-txt [class^="icon-"], .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row ._score span.score-txt [class*=" icon-"] { font-size: 18px; font-size: 1.125rem; display: inline-block; vertical-align: middle; }

@media (max-width: 1366px) { .facility-assement--surface .facility-surface-block .left-side-bar .facility-surface-info .data-box .data-box-body .data-list .data-row ._score span.score-txt { font-size: 20px; font-size: 1.25rem; } }

.facility-assement--surface .facility-asseement-surface-detail { margin-left: 350px; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail { margin-left: 0px; } }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header { padding: 45px 30px 0px; background-color: #f4f3f1; }

@media (min-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header.sticky-fixed-header { position: fixed; top: 0; right: 0; z-index: 10; }
  .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header.sticky-fixed-header ~ .tabcontent-block { padding-top: 210px; } }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header { padding: 30px 20px 0px; } }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0 0 10px; display: table; }

@media (max-width: 767px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header h3.title { margin: 0 0 5px; } }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header h3.title .change-surface-btn { font-size: 16px; font-size: 1rem; cursor: pointer; color: rgba(80, 87, 89, 0.7); vertical-align: middle; display: none; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header h3.title .change-surface-btn { display: inline-block; } }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header h3.title .change-surface-btn img { display: inline-block; vertical-align: middle; margin-right: 5px; }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header ._score-dtl > ul > li { display: inline-block; margin-right: 45px; font-size: 14px; font-size: 0.875rem; font-weight: bold; color: rgba(80, 87, 89, 0.64); }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header ._score-dtl > ul > li:last-child { margin-right: 0; }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block { margin-top: 30px; }

@media (max-width: 767px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul { white-space: nowrap; overflow: scroll; } }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li { display: inline-block; margin-right: 55px; }

@media (max-width: 1600px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li { margin-right: 30px; } }

@media (max-width: 1200px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li { margin-right: 10px; } }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li:last-child { margin: 0; }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a { font-size: 22px; font-size: 1.375rem; font-weight: bold; text-decoration: none; padding-bottom: 15px; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; cursor: pointer; text-decoration: none; }

@media (max-width: 1600px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a { font-size: 20px; font-size: 1.25rem; } }

@media (max-width: 1400px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a { font-size: 18px; font-size: 1.125rem; } }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a { font-size: 15px; font-size: 0.9375rem; } }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a [class^="icon-"], .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a [class*=" icon-"] { vertical-align: middle; font-size: 18px; font-size: 1.125rem; color: #90b534; display: none; }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #0074E0; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a:hover:before { right: 0; }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a.active::before { right: 0; }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a.checked { color: #90b534; }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a.checked [class^="icon-"], .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .tab-block ul li > a.checked [class*=" icon-"] { display: inline-block; }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .legend-block { float: right; margin-bottom: 5px; }

@media (max-width: 1199px) { .facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .legend-block { float: none; margin-top: 10px; } }

.facility-assement--surface .facility-asseement-surface-detail .assesment-dtl-header .btn-block { clear: both; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block { padding: 30px 30px 0px; }

@media (max-width: 767px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block { padding: 30px 0px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tab-block-container { position: relative; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images { padding: 0px 0px 40px; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images { padding: 0px 0px 30px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images h3 { font-size: 18px; font-size: 1.125rem; margin: 40px 0; font-weight: bold; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box { border: 2px solid #fff; background-color: #fff; margin: 0 auto 20px; max-width: 320px; min-width: 320px; }

@media (max-width: 320px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box { max-width: 100%; min-width: 100%; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure { margin: 0; position: relative; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure img { width: 100%; max-height: 210px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure figcaption { padding: 12px 15px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure figcaption h4 { margin: 0; font-size: 22px; font-size: 1.375rem; font-weight: bold; font-weight: bold; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure figcaption h4 { font-size: 18px; font-size: 1.125rem; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure figcaption ul { float: right; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li { display: inline-block; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li a { text-decoration: none; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li span { width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 14px; font-size: 0.875rem; color: #fff; background-color: #3d485d; display: block; cursor: pointer; margin-right: 5px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li span [class^="icon-"], .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li span [class*=" icon-"] { line-height: 31px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li span:hover { background-color: #0074E0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation { padding: 0px 0px 60px; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation { padding: 0px 0px 30px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box { margin-bottom: 50px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box:last-of-type { margin-bottom: 0; }

@media (max-width: 767px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box { margin-bottom: 30px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box h3.title { font-size: 18px; font-size: 1.125rem; font-weight: bold; margin: 0 0 30px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul { margin-top: 35px; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul { margin-top: 25px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul > li { display: inline-block; margin-right: 17px; position: relative; margin-bottom: 10px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul > li:last-child { margin: 0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul > li span { border: 1px solid #3d485d; border-radius: 26px; padding: 10px 20px 10px 20px; text-align: center; display: block; position: relative; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul > li span [class^="icon-"], .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul > li span [class*=" icon-"] { position: absolute; top: 50%; right: 20px; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul > li span.add-btn { background-color: #fff; padding-right: 20px; padding-left: 50px; cursor: pointer; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul > li span.add-btn [class^="icon-"], .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul > li span.add-btn [class*=" icon-"] { right: auto; left: 20px; font-size: 20px; font-size: 1.25rem; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul > li span.add-btn:hover, .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-observation .field-box > ul > li span.add-btn:focus { background-color: #0074E0; color: #fff; border-color: #0074E0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-methodologies { padding: 0px 0px 60px; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-methodologies { padding: 0px 0px 30px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-methodologies h3.title { font-size: 18px; font-size: 1.125rem; font-weight: bold; margin: 0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-methodologies .data-table-list { margin-top: 30px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-methodologies .data-table-list .table td { color: #3d485d; padding: 20px 20px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-methodologies .data-table-list .table td:first-child { padding-left: 40px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-risk-level { padding: 0px 0px 60px; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-risk-level { padding: 0px 0px 30px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-risk-level h3.title { font-size: 18px; font-size: 1.125rem; font-weight: normal; margin: 0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-risk-level .listing-block { margin-top: 40px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-risk-level .listing-block .data-row .data-box { padding: 20px 40px; background-color: #fff; border-radius: 6px; margin-bottom: 10px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-risk-level .listing-block .data-row .data-box p { margin: 0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations { padding: 0px 0px 60px; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations { padding: 0px 0px 30px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations h3.title { font-size: 18px; font-size: 1.125rem; font-weight: bold; margin: 0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .listing-block { margin-top: 40px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .listing-block .data-row .data-box { padding: 20px 40px; background-color: #fff; border-radius: 6px; margin-bottom: 10px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .listing-block .data-row .data-box p { margin: 0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation { margin-top: 40px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation h3.title { font-weight: 300; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation .p-rc-box { background-color: #fff; border-radius: 6px; }

@media (max-width: 767px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation .p-rc-box { margin-bottom: 15px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation .p-rc-box .p-rc-box-header { padding: 25px 30px 20px; border-bottom: 1px solid #efedea; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation .p-rc-box .p-rc-box-header { padding: 15px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation .p-rc-box .p-rc-box-header h3 { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation .p-rc-box .p-rc-box-header span { word-break: break-all; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation .p-rc-box .p-rc-box-body { padding: 20px 30px 28px; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation .p-rc-box .p-rc-box-body { padding: 15px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-recomendations .product-recomendation .p-rc-box .p-rc-box-body p { margin: 0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-comments { padding: 0px 0px 60px; }

@media (max-width: 990px) { .facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-comments { padding: 0px 0px 30px; } }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-comments h3.title { font-size: 18px; font-size: 1.125rem; font-weight: bold; margin: 0; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-comments .listing-block { margin-top: 40px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-comments .listing-block .data-row .data-box { padding: 20px 40px; background-color: #fff; border-radius: 6px; margin-bottom: 10px; }

.facility-assement--surface .facility-asseement-surface-detail .tabcontent-block .tabpane-comments .listing-block .data-row .data-box p { margin: 0; }

.facilty-data-list .facilty-data-list-space { margin-bottom: 40px; }

/*---assement-report-btn-@SK---*/
@media (max-width: 991px) { .assesment-dtl-header span.assement-report { width: 65%; float: left; } }

@media (max-width: 420px) { .assesment-dtl-header span.assement-report { width: 100%; float: left; } }

@media (max-width: 991px) { .assesment-dtl-header span#change-surface-btn { width: 35%; float: right; text-align: right; } }

@media (max-width: 420px) { .assesment-dtl-header span#change-surface-btn { width: 100%; float: right; text-align: right; padding: 10px 0 5px; } }

/*Report Builder*/
.report-bulider-header { background-color: #fbfbfb; }

.report-bulider-header .report-bulider-header-container { padding-top: 70px; }

@media (max-width: 990px) { .report-bulider-header .report-bulider-header-container { padding-top: 40px; } }

@media (max-width: 767px) { .report-bulider-header .report-bulider-header-container { padding-top: 20px; } }

.report-bulider-header .report-bulider-header-container h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; }

@media (max-width: 767px) { .report-bulider-header .report-bulider-header-container h3.title { margin-bottom: 10px; } }

.report-bulider-header .report-bulider-header-container .nav-block { margin-top: 35px; }

@media (max-width: 767px) { .report-bulider-header .report-bulider-header-container .nav-block ul { white-space: nowrap; overflow: scroll; } }

.report-bulider-header .report-bulider-header-container .nav-block ul li { display: inline-block; margin-right: 100px; }

@media (max-width: 1200px) { .report-bulider-header .report-bulider-header-container .nav-block ul li { margin-right: 50px; } }

@media (max-width: 990px) { .report-bulider-header .report-bulider-header-container .nav-block ul li { margin-right: 20px; } }

.report-bulider-header .report-bulider-header-container .nav-block ul li:last-child { margin: 0; }

.report-bulider-header .report-bulider-header-container .nav-block ul li > a { font-size: 22px; font-size: 1.375rem; font-weight: bold; text-decoration: none; padding-bottom: 20px; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; cursor: pointer; text-decoration: none; }

.report-bulider-header .report-bulider-header-container .nav-block ul li > a [class^="icon-"], .report-bulider-header .report-bulider-header-container .nav-block ul li > a [class*=" icon-"] { vertical-align: middle; font-size: 18px; font-size: 1.125rem; color: #90b534; display: none; }

@media (max-width: 990px) { .report-bulider-header .report-bulider-header-container .nav-block ul li > a { font-size: 18px; font-size: 1.125rem; } }

.report-bulider-header .report-bulider-header-container .nav-block ul li > a:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #0074E0; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.report-bulider-header .report-bulider-header-container .nav-block ul li > a:hover:before, .report-bulider-header .report-bulider-header-container .nav-block ul li > a:focus:before, .report-bulider-header .report-bulider-header-container .nav-block ul li > a:active:before { right: 0; }

.report-bulider-header .report-bulider-header-container .nav-block ul li > a.active::before { right: 0; }

@media (min-width: 990px) { .report-bulider-header.sticky-fixed + div { padding-top: 270px; } }

.report-bulider-section { min-height: -webkit-calc(100vh - 64px); min-height: -moz-calc(100vh - 64px); min-height: -ms-calc(100vh - 64px); min-height: -o-calc(100vh - 64px); min-height: calc(100vh - 64px); padding-bottom: 30px; }

@media (max-width: 990px) { .report-bulider-section { min-height: inherit; padding-bottom: 248px; } }

@media (max-width: 767px) { .report-bulider-section { padding-bottom: 0px; } }

.report-bulider-section .data-table-list { margin-top: 40px; }

@media (max-width: 990px) { .report-bulider-section .data-table-list { margin-top: 20px; } }

.report-bulider-section .report-template-block { padding: 30px 0px 40px; }

.report-bulider-section .report-template-block .template-list-block .data-row { border-radius: 6px; background-color: #fff; padding: 15px 30px; margin-bottom: 10px; }

.report-bulider-section .report-template-block .template-list-block .data-row .ch-checkbox { vertical-align: top; }

.report-bulider-section .report-template-block .template-list-block .data-row.data-row-draft { border: 2px dashed #c6cacb; }

.report-bulider-section .report-template-block .template-list-block .data-row.data-row-draft .data-box-body .data-row-inside .data-box-inside-body { padding-left: 0; margin-top: 5px; }

.report-bulider-section .report-template-block .template-list-block .data-row .collaspe-ico { width: 32px; height: 32px; line-height: 32px; display: block; font-size: 7px; font-size: 0.4375rem; text-align: center; border-radius: 50%; background-color: #eeeeee; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.report-bulider-section .report-template-block .template-list-block .data-row .collaspe-ico [class^="icon-"], .report-bulider-section .report-template-block .template-list-block .data-row .collaspe-ico [class*=" icon-"] { line-height: inherit; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.report-bulider-section .report-template-block .template-list-block .data-row .collaspe-ico[aria-expanded="true"] [class^="icon-"], .report-bulider-section .report-template-block .template-list-block .data-row .collaspe-ico[aria-expanded="true"] [class*=" icon-"] { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); display: block; }

.report-bulider-section .report-template-block .template-list-block .data-row .move-ico { position: absolute; top: 50%; right: 50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: move; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header { padding-right: 80px; position: relative; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .ch-checkbox span { padding: 0; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header h3 { font-size: 18px; font-size: 1.125rem; margin: 0; font-weight: bold; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header p { margin: 0; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list { position: absolute; top: 50%; right: 100px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list { position: relative; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); margin: 10px 0; } }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li { display: inline-block; margin-right: 4px; margin-bottom: 2px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

@media (max-width: 990px) { .report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } }

@media (max-width: 574px) { .report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li { margin-right: 0px; } }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li span { width: 32px; height: 32px; font-size: 15px; font-size: 0.9375rem; cursor: pointer; color: #fff; display: block; border-radius: 50%; background-color: #3d485d; text-align: center; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li span [class^="icon-"], .report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li span [class*=" icon-"] { line-height: 32px; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li span:hover { background-color: #0074E0; }

@media (max-width: 574px) { .report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li span { width: 30px; height: 30px; } }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li:first-child span { font-size: 12px; font-size: 0.75rem; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li:nth-child(1) { animation-delay: 0.2s; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li:nth-child(2) { animation-delay: 0.3s; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-header .opt-list ul li:nth-child(3) { animation-delay: 0.4s; }

/* @media (min-width: 991px) { .report-bulider-section .report-template-block .template-list-block .data-row .data-box-header:hover .opt-list li { animation: ScaleIn 0.5s cubic-bezier(0.23, 1, 0.32, 1); animation-fill-mode: both; } } */

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-body { padding: 20px; background-color: #f4f3f1; margin-top: 20px; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside { border-radius: 6px; background-color: #fff; padding: 15px 25px; border-left: 4px solid transparent; margin-bottom: 10px; }

@media (max-width: 767px) { .report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside { padding: 10px; } }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside:hover { border-color: #0074E0; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-header { padding-right: 220px; }

@media (max-width: 767px) { .report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-header { padding-right: 40px; }
  .report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-header .collaspe-ico { top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-header .move-ico { display: none; } }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-header h3 { font-weight: normal; font-size: 16px; font-size: 1rem; margin: 0; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-inside-body { padding: 0px 30px; }

@media (max-width: 767px) { .report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-inside-body { padding: 0px; } }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-inside-body h5 { font-size: 16px; font-size: 1rem; color: rgba(80, 87, 89, 0.5); margin: 0 0 15px; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-inside-body p { margin-bottom: 0; }

.report-bulider-section .report-template-block .template-list-block .data-row .data-box-body .data-row-inside.pannel-active .data-box-header .opt-list ul li { animation: none !important; opacity: 1 !important; }

.report-bulider-section .create-template-block .field-group .field-row { padding: 20px 30px; border-radius: 6px; margin-bottom: 20px; background-color: #fff; }

.report-bulider-section .create-template-block .field-group .field-row h3 { font-size: 18px; font-size: 1.125rem; margin: 0 0 20px; font-weight: bold; display: inline-block; }

.report-bulider-section .create-template-block .field-group .field-row .page-content-links { float: right; display: inline-block; cursor: pointer; }

.report-bulider-section .create-template-block .field-group .field-row a { text-decoration: underline; font-size: 16px; color: #0074E0; }

@media (min-width: 990px) { .report-template-header.sticky-fixed + div { padding-top: 195px; } }

.report-template-header .report-template-header-container { background-color: #fbfbfb; padding: 20px 0px; z-index: 1; position: relative; }

.report-template-header .report-template-header-container .field-group { margin-top: 15px; }

.report-template-header .report-template-header-container .field-group .select-field { position: relative; max-width: 290px; }

.report-template-header .report-template-header-container .field-group .select-field .action-dropdown-menu { width: 100%; }

.report-template-header .report-template-header-container .field-group .select-field-control { border: 0; background: none; max-width: 290px; width: 100%; text-align: left; border-bottom: 1px solid #ededed; position: relative; padding: 0 20px 10px 0; font-size: 22px; font-size: 1.375rem; font-weight: bold; color: #3d485d; }

.report-template-header .report-template-header-container .field-group .select-field-control:focus { box-shadow: none; outline: none; }

.report-template-header .report-template-header-container .field-group .select-field-control span.ico { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 8px; font-size: 0.5rem; }

.report-template-header .report-template-header-container .field-group .c-field { max-width: 290px; }

.report-template-header .report-template-header-container .field-group .c-field .c-field-control { font-size: 22px; font-size: 1.375rem; font-weight: bold; padding-bottom: 6px; }

@media (max-width: 767px) { .report-template-header .report-template-header-container .field-group .c-field .c-field-control { margin-bottom: 20px; } }

.report-template-header .report-template-header-container .title-block { margin-top: 20px; }

.report-template-header .report-template-header-container .title-block h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

@media (max-width: 767px) { .report-template-header .report-template-header-container .title-block h3.title { margin-bottom: 10px; } }

.report-template-header .report-template-header-container .title-block .data-list { margin-top: 25px; }

.report-template-header .report-template-header-container .title-block .data-list .data-box h4 { font-size: 14px; font-size: 0.875rem; color: #818b8e; font-weight: bold; margin: 0 0 4px; line-height: 1.14; }

.report-template-header .report-template-header-container .title-block .data-list .data-box h3 { font-size: 20px; font-size: 1.25rem; font-weight: bold; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1200px) { .report-template-header .report-template-header-container .title-block .data-list .data-box h3 { font-size: 18px; font-size: 1.125rem; } }

@media (max-width: 990px) { .report-template-header .report-template-header-container .title-block .data-list .data-box { margin-bottom: 10px; } }

@media (max-width: 767px) { .report-template-header .report-template-header-container .title-block .data-list .data-box { border-bottom: 1px solid #b7bdbe; padding-bottom: 20px; margin-bottom: 20px; } }

.report-template-header .report-template-header-container .action-dropdown-menu, .report-template-header .report-template-header-container .group-dropdown-menu { border-radius: 6px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.11); padding: 0; border: 0; margin-top: 10px; }

.report-template-header .report-template-header-container .action-dropdown-menu ul li, .report-template-header .report-template-header-container .group-dropdown-menu ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.11); }

.report-template-header .report-template-header-container .action-dropdown-menu ul li:last-child, .report-template-header .report-template-header-container .group-dropdown-menu ul li:last-child { border: 0; }

.report-template-header .report-template-header-container .action-dropdown-menu ul li a, .report-template-header .report-template-header-container .action-dropdown-menu ul li span, .report-template-header .report-template-header-container .group-dropdown-menu ul li a, .report-template-header .report-template-header-container .group-dropdown-menu ul li span { display: block; padding: 12px 10px; text-decoration: none; cursor: pointer; }

.report-template-header .report-template-header-container .action-dropdown-menu ul li a img, .report-template-header .report-template-header-container .action-dropdown-menu ul li span img, .report-template-header .report-template-header-container .group-dropdown-menu ul li a img, .report-template-header .report-template-header-container .group-dropdown-menu ul li span img { margin-right: 5px; }

.report-template-header .report-template-header-container .action-dropdown-menu ul li a.disable, .report-template-header .report-template-header-container .action-dropdown-menu ul li span.disable, .report-template-header .report-template-header-container .group-dropdown-menu ul li a.disable, .report-template-header .report-template-header-container .group-dropdown-menu ul li span.disable { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); pointer-events: none; }

@media (min-width: 990px) { .report-template-header--customer.sticky-fixed + div { padding-top: 265px; } }

.report-template-header--customer .action-dropdown-menu { min-width: 240px; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-header { padding-right: 80px; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .data-row-inside .data-box-inside-body { padding: 0; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .summary-block-table .data-table-list { margin-top: 0; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .summary-block-table .data-table-list .table .move-ico { position: relative; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); float: right; }

@media (max-width: 1200px) { .report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .summary-block-table .data-table-list .table .move-ico { float: none; } }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .summary-block-table .data-table-list .table tr.active td { font-weight: bold; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .summary-block-table .data-table-list .table tr td { min-height: 45px; }

@media (max-width: 1200px) { .report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .summary-block-table .data-table-list .table tr td:first-child { padding-left: 10px !important; } }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .summary-block-table .data-table-list .sort-field { margin-bottom: 10px; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .summary-block-table .data-table-list .sort-field .filter-ico { margin-right: 10px; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .summary-block-table .data-table-list .sort-field .drop-ico { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 8px; font-size: 0.5rem; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .summary-block-table .data-table-list .sort-field .sort-field-control { position: relative; padding: 15px; max-width: 280px; width: 100%; background-color: #fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border-radius: 6px; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .action-dropdown-menu { border-radius: 6px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.11); padding: 0; border: 0; margin-top: 10px; width: 100%; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .action-dropdown-menu ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.11); }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .action-dropdown-menu ul li:last-child { border: 0; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .action-dropdown-menu ul li a, .report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .action-dropdown-menu ul li span { display: block; padding: 12px 10px; text-decoration: none; cursor: pointer; }

.report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .action-dropdown-menu ul li a.disable, .report-bulider--customer .report-template-block .template-list-block .data-row .data-box-body .summary-block .action-dropdown-menu ul li span.disable { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); pointer-events: none; }

.report-bulider--customer .report-template-block .template-list-block .data-row .editor-box-body { margin-top: 20px; }

.report-bulider--customer .report-template-block .template-list-block .data-row .reset-link { text-align: right; margin-top: 15px; }

.report-bulider--customer .report-template-block .template-list-block .data-row .reset-link span { cursor: pointer; font-size: 15px; font-size: 0.9375rem; }

.report-bulider--customer .report-template-block .template-list-block .data-row .reset-link span [class^="icon-"], .report-bulider--customer .report-template-block .template-list-block .data-row .reset-link span [class*=" icon-"] { display: inline-block; vertical-align: middle; }

.comment-section { background: #FFF7D2; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); padding: 17px 24px 0px 31px; margin-bottom: 15px; border: solid 1px #dadada; border-radius: 6px; margin-top: 11px; position: relative; float: left; width: 100%; min-height: 85px; }

@media (max-width: 767px) { .comment-section { padding: 15px 15px 15px 15px; margin-top: 0px; } }

.comment-section h2 { font-size: 18px; font-weight: bold; color: #3d485d; display: inline-block; }

.comment-section h2:after { content: ''; width: 1px; height: 12px; background: #ababab; display: inline-block; margin-left: 7px; margin-right: 4px; }

.comment-section a { font-size: 15px; color: #3d485d; text-decoration: navajowhite; position: absolute; right: 23px; top: 12px; }

@media (max-width: 767px) { .comment-section a { top: 15px; right: 9px; } }

.comment-section a img { vertical-align: top; margin-top: 3px; }

@media (max-width: 767px) { .comment-section a img { margin-top: 4px; } }

.comment-section p { padding-right: 74px; margin-bottom: 2px; }

@media (max-width: 990px) { .comment-section p { padding-right: 0px; } }

.comment-section span { font-size: 15px; }

.edit-report-modal .modal-dialog { max-width: 563px; }

.edit-report-modal .modal-content { border-radius: 6px; position: relative; padding: 35px 25px 35px 41px; }

.edit-report-modal .modal-body { padding: 0; }

.edit-report-modal .modal-body .close-icon { position: absolute; right: -7px; top: -18px; cursor: pointer; }

.edit-report-modal .modal-body h4 { font-size: 22px; font-weight: bold; color: #3d485d; }

.edit-report-modal .modal-body p { font-size: 16px; line-height: 1.25; color: #3d485d; }

/* account pages */
.left-sidebar { min-height: -webkit-calc(100vh - 143px); min-height: -moz-calc(100vh - 143px); min-height: -ms-calc(100vh - 143px); min-height: -o-calc(100vh - 143px); min-height: calc(100vh - 143px); background-color: #fafafa; }

@media (max-width: 767px) { .left-sidebar { min-height: inherit; padding: 0px !important; } }

.left-sidebar .left-sidebar-box { padding: 45px 40px 30px; }

@media (max-width: 990px) { .left-sidebar .left-sidebar-box { padding: 30px; } }

@media (max-width: 767px) { .left-sidebar .left-sidebar-box { position: fixed; top: 0; bottom: 0; left: -300px; max-width: 261px; padding: 20px; z-index: 13; background-color: #fafafa; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); overflow: auto; }
  .left-sidebar .left-sidebar-box.open { left: 0 !important; } }

.left-sidebar .title { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0 0 10px; padding-left: 20px; }

.left-sidebar .account-menu-close-btn { position: absolute; top: 10px; right: 10px; cursor: pointer; display: none; }

@media (max-width: 767px) { .left-sidebar .account-menu-close-btn { display: block; } }

.left-sidebar nav > ul > li > a, .left-sidebar nav > ul > li span { padding: 12px 20px; text-decoration: none; font-size: 20px; font-size: 1.25rem; display: block; border-left: 4px solid transparent; border-radius: 4px; }

.left-sidebar nav > ul > li > a:hover, .left-sidebar nav > ul > li span:hover { color: #0074E0; }

.left-sidebar nav > ul > li > a.active, .left-sidebar nav > ul > li span.active { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); font-weight: bold; border-color: #0074E0; }

@media (max-width: 767px) { .left-sidebar nav > ul > li > a, .left-sidebar nav > ul > li span { font-size: 18px; font-size: 1.125rem; } }

.account-content-block { padding: 45px 40px 30px; display: table; width: 100%; }

@media (max-width: 767px) { .account-content-block { padding: 30px; } }

.account-content-block .profile-block h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; padding-left: 0; }

.account-content-block .profile-block .data-block { margin-top: 40px; }

@media (max-width: 767px) { .account-content-block .profile-block .data-block { margin-top: 20px; } }

.account-content-block .profile-block .data-block .data-row { border-bottom: 1px solid #e2e1e0; margin-bottom: 40px; }

@media (max-width: 767px) { .account-content-block .profile-block .data-block .data-row { margin-bottom: 20px; } }

.account-content-block .profile-block .data-block .data-row:last-of-type { margin-bottom: 0; border: 0; }

.account-content-block .profile-block .data-block .data-box { margin-bottom: 40px; }

@media (max-width: 767px) { .account-content-block .profile-block .data-block .data-box { margin-bottom: 20px; } }

.account-content-block .profile-block .data-block .data-box label { font-weight: normal; margin: 0; padding-bottom: 15px; font-size: 18px; font-size: 1.125rem; display: block; }

.account-content-block .profile-block .data-block .data-box label span { display: block; font-size: 13px; font-size: 0.8125rem; font-weight: normal; }

.account-content-block .profile-block .data-block .data-box .logo { max-width: 170px; max-height: 79px; }

.account-content-block .profile-block .data-block .data-box span { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; display: block; }

.account-content-block .change-password-section h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

.account-content-block .change-password-section h3.title a { text-decoration: none; display: inline-block; vertical-align: middle; margin-right: 10px; }

.account-content-block .change-password-section .field-group { max-width: 400px; margin-top: 70px; }

.account-content-block .notification-block h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

@media (max-width: 767px) { .account-content-block .notification-block h3.title { width: 74%; } }

.account-content-block .notification-block .field-group { margin-top: 40px; }

.account-content-block .notification-block .field-group .select-field { margin-top: 50px; }

.account-content-block .notification-block .field-group .select-field h4 { font-size: 18px; font-size: 1.125rem; margin: 0 0 20px; }

.account-content-block .notification-block .field-group .select-field .select-field-control { position: relative; max-width: 155px; }

.account-content-block .notification-block .field-group .select-field .select-field-control:after { position: absolute; top: 50%; right: 20px; font-family: "icomoon"; font-weight: normal; font-variant: normal; color: #3d485d; font-size: 7px; font-size: 0.4375rem; content: "\e901"; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.account-content-block .notification-block .field-group .select-field .select-field-control select { padding: 10px 40px 10px 20px; background-color: #fff; border-radius: 4px; border: 1px solid #3d485d; font-weight: bold; color: #3d485d; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; text-overflow: ellipsis; }

.account-content-block .notification-block .field-group .select-field .select-field-control select::-ms-expand { display: none; }

.account-content-block .notification-block .field-group .select-field .select-field-control select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

.account-content-block .notification-block .field-group .select-field .select-field-control select:focus { outline: none; }

.account-content-block .notification-block .data-box { padding: 20px 30px; background-color: #fff; border-radius: 6px; }

@media (max-width: 767px) { .account-content-block .notification-block .data-box { padding: 10px 20px; } }

.account-content-block .resources-block .header h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

.account-content-block .resources-block .header .search-field { position: relative; max-width: 450px; float: right; }

@media (max-width: 990px) { .account-content-block .resources-block .header .search-field { float: none; margin-top: 15px; } }

.account-content-block .resources-block .header .search-field input { height: 48px; background-color: #fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border-radius: 6px; border: 0; padding: 0px 40px 0px 25px; width: 100%; max-width: 450px; min-width: 450px; font-size: 18px; font-size: 1.125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 767px) { .account-content-block .resources-block .header .search-field input { min-width: 300px; } }

@media (max-width: 574px) { .account-content-block .resources-block .header .search-field input { min-width: 100%; } }

.account-content-block .resources-block .header .search-field input:focus { outline: none !important; }

.account-content-block .resources-block .header .search-field span.ico { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; line-height: 1; color: #9ca4a6; }

.account-content-block .resources-block .data-row { margin: 40px 0px; border-bottom: 1px solid #e2e1e0; }

.account-content-block .resources-block .data-row h3 { font-size: 20px; font-size: 1.25rem; margin: 0 0 40px; }

.account-content-block .resources-block .data-row .data-box { margin-bottom: 40px; }

.account-content-block .resources-block .data-row .data-box a { display: block; text-decoration: none; }

.account-content-block .resources-block .data-row .data-box h5 { font-size: 18px; font-size: 1.125rem; font-weight: bold; margin: 0; word-break: break-word; line-height: 16px; }

.account-content-block .resources-block .data-row .data-box span.date { font-size: 14px; font-size: 0.875rem; }

.account-content-block .resources-block .data-row:nth-last-child(1) { margin-bottom: 0; border: 0; }

.account-content-block .subscription-block h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

.account-content-block .subscription-block .subscription-data-list { margin-top: 30px; margin-bottom: 50px; }

@media (min-width: 767px) { .account-content-block .subscription-block .subscription-data-list .data-table-list .table thead th { font-size: 18px; font-size: 1.125rem; padding-bottom: 20px; } }

.account-content-block .subscription-block .subscription-data-list .data-table-list .table tr td [data-toggle] { text-decoration: underline; }

.account-content-block .subscription-block .subscription-graph-block .graph-list { margin-top: 40px; display: table; width: 100%; }

.account-content-block .subscription-block .subscription-graph-block .graph-list .chart-box { max-width: 210px; text-align: center; float: left; }

@media (max-width: 990px) { .account-content-block .subscription-block .subscription-graph-block .graph-list .chart-box { float: none; display: block; } }

.account-content-block .subscription-block .subscription-graph-block .graph-list .chart-box h4 { text-align: center; font-size: 20px; font-size: 1.25rem; margin: 20px 0px 0px; }

.account-content-block .subscription-block .subscription-graph-block .graph-list .chart-box.time-graph { margin-left: 100px; }

@media (max-width: 990px) { .account-content-block .subscription-block .subscription-graph-block .graph-list .chart-box.time-graph { margin-left: 0px; margin-top: 30px; } }

.account-content-block .plans-pricing-block .header h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0 0 10px; padding-left: 0; }

.account-content-block .plans-pricing-block .header h5 { font-size: 16px; font-size: 1rem; }

.account-content-block .plans-pricing-block .pricing-list { margin-top: 40px; }

.account-content-block .plans-pricing-block .pricing-list .pricing-box { transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); position: relative; margin-bottom: 10px; margin-right: 10px; margin-left: 10px; height: 100%; background-color: #fbfbfb; }

@media (max-width: 1200px) { .account-content-block .plans-pricing-block .pricing-list .pricing-box { margin: 0 0 20px; } }

.account-content-block .plans-pricing-block .pricing-list .pricing-box:hover, .account-content-block .plans-pricing-block .pricing-list .pricing-box.active { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.11); z-index: 2; }

@media (min-width: 1200px) { .account-content-block .plans-pricing-block .pricing-list .pricing-box:hover, .account-content-block .plans-pricing-block .pricing-list .pricing-box.active { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } }

.account-content-block .plans-pricing-block .pricing-list .pricing-box:hover .pricing-header, .account-content-block .plans-pricing-block .pricing-list .pricing-box.active .pricing-header { background-color: #0074E0; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.11); }

.account-content-block .plans-pricing-block .pricing-list .pricing-box:hover .pricing-header h2, .account-content-block .plans-pricing-block .pricing-list .pricing-box.active .pricing-header h2 { font-weight: bold; }

.account-content-block .plans-pricing-block .pricing-list .pricing-box:hover .pricing-box-body, .account-content-block .plans-pricing-block .pricing-list .pricing-box.active .pricing-box-body { background: #ffffff; }

.account-content-block .plans-pricing-block .pricing-list .pricing-box:hover .pricing-box-body h2, .account-content-block .plans-pricing-block .pricing-list .pricing-box.active .pricing-box-body h2 { color: #0074E0; }

.account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-header { padding: 14px 10px; background-color: #3d485d; border-radius: 6px 6px 0 0; }

.account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-header h2 { font-size: 22px; font-size: 1.375rem; margin: 0; color: #fff; text-align: center; }

.account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-header h2 .edit-plan { margin-left: 10px; }

.account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body { padding: 30px 10px 40px; border-radius: 0 0 6px 6px; text-align: center; background-color: #fbfbfb; }

@media (max-width: 1200px) { .account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body { padding: 20px 10px; } }

.account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body h2 { text-align: center; font-size: 38.4px; font-size: 2.4rem; font-weight: bold; margin: 0; }

@media (max-width: 1200px) { .account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body h2 { font-size: 35px; font-size: 2.1875rem; } }

.account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body .prcing-feature-list { margin-top: 20px; text-align: left; min-height: 160px; }

@media (max-width: 1200px) { .account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body .prcing-feature-list { min-height: 220px; margin-top: 20px; } }

@media (max-width: 767px) { .account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body .prcing-feature-list { min-height: inherit; padding-bottom: 20px; } }

.account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body .prcing-feature-list ul { padding-left: 40px; }

@media (max-width: 1500px) { .account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body .prcing-feature-list ul { padding-left: 20px; } }

.account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body .prcing-feature-list ul li { list-style: disc; font-size: 18px; font-size: 1.125rem; padding-bottom: 0px; }

.account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body button { padding: 8px 24px; border: 1px solid #3d485d; border-radius: 4px; text-align: center; background: transparent; font-size: 18px; font-size: 1.125rem; min-width: 120px; margin: 0 auto; }

.account-content-block .plans-pricing-block .pricing-list .pricing-box .pricing-box-body button:hover { background-color: #0074E0; border-color: #0074E0; color: #fff; font-weight: bold; }

.all-notificatin-section { min-height: -webkit-calc(100vh - 143px); min-height: -moz-calc(100vh - 143px); min-height: -ms-calc(100vh - 143px); min-height: -o-calc(100vh - 143px); min-height: calc(100vh - 143px); padding: 40px 0px 30px; }

.all-notificatin-section .header h3.title { font-size: 20px; font-size: 1.25rem; font-weight: bold; margin: 0; }

.all-notificatin-section .notification-fliter-block { margin-top: 40px; }

@media (max-width: 767px) { .all-notificatin-section .notification-fliter-block { margin-top: 20px; } }

.all-notificatin-section .notification-fliter-block .search-field { position: relative; }

@media (max-width: 767px) { .all-notificatin-section .notification-fliter-block .search-field { margin-bottom: 10px; } }

.all-notificatin-section .notification-fliter-block .search-field input { height: 48px; background-color: #fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border-radius: 6px; border: 0; padding: 0px 40px 0px 25px; width: 100%; min-width: 450px; max-width: 450px; font-size: 18px; font-size: 1.125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 990px) { .all-notificatin-section .notification-fliter-block .search-field input { min-width: 320px; } }

@media (max-width: 767px) { .all-notificatin-section .notification-fliter-block .search-field input { min-width: 300px; } }

@media (max-width: 574px) { .all-notificatin-section .notification-fliter-block .search-field input { min-width: 100%; } }

.all-notificatin-section .notification-fliter-block .search-field input:focus { outline: none !important; }

.all-notificatin-section .notification-fliter-block .search-field span.ico { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; line-height: 1; color: #9ca4a6; }

.all-notificatin-section .notification-fliter-block .select-control { width: 150px; }

@media (max-width: 767px) { .all-notificatin-section .notification-fliter-block .select-control { margin-bottom: 10px; } }

.all-notificatin-section .notification-fliter-block .select-control select { text-align: right; }

.all-notificatin-section .notification-list { margin-top: 20px; }

@media (max-width: 767px) { .all-notificatin-section .notification-list { min-height: 190px; } }

.all-notificatin-section .notification-list .data-row { padding: 25px 150px 25px 67px; background-color: #ece9e5; border-left: 4px solid transparent; margin-bottom: 8px; border-radius: 6px; position: relative; background-image: url("/static/static/images/ic-chat-unread.svg"); background-repeat: no-repeat; background-position: 18px 30px; }

@media (max-width: 767px) { .all-notificatin-section .notification-list .data-row { padding: 20px 10px 20px 51px; background-position: 5px 26px; } }

.all-notificatin-section .notification-list .data-row.seen { box-shadow: none; background-color: #ffffff; background-image: url("/static/static/images/ic-chat-read.svg"); }

.all-notificatin-section .notification-list .data-row.seen .txt a p { font-weight: normal; color: #777; font-weight: bold; font-size: 18px; }

.all-notificatin-section .notification-list .data-row.seen .txt .p-date { color: #777; }

.all-notificatin-section .notification-list .data-row:hover, .all-notificatin-section .notification-list .data-row:focus { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); border-color: #0074E0; background-color: #fff; }

.all-notificatin-section .notification-list .data-row:hover .opt .read-ico, .all-notificatin-section .notification-list .data-row:hover .opt .archive-ico, .all-notificatin-section .notification-list .data-row:focus .opt .read-ico, .all-notificatin-section .notification-list .data-row:focus .opt .archive-ico { animation: ScaleIn 0.5s cubic-bezier(0.23, 1, 0.32, 1); animation-fill-mode: both; }

.all-notificatin-section .notification-list .data-row .txt a { text-decoration: none; display: inline-block; }

.all-notificatin-section .notification-list .data-row .txt a p { font-size: 18px; font-size: 1.125rem; margin: 0; font-weight: bold; }

.all-notificatin-section .notification-list .data-row .txt .attachment { background-color: rgba(80, 87, 89, 0.6); color: #fff; border-radius: 2px; font-size: 15px; font-size: 0.9375rem; font-weight: normal; padding: 3px 8px; margin-left: 5px; }

.all-notificatin-section .notification-list .data-row .txt .attachment [class^="icon-"], .all-notificatin-section .notification-list .data-row .txt .attachment [class*=" icon-"] { font-size: 10px; font-size: 0.625rem; }

.all-notificatin-section .notification-list .data-row .txt span.p-date { display: block; font-size: 16px; font-size: 1rem; }

.all-notificatin-section .notification-list .data-row .next-ico { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; font-size: 0.75rem; }

@media (max-width: 767px) { .all-notificatin-section .notification-list .data-row .next-ico { right: 10px; } }

.all-notificatin-section .notification-list .data-row .opt { position: absolute; top: 50%; right: 70px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .all-notificatin-section .notification-list .data-row .opt { position: relative; top: 0; right: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }

.all-notificatin-section .notification-list .data-row .opt .read-ico, .all-notificatin-section .notification-list .data-row .opt .archive-ico { width: 32px; height: 32px; text-align: center; background-color: #3d485d; color: #fff; display: inline-block; border-radius: 50%; font-size: 14px; font-size: 0.875rem; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.all-notificatin-section .notification-list .data-row .opt .read-ico:hover, .all-notificatin-section .notification-list .data-row .opt .read-ico:focus, .all-notificatin-section .notification-list .data-row .opt .archive-ico:hover, .all-notificatin-section .notification-list .data-row .opt .archive-ico:focus { background-color: #0074E0; }

.all-notificatin-section .notification-list .data-row .opt .read-ico [class^="icon-"], .all-notificatin-section .notification-list .data-row .opt .read-ico [class*=" icon-"], .all-notificatin-section .notification-list .data-row .opt .archive-ico [class^="icon-"], .all-notificatin-section .notification-list .data-row .opt .archive-ico [class*=" icon-"] { line-height: 31px; }

@media (max-width: 1024px) { .all-notificatin-section .notification-list .data-row .opt .read-ico, .all-notificatin-section .notification-list .data-row .opt .archive-ico { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } }

.all-notificatin-section .notification-list .data-row .opt .archive-ico { font-size: 12px; font-size: 0.75rem; margin-left: 4px; }

.all-notificatin-section.all--archive .header h3.title { margin-top: 20px; }

.all-notificatin-section.all--archive .notification-fliter-block { margin-top: 20px; }

.all-notificatin-section.all--archive .notification-list .data-row { padding-right: 30px; }

.notification-dtl-section { padding: 30px 0px 70px; min-height: -webkit-calc(100vh - 143px); min-height: -moz-calc(100vh - 143px); min-height: -ms-calc(100vh - 143px); min-height: -o-calc(100vh - 143px); min-height: calc(100vh - 143px); background: #ffffff; position: relative; }

.notification-dtl-section:after { background: #f4f3f1; height: 44px; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; }

.notification-dtl-section .header .back-btn { vertical-align: top; float: left; width: 70px; }

.notification-dtl-section .header .notification-head { float: left; width: calc(100% - 88px); margin-left: 18px; padding-right: 40%; }

@media (max-width: 1024px) { .notification-dtl-section .header .notification-head { padding-right: 17%; } }

@media (max-width: 767px) { .notification-dtl-section .header .notification-head { width: 100%; margin-left: 0; padding-right: 0; margin-top: 17px; } }

.notification-dtl-section .header .notification-head h3.title { font-family: Calibri; font-size: 24px; color: #3d485d; display: inline-block; font-weight: bold; line-height: 22px; margin-bottom: 2px; }

.notification-dtl-section .header .notification-head .date { float: left; width: 100%; }

.notification-dtl-section .content-block { float: left; width: 100%; padding: 17px 113px 0 87px; }

@media (max-width: 767px) { .notification-dtl-section .content-block { padding: 15px 0; } }

.attachment-section { float: left; width: 100%; margin: 20px 0 0 0; }

.attachment-section h2 { font-family: Calibri; font-size: 15px; color: #3d485d; font-weight: bold; background-image: url("/static/static/images/attachment-icon.svg"); background-repeat: no-repeat; background-position: 0 5px; padding-left: 22px; }

.attachment-section ul li { background-image: url("/static/static/images/attachment-list.svg"); background-repeat: no-repeat; padding-left: 44px; background-position: 0 5px; padding-bottom: 1px; margin: 12px 0 0 0; min-height: 41px; }

.attachment-section ul li h3 { font-family: Calibri; font-size: 18px; font-weight: bold; margin: 0; padding: 2px 0 0 0; }

.attachment-section ul li h3 span { font-family: Calibri; display: block; font-size: 14px; font-weight: normal; margin-top: 2px; }

/*fixes*/
.partial-resource-list a { text-decoration: none; }

.chart-box { max-width: initial !important; }

@media (max-width: 990px) { .chart-box { max-width: 100% !important; float: left !important; width: 100%; } }

@media (max-width: 990px) { .chart-box { margin-bottom: 20px; } }

.chart-box .data-circle { height: 120px; background: #fff; border-radius: 6px; width: 250px; padding: 25px 0 36px 0; vertical-align: middle; margin-right: 21px; }

@media (max-width: 990px) { .chart-box .data-circle { width: 190px; } }

@media (max-width: 990px) { .chart-box .data-circle { width: 100%; } }

.chart-box .data-circle h4 { margin: 0 !important; }

.chart-box .data-circle span { vertical-align: middle; font-weight: bold; margin-top: 0; color: #3d485d; font-size: 38px; display: inline-block; }

/*popup*/
#changeScoreModel .modal-dialog { max-width: 563px; }

#changeScoreModel .modal-body { margin: 0 0 7px 0; }

@media (max-width: 767px) { #changeScoreModel .modal-body { padding: 35px 15px; } }

#changeScoreModel .severity-count { float: left; width: 100%; margin: 0 0 29px 0; }

#changeScoreModel .severity-count p { float: left; border-radius: 4px; background: #f2f2ef; margin: 0; padding: 6px 11px; font-size: 16px; font-weight: bold; }

#changeScoreModel .select-control { width: 176px; }

#changeScoreModel .value-ranges { margin: 15px 0; }

#changeScoreModel .btn-field .button-width-large { padding: 0 31px !important; height: 42px; border-width: 1px; font-size: 18px; }

#changeScoreModel .btn-field#set_severity { padding: 0 43px !important; }

#changeScoreModel #severity_input { border-top: 0; border-left: 0; border-right: 0; border: 1px solid #ededed; margin: 0 0 29px 0; font-family: Calibri; font-size: 18px; color: #3d485d; padding: 0 19px 0 0; text-align: center; }

#changeScoreModel #severity_input:focus { outline: navajowhite; }

/* Custom increment and decrement */
.quantity { position: relative; width: 100%; float: left; }

.quantity input { width: 64px; height: 34px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 6px; padding-right: 24px; border: 1px solid #d7d7d7; text-align: center; }

.quantity input:focus { outline: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

.quantity-nav { float: left; position: relative; height: 36px; }

.quantity-button { position: relative; cursor: pointer; border-left: 1px solid #d7d7d7; width: 20px; text-align: center; color: #333; font-size: 13px; font-family: "Calibri"; font-weight: bold; line-height: 2; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #d7d7d7; }

.quantity-button.quantity-down { position: absolute; bottom: 3px; height: 50%; }

.no-message { float: left; width: 100%; text-align: center; }

@media (max-width: 767px) { .no-message { top: 0; position: relative; transform: translate(0, 0); margin: 30px 0 0px; } }

.no-message figure { display: inline-block; background: #fff; width: 154px; height: 154px; text-align: center; border-radius: 100%; line-height: 140px; margin: 0 0 13px 0; }

@media (max-width: 767px) { .no-message figure { line-height: 100px; width: 100px; height: 100px; } }

@media (max-width: 767px) { .no-message figure img { width: 40px; } }

.no-message.in-popup { position: relative; top: 0; transform: translate(0, 0); margin: 30px 0; }

.no-message.in-popup figure { width: 123px; height: 123px; line-height: 118px; background: #f9f9f8; }

@media (max-width: 767px) { .no-message.in-popup figure { width: 100px; height: 100px; line-height: 100px; } }

.no-message.in-popup figure img { width: 53px; }

@media (max-width: 767px) { .no-message.in-popup figure img { width: 40px; } }

.error-severity { position: absolute; left: 0; bottom: 6px; color: #ff6551; font-size: 14px; font-weight: bold; }

.delete-room-ico { cursor: pointer; }

/*Static*/
.static-content { margin-top: 27px; }

.static-content h4, .static-content h5, .static-content span { font-size: 16px; font-weight: bold; }

.static-content h4 { margin-bottom: 16px; }

.static-content h5 { margin-bottom: 0px; }

.static-content p { color: #3d485d; font-size: 16px; line-height: 20px; }

/*Static*/
/*FAQ*/
.faq-section { margin-top: 25px; }

.faq-section .template-list-block .data-row { border-radius: 6px; background-color: #fff; padding: 15px 20px; margin-bottom: 10px; }

@media (max-width: 1023px) { .faq-section .template-list-block .data-row { padding: 15px 15px; } }

.faq-section .template-list-block .data-row.data-row-draft { border: 2px dashed #c6cacb; }

.faq-section .template-list-block .data-row.data-row-draft .data-box-body .data-row-inside .data-box-inside-body { padding-left: 0; margin-top: 5px; }

.faq-section .template-list-block .data-row .collaspe-ico { width: 32px; height: 32px; line-height: 32px; display: block; font-size: 7px; font-size: 0.4375rem; text-align: center; border-radius: 50%; background-color: #eeeeee; position: absolute; top: 16px; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.faq-section .template-list-block .data-row .collaspe-ico [class^="icon-"], .faq-section .template-list-block .data-row .collaspe-ico [class*=" icon-"] { line-height: inherit; transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

.faq-section .template-list-block .data-row .collaspe-ico[aria-expanded="true"] [class^="icon-"], .faq-section .template-list-block .data-row .collaspe-ico[aria-expanded="true"] [class*=" icon-"] { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); display: block; }

.faq-section .template-list-block .data-row .move-ico { position: absolute; top: 50%; right: 50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: move; }

.faq-section .template-list-block .data-row .data-box-header { padding-right: 80px; position: relative; }

@media (max-width: 1023px) { .faq-section .template-list-block .data-row .data-box-header { padding-right: 40px; } }

.faq-section .template-list-block .data-row .data-box-header .align-style { align-items: center; }

.faq-section .template-list-block .data-row .data-box-header h3 { font-size: 18px; font-size: 1.125rem; margin: 0; font-weight: bold; line-height: 27px; margin: 0; }

.faq-section .template-list-block .data-row .data-box-header p { margin: 0; }

.faq-section .template-list-block .data-row .data-box-header .opt-list { position: absolute; top: 50%; right: 100px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .faq-section .template-list-block .data-row .data-box-header .opt-list { position: relative; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); margin: 10px 0; } }

.faq-section .template-list-block .data-row .data-box-header .opt-list ul li { display: inline-block; margin-right: 4px; margin-bottom: 2px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

@media (max-width: 990px) { .faq-section .template-list-block .data-row .data-box-header .opt-list ul li { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } }

@media (max-width: 574px) { .faq-section .template-list-block .data-row .data-box-header .opt-list ul li { margin-right: 0px; } }

.faq-section .template-list-block .data-row .data-box-header .opt-list ul li span { width: 32px; height: 32px; font-size: 15px; font-size: 0.9375rem; cursor: pointer; color: #fff; display: block; border-radius: 50%; background-color: #3d485d; text-align: center; }

.faq-section .template-list-block .data-row .data-box-header .opt-list ul li span [class^="icon-"], .faq-section .template-list-block .data-row .data-box-header .opt-list ul li span [class*=" icon-"] { line-height: 32px; }

.faq-section .template-list-block .data-row .data-box-header .opt-list ul li span:hover { background-color: #0074E0; }

@media (max-width: 574px) { .faq-section .template-list-block .data-row .data-box-header .opt-list ul li span { width: 30px; height: 30px; } }

.faq-section .template-list-block .data-row .data-box-header .opt-list ul li:first-child span { font-size: 12px; font-size: 0.75rem; }

.faq-section .template-list-block .data-row .data-box-header .opt-list ul li:nth-child(1) { animation-delay: 0.2s; }

.faq-section .template-list-block .data-row .data-box-header .opt-list ul li:nth-child(2) { animation-delay: 0.3s; }

.faq-section .template-list-block .data-row .data-box-header .opt-list ul li:nth-child(3) { animation-delay: 0.4s; }

@media (min-width: 991px) { .faq-section .template-list-block .data-row .data-box-header:hover .opt-list li { animation: ScaleIn 0.5s cubic-bezier(0.23, 1, 0.32, 1); animation-fill-mode: both; } }

.faq-section .template-list-block .data-row .data-box-body { padding: 20px; background-color: #f4f3f1; margin-top: 20px; }

.faq-section .template-list-block .data-row .data-box-body .data-row-inside { border-radius: 6px; background-color: #fff; padding: 15px 25px; border-left: 4px solid transparent; margin-bottom: 10px; }

@media (max-width: 767px) { .faq-section .template-list-block .data-row .data-box-body .data-row-inside { padding: 10px; } }

.faq-section .template-list-block .data-row .data-box-body .data-row-inside:hover { border-color: #0074E0; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); }

.faq-section .template-list-block .data-row .data-box-body .data-row-inside .data-box-header { padding-right: 220px; }

@media (max-width: 767px) { .faq-section .template-list-block .data-row .data-box-body .data-row-inside .data-box-header { padding-right: 40px; }
  .faq-section .template-list-block .data-row .data-box-body .data-row-inside .data-box-header .collaspe-ico { top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .faq-section .template-list-block .data-row .data-box-body .data-row-inside .data-box-header .move-ico { display: none; } }

.faq-section .template-list-block .data-row .data-box-body .data-row-inside .data-box-header h3 { font-weight: normal; font-size: 16px; font-size: 1rem; margin: 0; }

.faq-section .template-list-block .data-row .data-box-body .data-row-inside .data-box-inside-body { padding: 0px 30px; }

@media (max-width: 767px) { .faq-section .template-list-block .data-row .data-box-body .data-row-inside .data-box-inside-body { padding: 0px; } }

.faq-section .template-list-block .data-row .data-box-body .data-row-inside .data-box-inside-body h5 { font-size: 16px; font-size: 1rem; color: rgba(80, 87, 89, 0.5); margin: 0 0 15px; }

.faq-section .template-list-block .data-row .data-box-body .data-row-inside .data-box-inside-body p { margin-bottom: 0; }

.faq-section .template-list-block .data-row .data-box-body .data-row-inside.pannel-active .data-box-header .opt-list ul li { animation: none !important; opacity: 1 !important; }

.faq-section .template-list-block .editor-box-body { padding: 0 42px; }

.faq-section .template-list-block .faq-icon { width: 32px; height: 32px; border-radius: 100%; text-align: center; background: #eee; }

.faq-section .template-list-block .faq-icon label { font-family: Calibri; font-size: 18px; font-weight: bold; margin: 0; line-height: 30px; }

/*FAQ*/
/*reseller-my-account-plans*/
.account-detail-section .account-menu-btn-block { display: table; width: 100%; }

.account-detail-section .account-menu-btn-block .account-menu-btn { background: transparent; padding: 0; margin: 0; color: #000; border: 0; font-weight: bold; outline: none; margin-top: 15px; float: right; margin-right: 20px; display: none; position: relative; z-index: 1; }

@media (max-width: 767px) { .account-detail-section .account-menu-btn-block .account-menu-btn { display: block; } }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details { width: 448px; margin: auto auto 50px auto; }

@media (max-width: 767px) { .account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details { width: 100%; } }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details .pricing-box-body .prcing-feature-list { min-height: auto; margin-bottom: 10px; }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details .pricing-box-body .prcing-feature-list ul { width: 240px; margin: auto; }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details .prcing-feature-list { min-height: 165px; }

@media (max-width: 767px) { .account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details .prcing-feature-list { min-height: auto; } }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details .month-txt { font-size: 14px; font-weight: bold; text-transform: uppercase; }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details .plan-info { font-size: 12px; width: 255px; margin: 30px auto 25px auto; }

.reseller-plans-pricing-block.white-bg:before, .reseller-subscription-block.white-bg:before, .image-logs.white-bg:before { content: ""; background: #fbfbfb; left: 0; top: 0; position: absolute; width: 100%; height: 181px; border-left: 2px solid #f4f3f1; }

@media (max-width: 767px) { .reseller-plans-pricing-block.white-bg:before, .reseller-subscription-block.white-bg:before, .image-logs.white-bg:before { height: 151px; } }

.reseller-plans-pricing-block .header, .reseller-subscription-block .header, .image-logs .header { z-index: 1; position: relative; }

.reseller-plans-pricing-block .nav-tabs, .reseller-subscription-block .nav-tabs, .image-logs .nav-tabs { border: 0; margin: 25px 0 70px 0; }

@media (max-width: 767px) { .reseller-plans-pricing-block .nav-tabs, .reseller-subscription-block .nav-tabs, .image-logs .nav-tabs { margin: 10px 0 40px 0; } }

.reseller-plans-pricing-block .nav-tabs .nav-link, .reseller-subscription-block .nav-tabs .nav-link, .image-logs .nav-tabs .nav-link { font-size: 18px; font-weight: bold; text-decoration: none; padding-bottom: 14px; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; cursor: pointer; text-decoration: none; background: transparent; border: 0; padding-left: 0; padding-right: 0; margin-right: 80px; }

@media (max-width: 1023px) { .reseller-plans-pricing-block .nav-tabs .nav-link, .reseller-subscription-block .nav-tabs .nav-link, .image-logs .nav-tabs .nav-link { margin-right: 60px; } }

@media (max-width: 767px) { .reseller-plans-pricing-block .nav-tabs .nav-link, .reseller-subscription-block .nav-tabs .nav-link, .image-logs .nav-tabs .nav-link { margin-right: 20px; font-size: 17px; } }

.reseller-plans-pricing-block .nav-tabs .nav-link.active::before, .reseller-subscription-block .nav-tabs .nav-link.active::before, .image-logs .nav-tabs .nav-link.active::before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #0074E0; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 100%; }

/*reseller-my-account-plans*/
/*reseller dashboard*/
.reseller-dashboard .select-field { float: right; }

.reseller-dashboard .select-field .select-control { width: 100px; }

@media (max-width: 767px) { .reseller-dashboard .select-field .select-control { font-size: 13px; } }

.reseller-dashboard .select-field .select-control select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: 0; position: relative; z-index: 1; background: transparent; text-align: right; }

.reseller-dashboard .date-label { float: left; width: 100%; text-align: right; font-size: 14px; }

@media (max-width: 767px) { .reseller-dashboard .date-label { font-size: 12px; } }

.reseller-dashboard .content-block .data-box .data-box-header h4.title { font-weight: bold; padding-left: 0; font-size: 22px; font-size: 1.375rem; }

@media (max-width: 1300px) { .reseller-dashboard .content-block .data-box .data-box-header h4.title { font-size: 18px; font-size: 1.125rem; } }

.reseller-dashboard .processed-images { max-width: 535px; width: 100%; margin: 64px auto 30px auto; }

@media (max-width: 1200px) { .reseller-dashboard .processed-images { width: 100%; margin-top: 50px; } }

@media (max-width: 767px) { .reseller-dashboard .processed-images { margin: auto auto 55px auto; } }

.reseller-dashboard .processed-images .processed-data { margin: auto auto 0 auto; text-align: center; border-radius: 6px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.08); padding: 30px 0; }

.reseller-dashboard .processed-images .processed-data p { font-size: 16px; font-weight: bold; margin: 0; }

.reseller-dashboard .processed-images .processed-data p span.count { font-size: 48px; font-weight: bold; line-height: 48px; }

.reseller-dashboard .warning-text { min-height: 36px; margin-top: 12px; }

.reseller-dashboard .btn-field { margin: 0; }

.reseller-dashboard p.warning { font-size: 16px; color: #deb000; font-weight: bold; background-image: url("/static/images/ic-warning.svg"); background-repeat: no-repeat; background-position: 0 5px; padding: 0 0 0 23px; margin: 0 0 0 7px; }

.reseller-dashboard span.date { font-size: 24px; }

.reseller-dashboard .content-block .data-box { height: auto; }

.reseller-dashboard .subscription-box .data-box .data-box-header { border: 0; padding: 0; }

.reseller-dashboard .subscription-box .data-box .data-box-header .plan-name { border-radius: 6px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.08); padding: 5px 0px; text-align: center; font-size: 18px; line-height: 1.5; font-size: 1.125rem; font-weight: bold; margin-top: 10px; }

.reseller-dashboard .customers-box { padding-left: 7px; }

@media (max-width: 1023px) { .reseller-dashboard .customers-box { padding-left: 15px; } }

.reseller-dashboard .customers-box .data-box .data-box-header { border: 0; padding: 0; }

.reseller-dashboard .customers-box .customer-count { font-size: 36px; font-weight: bold; line-height: 36px; }

.reseller-dashboard .customers-box .starter-plan { margin-top: 10px; }

.reseller-dashboard .customers-box .starter-plan li { padding: 36px 0; }

@media (max-width: 1200px) { .reseller-dashboard .customers-box .starter-plan li { padding: 26px 0; } }

.reseller-dashboard .assessments-box .data-box .data-box-header { border: 0; padding: 0; }

.reseller-dashboard .assessments-box .starter-plan { margin-top: 19px; }

.reseller-dashboard .assessments-box .starter-plan li { padding: 10px 0; }

@media (max-width: 767px) { .reseller-dashboard .assessments-box .starter-plan li { margin-bottom: 4px; } }

.reseller-dashboard .assessments-box .starter-plan li p { font-size: 14px; }

.reseller-dashboard .assessments-box .starter-plan li p.customer-count { font-size: 36px; font-weight: bold; line-height: 36px; }

.reseller-dashboard .assessments-box .starter-plan li p.customer-count.assigned { color: #4c94d6; }

.reseller-dashboard .assessments-box .starter-plan li p.customer-count.pending { color: #b988ae; }

.reseller-dashboard .assessments-box .starter-plan li p.customer-count.in-progress { color: #deb000; }

.reseller-dashboard .assessments-box .starter-plan li p.customer-count.results-pending { color: #ff6551; }

.reseller-dashboard .assessments-box .starter-plan li p.customer-count.completed { color: #90b534; }

.reseller-dashboard .assessments-box .starter-plan li p.customer-count.approved { color: #47c6a8; }

.reseller-dashboard .assessments-btn { background-image: url("/static/images/ic-assessment.svg"); background-repeat: no-repeat; background-position: 0 5px; padding: 0 0 0 20px; }

.reseller-dashboard .transaction-btn { background-image: url("/static/images/ic-transaction.svg"); background-repeat: no-repeat; background-position: 0 2px; padding: 0 0 0 23px; }

@media (max-width: 767px) { .reseller-dashboard .transaction-btn { margin: 10px 0 30px 0; } }

.reseller-dashboard .revenue-box .select-field .select-control { width: 218px !important; }

.reseller-dashboard .revenue-list { float: left; width: 100%; margin: 20px 0 20px 0; }

@media (max-width: 1200px) { .reseller-dashboard .revenue-list { margin-bottom: 10px; } }

.reseller-dashboard .revenue-list li { background: #f4f3f1; box-shadow: 0 0 14px 0 rgba(170, 159, 159, 0.08); padding: 20px 18px 20px 18px; margin: 0 0 10px 0; border-radius: 6px; word-break: break-word; }

.reseller-dashboard .revenue-list li p { margin: 0; }

.reseller-dashboard .revenue-list li p span { display: block; font-weight: bold; }

.reseller-dashboard .revenue-list li ._number { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }

.reseller-dashboard .revenue-list li.total-revnue { box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.08); background: #fff; font-weight: bold; }

.reseller-dashboard .revenue-list li.total-revnue strong { font-size: 20px; line-height: 1.5; font-size: 1.25rem; }

.starter-plan { margin-top: 10px; }

.starter-plan li { border-radius: 6px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.08); list-style: none; text-align: center; padding: 19px 0; }

.starter-plan li p { margin: 0; }

.starter-plan li span { font-weight: bold; display: block; }

.reseller-date-selector .user-name span { position: relative; float: right; padding: 0 20px 0 0; cursor: pointer; }

@media (max-width: 1550px) { .reseller-date-selector .user-name span { font-size: 14px; font-size: 0.875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }

@media (max-width: 1200px) { .reseller-date-selector .user-name span { white-space: normal; } }

.reseller-date-selector .user-name span:after { position: absolute; top: 50%; right: 0; font-family: "icomoon"; font-weight: normal; font-variant: normal; color: #3d485d; font-size: 7px; font-size: 0.4375rem; content: "\e901"; -webkit-transform: translate(0, -45%); -moz-transform: translate(0, -45%); -ms-transform: translate(0, -45%); -o-transform: translate(0, -45%); transform: translate(0, -45%); }

.reseller-date-selector .dropdown-menu { top: 30px !important; width: 250px !important; right: 0 !important; left: auto !important; padding: 12px 10px 15px; box-shadow: 0px -2px 14px 0 rgba(0, 0, 0, 0.08); border: 1px solid #f3f3f1; }

.reseller-date-selector .dropdown-menu:after { content: ""; position: absolute; width: 15px; height: 15px; background: #fff; transform: rotate(45deg); top: -5px; right: 20px; }

.reseller-date-selector .dropdown-menu p { font-size: 15px; margin: 0; }

.reseller-date-selector .dropdown-menu .drop-down-container ul { float: left; width: 100%; }

.reseller-date-selector .dropdown-menu .drop-down-container ul li { float: left; width: calc(50% - 5px); }

.reseller-date-selector .dropdown-menu .drop-down-container ul li .gj-datepicker-md { max-width: 100% !important; }

.reseller-date-selector .dropdown-menu .drop-down-container ul li .gj-datepicker-md .gj-textbox-md { font-size: 12px; border-color: #f3f3f1; background-image: url("/static/images/ic-calendar.svg"); background-repeat: no-repeat; background-position: right 3px; background-size: 17px; }

.reseller-date-selector .dropdown-menu .drop-down-container ul li:first-child { margin-right: 10px; }

/*reseller dashboard*/
/*reseller-my-account-subscription*/
.reseller-subscription-block.white-bg:before { height: 160px; }

@media (max-width: 767px) { .reseller-subscription-block.white-bg:before { height: 145px; } }

.reseller-subscription-block .nav-tabs { margin: 35px 0 30px 0; }

.reseller-subscription-block .nav-tabs .nav-link { margin-right: 120px; }

@media (max-width: 1023px) { .reseller-subscription-block .nav-tabs .nav-link { margin-right: 100px; } }

@media (max-width: 767px) { .reseller-subscription-block .nav-tabs .nav-link { margin-right: 30px; } }

.reseller-subscription-block .data-table-list .table tbody tr td .opt-list ul li span { line-height: 28px; }

.reseller-subscription-block h3.title { z-index: 1; position: relative; }

.reseller-subscription-block p.info { background-image: url("/static/images/ic-info.svg"); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 24px; margin: 7px 0 0 0; }

/*reseller-my-account-subscription*/
/*Branding*/
@media (max-width: 1023px) { .account-detail-section .account-content-block.reseller-account-content-block .change-password-section { display: flex; flex-wrap: wrap; } }

.account-detail-section .account-content-block.reseller-account-content-block .change-password-section p { margin-top: 10px; width: 100%; }

.account-detail-section .account-content-block.reseller-account-content-block .change-password-section .field-group { min-width: 400px; margin-top: 25px; }

@media (max-width: 1199px) { .account-detail-section .account-content-block.reseller-account-content-block .change-password-section .field-group { min-width: 300px; } }

@media (max-width: 1023px) { .account-detail-section .account-content-block.reseller-account-content-block .change-password-section .field-group { min-width: 300px; order: 2; min-width: 100%; margin-top: 40px; } }

.account-detail-section .account-content-block.reseller-account-content-block .change-password-section .c-field .c-field-control { border-bottom-color: #d7d7d7; }

.account-detail-section .account-content-block.reseller-account-content-block .change-password-section h3.title { width: 100%; padding-left: 0; }

.account-detail-section .account-content-block.reseller-account-content-block .logo-uploader { width: 270px; float: left; margin-left: 90px; margin-top: 14px; }

@media (max-width: 1199px) { .account-detail-section .account-content-block.reseller-account-content-block .logo-uploader { margin-left: 30px; } }

@media (max-width: 1023px) { .account-detail-section .account-content-block.reseller-account-content-block .logo-uploader { margin-left: 0; } }

.account-detail-section .account-content-block.reseller-account-content-block .logo-uploader h3 { font-size: 18px; font-weight: bold; margin-bottom: 9px; }

.account-detail-section .account-content-block.reseller-account-content-block .logo-uploader .ch-upload-button { position: relative; width: 200px; height: 100px; text-align: center; background: #fff; display: table-cell; vertical-align: middle; }

.account-detail-section .account-content-block.reseller-account-content-block .logo-uploader .image-info { float: left; width: 100%; margin-top: 15px; }

.account-detail-section .account-content-block.reseller-account-content-block .logo-uploader .image-info p { line-height: normal; margin: 0; }

.account-detail-section .account-content-block.reseller-account-content-block .logo-uploader .image-info .upload-direction { font-size: 13px; margin-top: 5px; }

/*Branding*/
/*customers-subscription*/
.customers-subscription .filter-subscription .filter-block { margin-top: 20px; }

.customers-subscription .filter-subscription .filter-btn { margin-left: 0; }

@media (max-width: 767px) { .customers-subscription .filter-subscription .filter-btn { float: right; } }

.customers-subscription .data-table-list .table tbody tr td .opt-list ul li span { line-height: 31px; }

.customers-subscription .data-table-list .table tbody tr td .opt-list ul li span svg { position: relative; top: 1px; }

.customers-subscription .data-table-list { margin-top: 20px; }

.customers-subscription .select-field .select-field-control { position: relative; max-width: 127px; }

.customers-subscription .select-field .select-field-control::after { position: absolute; top: 50%; right: 12px; font-family: "icomoon"; font-weight: normal; font-variant: normal; color: #3d485d; font-size: 7px; font-size: 0.4375rem; content: "\e901"; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 6px; }

.customers-subscription .select-field .select-field-control select { padding: 12px 26px 12px 13px; background-color: #fff; border-radius: 4px; border: 0; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); color: #3d485d; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; text-overflow: ellipsis; font-size: 14px; }

.total-revenue { text-align: left; border-radius: 6px; padding: 15px 20px 15px; background: #fff; max-width: 280px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); margin-bottom: 8px; }

@media (max-width: 767px) { .total-revenue { width: 100%; max-width: 100%; margin-bottom: 10px; } }

.total-revenue p { font-size: 14px; font-weight: bold; margin: 0; }

.total-revenue p span.count { font-size: 24px; font-weight: bold; line-height: 34px; word-break: break-word; }

/*customers-subscription*/
.report-generated { display: block; font-size: 11px; line-height: normal; }

.report-generated svg { width: 15px; margin-right: 4px; height: 15px; }

.report-generated span { position: relative; top: 1px; color: #969a9b; }

/*Image logs*/
.image-log-section .data-table-list { margin-top: 20px; }

.image-log-section .filter-pannel { margin-top: 0; }

.image-logs .nav-tabs { border-bottom: 1px solid #dee2e6; margin-bottom: 0; margin-top: 20px; }

@media (max-width: 767px) { .image-logs .nav-tabs { white-space: nowrap; overflow-x: scroll; display: block; overflow-y: hidden; } }

@media (max-width: 1023px) { .image-logs .nav-tabs .nav-link { margin-right: 50px; } }

@media (max-width: 767px) { .image-logs .nav-tabs .nav-link { display: inline-block; } }

.image-logs .tab-content { margin-top: 10px; }

.image-logs .filter-pannel { margin-top: 25px; }

.image-logs .filter-pannel h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0 0 15px; }

.image-logs .filter-pannel .button-rounded svg { margin: -3px 8px 0 0; }

.image-logs .data-table-list { margin-top: 20px; }

.image-logs-header .title-block { margin-top: 0 !important; }

.image-logs-header .total-outer { max-width: 280px; float: right; }

@media (max-width: 767px) { .image-logs-header .total-outer { width: 100%; } }

.image-logs-header .total-outer .total-revenue { text-align: center; padding: 10px 20px 14px; }

.image-logs-header .total-outer .total-revenue p + p { font-size: 24px; }

.image-logs-header .total-outer .total-revenue p + p span { font-size: 24px; font-weight: normal; }

.image-logs-header .total-outer .total-revenue p + p span.count { font-size: 40px; font-weight: bold; }

.image-logs-header .total-outer p.warning { font-size: 16px; color: #deb000; font-weight: bold; background-image: url("/static/images/ic-warning.svg"); background-repeat: no-repeat; background-position: 0 5px; padding: 0 0 0 23px; margin: 6px 0 0 7px; float: left; }

.customer-header-logs { background-color: #fbfbfb; padding: 20px 0px; z-index: 1; position: relative; }

.customer-header-logs h4 { font-size: 14px; font-size: 0.875rem; color: #818b8e; font-weight: bold; margin: 0 0 4px; line-height: 1.14; }

.customer-header-logs h3 { font-size: 20px; font-size: 1.25rem; font-weight: bold; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.customer-header-logs .data-list { margin-top: 25px; }

.customer-header-logs .data-box { max-width: 220px; }

@media (max-width: 767px) { .customer-header-logs .data-box { border-bottom: 1px solid #b7bdbe; padding-bottom: 20px; margin-bottom: 20px; max-width: 100%; } }

/*Image logs*/
/*reseller-plans-detail*/
.custom-radio-container { float: left; width: 100%; padding: 0 20px; margin-bottom: 45px; }

@media (max-width: 767px) { .custom-radio-container { padding: 0 0; } }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details:hover { transform: scale(1); }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details:hover .pricing-header { background-color: #3d485d; }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details:hover .pricing-header h2 { font-weight: 500; }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details .pricing-box-body { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.11); }

.account-detail-section .account-content-block .plans-pricing-block .pricing-list .pricing-box.reseller-plan-details .pricing-box-body { background: #ffffff; }

.reseller-plans-pricing-block p + .custom-radio { margin-right: 15px; }

.reseller-plans-pricing-block .custom-radio { width: calc(50% - 10px); display: inline-block; position: relative; }

.reseller-plans-pricing-block .custom-radio:last-of-type { margin-right: 0; }

.reseller-plans-pricing-block .custom-radio input.css-checkbox[type="radio"] { display: none; }

.reseller-plans-pricing-block .custom-radio label { float: left; width: 100%; cursor: pointer; border-radius: 6px; border: solid 1px #979797; padding: 15px 0 28px 0; position: relative; }

.reseller-plans-pricing-block .custom-radio label h3 { font-size: 24px; font-weight: bold; margin: 0; }

.reseller-plans-pricing-block .custom-radio label h3 span { font-size: 14px; font-weight: bold; display: block; text-transform: uppercase; }

.reseller-plans-pricing-block .custom-radio label span.tick-btn { width: 43px; height: 43px; border: solid 1px #979797; display: inline-block; border-radius: 100%; line-height: 38px; position: absolute; left: 50%; bottom: -23px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #fff; }

.custom-radio input.css-checkbox[type="radio"]:checked + label { border-color: #0074E0; }

.custom-radio input.css-checkbox[type="radio"]:checked + label span.tick-btn { background: #0074E0; border-color: #0074E0; }

.custom-radio input.css-checkbox[type="radio"]:checked + label span.tick-btn svg path { fill: #fff; opacity: 1; }

/*reseller-plans-detail*/
.history-ico { width: 32px; height: 32px; background: #3d485d; display: inline-block; text-align: center; border-radius: 100%; line-height: 34px; text-decoration: none !important; }

.history-ico .icon-ic-history { color: #fff; border: 0; text-decoration: none !important; position: relative; left: -1px; }

/*Payment success*/
.payment-successful { text-align: center; margin-top: 148px; }

@media (max-width: 767px) { .payment-successful { margin-top: 50px; } }

.payment-successful figure { width: 117px; height: 117px; margin: auto auto 25px auto; background: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.11); border-radius: 100%; padding: 20px; }

.payment-successful h2 { font-size: 24px; font-weight: bold; margin: 0; }

.payment-successful .button { padding: 0 30px; height: 42px; }

/*Payment success*/
/*Equipements*/
.faq-section.equipements .template-list-block .data-row .data-box-header h3 { margin: 0; }

.faq-section.equipements .template-list-block .data-row .collaspe-ico { top: 14px; }

.faq-section.equipements .template-list-block .editor-box-body { background: #f4f3f1; padding: 21px 21px 9px 21px; margin-top: 16px; }

@media (max-width: 767px) { .faq-section.equipements .template-list-block .editor-box-body { padding: 10px 10px 9px 10px; } }

.faq-section.equipements .template-list-block .editor-box-body ul li { background: #fff; border-radius: 6px; padding: 19px 18px 12px; margin: 0 0 12px 0; }

.faq-section.equipements .template-list-block .editor-box-body ul li h4 { font-size: 16px; font-weight: bold; margin: 0; }

.faq-section.equipements .template-list-block .editor-box-body ul li p { font-size: 16px; margin: 0 0 5px 0; }

.faq-section.equipements .template-list-block .editor-box-body ul li p.serial { font-size: 14px; margin: 0 0 4px 0; }

/*approval*/
.approval-section .filter-pannel { margin-top: 0; }

.approval-section .data-table-list { margin-top: 20px; }

.subscription-graph-block { margin-bottom: 40px; }

.alert-msg { width: 100%; border-radius: 6px; background-color: #fbfbfb; display: flex; padding: 13px 18px; align-items: center; }

.alert-img { position: relative; padding-right: 24px; }

.alert-img:after { content: ""; width: 1px; height: 30px; background-color: #e3dfd7; display: inline-block; position: absolute; right: 11px; }

.msg-text p { font-size: 16px; line-height: 1.29; color: #3d485d; font-family: "Calibri"; margin-bottom: 0; }

.customers-section.customers-subscription .top-info-pannel .pannelBox h4 { font-size: 20px; color: #3d485d; }

/*sandeep-scss-*/
@media (max-width: 670px) { button.button.button-group-name.button-rounded.button-border.button-theme.button-width-large.margin-right-2x.button-icon-font-xsmall, button.button.button-group-name.button-rounded.button-theme.button-width-large.margin-right-2x.button-icon-font-xsmall.button-border-thin, button.button.button-group-name.button-rounded.button-theme.button-width-large.margin-right-2x.button-icon-font-xsmall.button-border-thick { margin-bottom: 10px !important; } }

/*common-pages*/
.filter-pannel { margin-top: 10px; }

@media (max-width: 990px) { .filter-pannel { margin-top: 10px; } }

.filter-pannel .page-title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0 0 15px; }

.filter-pannel .search-field { position: relative; }

.filter-pannel .search-field input { height: 48px; background-color: #fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border-radius: 6px; border: 0; padding: 0px 40px 0px 25px; width: 100%; min-width: 450px; max-width: 450px; font-size: 18px; font-size: 1.125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1023px) { .filter-pannel .search-field input { min-width: 340px; max-width: 340px; } }

@media (max-width: 767px) { .filter-pannel .search-field input { min-width: 300px; } }

@media (max-width: 574px) { .filter-pannel .search-field input { min-width: 100%; } }

.filter-pannel .search-field input:focus { outline: none !important; }
.home-section .filter-list {
	left: 460px;
}

.filter-pannel .search-field span.ico { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; line-height: 1; color: #9ca4a6; }

.filter-pannel .filter-btn { background-color: #fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border: 0; border-radius: 6px; text-align: center; width: 48px; height: 48px; margin-left: 10px; padding: 0; position: relative; }

.filter-pannel .filter-btn:focus { outline: none !important; }

.filter-pannel .filter-btn span.ico { font-size: 18px; font-size: 1.125rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1; }

.filter-pannel .filter-btn span.ico sup { width: 10px; height: 10px; background-color: #da2424; border-radius: 50%; position: absolute; top: 0; right: -5px; }

@media (max-width: 320px) { .filter-pannel .filter-btn { margin-top: 10px; } }

.filter-pannel .applied-msg { background-color: #fff7d2; padding: 12px 10px; text-align: center; margin-left: 15px; position: relative; z-index: 1; }

@media (max-width: 767px) { .filter-pannel .applied-msg { min-width: 300px; } }

@media (max-width: 702px) { .filter-pannel .applied-msg { margin-left: 0; } }

.filter-pannel .applied-msg::before { width: 0; height: 0; border-style: solid; border-width: 5px 8.7px 5px 0; border-color: transparent #fff7d2 transparent transparent; position: absolute; top: 50%; right: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; }

.filter-pannel .filter-list { min-width: 800px; background-color: #fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border-radius: 6px; position: absolute; top: 0; right: 0; left: 10px; z-index: 13; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; }

@media (max-width: 767px) { .filter-pannel .filter-list { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; left: 40px; right: 0; top:-340px; max-height: calc(100vh - 240px); } }

@media (max-width: 320px) { .filter-pannel .filter-list { left: 0; } }

.filter-pannel .filter-list.open { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.filter-pannel .filter-list{max-width:800px;}
.home-section .filter-pannel .filter-list{
  left:460px;
  top:-60px;
}
@media (max-width:1024px){
  .home-section .filter-pannel .filter-list{
    left:380px;
  }
}
.show .user-dropdown-menu.dropdown-menu {
  display: block;
  left: auto !important;
  right: 0;
}
.filter-pannel .filter-list .header { padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin: 0; padding: 15px 15px 20px; }

.filter-pannel .filter-list .header h3 { margin: 0; font-size: 18px; font-size: 1.125rem; font-weight: bold; }

.filter-pannel .filter-list .header h3 span.ico { margin-right: 15px; }

.filter-pannel .filter-list .header .clear-btn { font-size: 14px; font-size: 0.875rem; font-weight: bold; cursor: pointer; text-decoration: underline; }

.filter-pannel .filter-list .filter-type-container .data-row { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.wizardSection .topListing .applied-msg {
	position: absolute;
	width: 220px;
	right: auto;
	left: 50px;
	top: -45px;
	}
.filter-pannel .filter-list .filter-type-container  { padding: 15px 15px 20px; max-height: 400px;  overflow: auto; }

.filter-pannel .filter-list .filter-type-container .data-row .filter-type { padding: 20px 0px; position: relative; cursor: pointer; }

.filter-pannel .filter-list .filter-type-container .data-row .filter-type h4 { margin: 0; font-size: 16px; font-size: 1rem; font-weight: bold; }

.filter-pannel .filter-list .filter-type-container .data-row .filter-type span.ico { font-size: 7px; font-size: 0.4375rem; position: absolute; top: 50%; right: 0; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.filter-pannel .filter-list .filter-type-container .data-row .filter-type span.ico [class^="icon-"], .filter-pannel .filter-list .filter-type-container .data-row .filter-type span.ico [class*=" icon-"] { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); display: block; }

.filter-pannel .filter-list .filter-type-container .data-row .filter-type.collapsed span.ico [class^="icon-"], .filter-pannel .filter-list .filter-type-container .data-row .filter-type.collapsed span.ico [class*=" icon-"] { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }

.filter-pannel .filter-list .filter-type-container .data-row .filter-type-list ul li { margin-bottom: 15px; }

.filter-pannel .filter-list .filter-type-container .data-row .filter-type-list .ch-checkbox input[type="checkbox"]:checked + span, .filter-pannel .filter-list .filter-type-container .data-row .filter-type-list .ch-checkbox input[type="checkbox"]:checked ~ span, .filter-pannel .filter-list .filter-type-container .data-row .filter-type-list .ch-checkbox input[type="radio"]:checked + span, .filter-pannel .filter-list .filter-type-container .data-row .filter-type-list .ch-checkbox input[type="radio"]:checked ~ span { color: #0074E0; }

.filter-pannel .filter-list .filter-type-container .btn-field {box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); position:  fixed;  bottom: -42px; border-radius: 0 0 6px 6px;  background: #fff;  padding: 10px;  left: 0;  right: 0;  width: 100%;  margin: 0;  z-index: 999; }
 


@media (max-width: 767px) { .filter-pannel .filter-list .filter-type-container .btn-field { margin-top: 12px; } .listing-section .filter-pannel .filter-list{left:0;}}

.filter-pannel .export-btn-block { position: relative; float: right; width: 105px; }

@media (max-width: 767px) { .filter-pannel .export-btn-block { float: none; margin-top: 10px; } }

.filter-pannel .export-dropdown { border-radius: 6px; border: 0; min-width: 55px; padding: 0; top: 100% !important; margin-top: 10px; left: 50% !important; transform: translateX(-50%) !important; }

.filter-pannel .export-dropdown:after { content: ""; position: absolute; width: 15px; height: 15px; background: #fff; transform: rotate(45deg); /* Prefixes... */ top: -5px; left: 20px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); }

.filter-pannel .export-dropdown .drop-down-container { position: relative; background-color: #fff; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); z-index: 1; border-radius: 6px; }

.filter-pannel .export-dropdown .drop-down-container ul li { border-bottom: 1px solid #c6c5b8; }

.filter-pannel .export-dropdown .drop-down-container ul li:last-child { border: 0; }

.filter-pannel .export-dropdown .drop-down-container ul li span { cursor: pointer; font-size: 12px; font-size: 0.75rem; display: block; text-align: center; padding: 2px 0; }

.filter-pannel .export-dropdown .drop-down-container ul li span:hover { color: #0074E0; }

.data-table-list .t-fixed { table-layout: fixed; }

.data-table-list .table { border-collapse: separate; border-spacing: 0 10px; margin: 0; color: #3d485d; }

.data-table-list .table thead th { font-size: 16px; font-size: 1rem; font-weight: bold; color: #fff; padding: 15px; background-color: #3d485d; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1300px) { .data-table-list .table thead th { min-width: 155px; } }

.data-table-list .table thead th:first-child { padding-left: 25px; border-radius: 6px 0 0 6px; }

@media (max-width: 1300px) { .data-table-list .table thead th:first-child { padding-left: 10px; } }

.data-table-list .table thead th:last-child { border-radius: 0 6px 6px 0; }

.data-table-list .table thead th .sorting { border-radius: 7px; min-width: 15px; text-align: center; color: #fff; padding: 3px 0; display: inline-block; vertical-align: middle; margin-left: 5px; }

.data-table-list .table thead th .sorting [class^="icon-"], .data-table-list .table thead th .sorting [class*=" icon-"] { font-size: 6px; font-size: 0.375rem; display: block; margin-bottom: 2px; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }

.data-table-list .table thead th .sorting [class^="icon-"].active, .data-table-list .table thead th .sorting [class*=" icon-"].active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); cursor: pointer; }

@media (max-width: 1200px) { .data-table-list .table thead { display: none; } }

.data-table-list .table tbody tr { background-color: #fff; }

@media (max-width: 990px) { .data-table-list .table tbody tr { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); border-radius: 4px; margin-bottom: 10px; display: block; } }

.data-table-list .table tbody tr:hover, .data-table-list .table tbody tr:focus { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); }

.data-table-list .table tbody tr:hover td:first-child, .data-table-list .table tbody tr:focus td:first-child { border-color: #0074E0; }

@media (min-width: 991px) { .data-table-list .table tbody tr:hover td .opt-list li, .data-table-list .table tbody tr:focus td .opt-list li { animation: ScaleIn 0.5s cubic-bezier(0.23, 1, 0.32, 1); animation-fill-mode: both; } }

.data-table-list .table tbody tr td { font-size: 16px; font-size: 1rem; padding: 15px 15px; vertical-align: middle; }

.data-table-list .table tbody tr td:first-child { border-radius: 6px 0 0 6px; padding-left: 25px; border-left: 4px solid transparent; }

@media (max-width: 1300px) { .data-table-list .table tbody tr td:first-child { padding-left: 10px; } }

@media (max-width: 1200px) { .data-table-list .table tbody tr td:first-child { border-left: 0; } }

.data-table-list .table tbody tr td:last-child { border-radius: 0 6px 6px 0; }

@media (max-width: 1300px) { .data-table-list .table tbody tr td { padding: 15px 10px; } }

@media (max-width: 1200px) { .data-table-list .table tbody tr td { padding: 10px; display: block; position: relative; top: nul; right: nul; bottom: nul; left: nul; padding-left: 50% !important; border-radius: 0 !important; border-bottom: 1px solid #dee2e6 !important; }
  .data-table-list .table tbody tr td::before { position: absolute; /* Top/left values mimic padding */ top: 10; left: 10px; width: 45%; padding-right: 10px; content: attr(data-label); font-weight: bold; } }

@media (max-width: 574px) { .data-table-list .table tbody tr td { padding-left: 45% !important; } }

.data-table-list .table tbody tr td .opt-list ul li { display: inline-block; vertical-align: middle; margin-bottom: 2px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.data-table-list .table tbody tr td .opt-list ul li:focus { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

@media (max-width: 1200px) { .data-table-list .table tbody tr td .opt-list ul li { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } }

.data-table-list .table tbody tr td .opt-list ul li a { text-decoration: none; }

.data-table-list .table tbody tr td .opt-list ul li span { width: 32px; height: 32px; font-size: 15px; font-size: 0.9375rem; cursor: pointer; color: #fff; display: block; border-radius: 50%; background-color: #3d485d; text-align: center; }

.data-table-list .table tbody tr td .opt-list ul li span [class^="icon-"], .data-table-list .table tbody tr td .opt-list ul li span [class*=" icon-"] { line-height: 31px; }

.data-table-list .table tbody tr td .opt-list ul li span:hover { background-color: #0074E0; }

@media (max-width: 574px) { .data-table-list .table tbody tr td .opt-list ul li span { width: 30px; height: 30px; } }

.data-table-list .table tbody tr td .opt-list ul li .edit-ico { font-size: 13px; font-size: 0.8125rem; }

.data-table-list .table tbody tr td .opt-list ul li .scope-ico { font-size: 18px; font-size: 1.125rem; }

.data-table-list .table tbody tr td .opt-list ul li .history-ico { font-size: 16px; font-size: 1rem; }

.data-table-list .table tbody tr td .opt-list ul li .delete-ico { font-size: 13px; font-size: 0.8125rem; }

.data-table-list .table tbody tr td .opt-list ul li .view-ico { font-size: 12px; font-size: 0.75rem; }

.data-table-list .table tbody tr td .opt-list ul li:nth-child(1) { animation-delay: 0.2s; }

.data-table-list .table tbody tr td .opt-list ul li:nth-child(2) { animation-delay: 0.3s; }

.data-table-list .table tbody tr td .opt-list ul li:nth-child(3) { animation-delay: 0.4s; }

.data-table-list .table tbody tr td .opt-list ul li:nth-child(4) { animation-delay: 0.5s; }

.data-table-list .table tbody tr td .opt-list ul li:nth-child(5) { animation-delay: 0.6s; }

.data-table-list .table tbody tr td .opt-list ul li:nth-child(6) { animation-delay: 0.7s; }

.data-table-list .table.t-hover-zero tbody tr td:first-child { border: 0; }

.data-table-list .table.t-hover-zero tbody tr:hover { box-shadow: none; }

.pagnatin-block { margin-top: 20px; }

@media (max-width: 574px) { .pagnatin-block { margin: 0; text-align: center; }
  .pagnatin-block .pagination { -webkit-justify-content: center; justify-content: center; } }

.pagnatin-block .page-link { background: transparent; border: 0; color: #3d485d; font-size: 14px; font-size: 0.875rem; padding: 6px 12px; border-radius: 6px; text-decoration: none; }

.pagnatin-block .page-link:focus { box-shadow: none; outline: none; }

.pagnatin-block .page-item:first-child .page-link [class^="icon-"], .pagnatin-block .page-item:first-child .page-link [class*=" icon-"] { line-height: 16px; }

.pagnatin-block .page-item:last-child .page-link [class^="icon-"], .pagnatin-block .page-item:last-child .page-link [class*=" icon-"] { line-height: 16px; }

.pagnatin-block .page-item.active .page-link { background-color: #fff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); color: #3d485d; }

.pagnatin-block .go-to-page { float: right; }

@media (max-width: 574px) { .pagnatin-block .go-to-page { float: none; margin-top: 10px; } }

.pagnatin-block .go-to-page span { display: inline-block; font-size: 14px; font-size: 0.875rem; vertical-align: middle; }

.pagnatin-block .go-to-page .select-field { display: inline-block; vertical-align: middle; margin: 0 6px; position: relative; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border-radius: 6px; background-color: #fff; }

.pagnatin-block .go-to-page .select-field::after { position: absolute; top: 50%; right: 9px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: "\e901"; font-family: "icomoon" !important; font-size: 6px; font-size: 0.375rem; }

.pagnatin-block .go-to-page .select-field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0px !important; padding: 0px 25px 0px 6px; text-overflow: ellipsis; border: 0; width: 60px; height: 30px; position: relative; z-index: 1; background: transparent; }

.pagnatin-block .go-to-page .select-field select::-ms-expand { display: none; }

.pagnatin-block .go-to-page .select-field select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

.back-btn { display: inline-block; vertical-align: middle; }

.back-btn a { text-decoration: none; }

.back-btn span.ico { display: inline-block; vertical-align: middle; margin-right: 5px; }

.side-pannel-container .side-pannel-block { position: fixed; top: 0; right: -415px; bottom: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 100%; width: 415px; overflow: auto; background-color: #f5faff; padding: 20px; z-index: 13; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }

@media (max-width: 990px) { .side-pannel-container .side-pannel-block { width: 350px; right: auto; left: -300px; } }

@media (max-width: 767px) { .side-pannel-container .side-pannel-block { width: 300px; } }

.side-pannel-container .side-pannel-block.open { right: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

@media (max-width: 990px) { .side-pannel-container .side-pannel-block.open { right: auto; left: 0; } }

.side-pannel-container .side-pannel-block .form-block { background-color: #fff; border-radius: 6px; padding: 25px 30px 30px; }

.side-pannel-container .side-pannel-block .form-block h3 { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

.side-pannel-container .side-pannel-block .form-block .field-group { margin: 24px 0px 0px; }

@media (max-width: 1023px) { .pagination { z-index: 14; position: relative; } }

.approval-section .filter-pannel .page-title { margin-bottom: 0px; }

.approval-section .filter-pannel .appear-msg { margin-bottom: 12px; }

@media (max-width: 1200px) { .reseller-customer-data colgroup { display: none; } }

/*scope*/
.scope-info-top-pannel { background-color: #fbfbfb; }

.scope-info-top-pannel .scope-info-container { padding: 20px 0px 25px; }

.scope-info-top-pannel .back-btn > a { text-decoration: none; display: inline-block; }

.scope-info-top-pannel h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 20px 0 0; }

.scope-info-top-pannel .data-list { margin-top: 25px; }

.scope-info-top-pannel .data-list .data-box h4 { font-size: 14px; font-size: 0.875rem; color: #818b8e; font-weight: bold; margin: 0 0 4px; line-height: 1.14; }

.scope-info-top-pannel .data-list .data-box h3 { font-size: 20px; font-size: 1.25rem; font-weight: bold; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1200px) { .scope-info-top-pannel .data-list .data-box h3 { font-size: 18px; font-size: 1.125rem; } }

@media (max-width: 990px) { .scope-info-top-pannel .data-list .data-box { margin-bottom: 10px; } }

@media (max-width: 767px) { .scope-info-top-pannel .data-list .data-box { border-bottom: 1px solid #b7bdbe; padding-bottom: 20px; margin-bottom: 20px; } }

.scope-container { min-height: -webkit-calc(100vh - 64px); min-height: -moz-calc(100vh - 64px); min-height: -ms-calc(100vh - 64px); min-height: -o-calc(100vh - 64px); min-height: calc(100vh - 64px); }

@media (max-width: 990px) { .scope-container { min-height: inherit; } }

.scope-container .scope-data-block { margin-top: 55px; padding-bottom: 100px; }

@media (max-width: 1200px) { .scope-container .scope-data-block { padding-bottom: 70px; margin-top: 30px; } }

.scope-container .scope-data-block .scope-content-block { margin-bottom: 30px; }

.scope-container .scope-data-block .scope-content-block .scope-content-header h2 { font-size: 18px; font-size: 1.125rem; margin: 0; font-weight: bold; }

@media (max-width: 767px) { .scope-container .scope-data-block .scope-content-block .scope-content-header h2 { margin-bottom: 15px; } }

.scope-container .scope-data-block .scope-content-block .scope-objective-list, .scope-container .scope-data-block .scope-content-block .scope-deliver-list { margin-top: 22px; }

.scope-container .scope-data-block .scope-content-block .scope-objective-list li, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li { padding: 25px 150px 25px 30px; background-color: #fff; border-radius: 6px; margin-bottom: 10px; position: relative; border-left: 4px solid transparent; }

.scope-container .scope-data-block .scope-content-block .scope-objective-list li:last-child, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:last-child { margin-bottom: 0; }

@media (max-width: 1500px) { .scope-container .scope-data-block .scope-content-block .scope-objective-list li, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li { padding-right: 100px; } }

@media (max-width: 767px) { .scope-container .scope-data-block .scope-content-block .scope-objective-list li, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li { padding: 20px 60px 20px 20px; } }

.scope-container .scope-data-block .scope-content-block .scope-objective-list li .close-btn, .scope-container .scope-data-block .scope-content-block .scope-objective-list li .add-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .close-btn, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .add-ico { position: absolute; top: 50%; right: 115px; font-size: 30px; font-size: 1.875rem; color: #0074E0; cursor: pointer; transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transform: translate(0, -50%) scale(0); -moz-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

@media (max-width: 1500px) { .scope-container .scope-data-block .scope-content-block .scope-objective-list li .close-btn, .scope-container .scope-data-block .scope-content-block .scope-objective-list li .add-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .close-btn, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .add-ico { right: 80px; } }

@media (max-width: 1200px) { .scope-container .scope-data-block .scope-content-block .scope-objective-list li .close-btn, .scope-container .scope-data-block .scope-content-block .scope-objective-list li .add-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .close-btn, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .add-ico { right: 60px; } }

@media (max-width: 767px) { .scope-container .scope-data-block .scope-content-block .scope-objective-list li .close-btn, .scope-container .scope-data-block .scope-content-block .scope-objective-list li .add-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .close-btn, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .add-ico { -webkit-transform: translate(0, 0) scale(0); -moz-transform: translate(0, 0) scale(0); -ms-transform: translate(0, 0) scale(0); -o-transform: translate(0, 0) scale(0); transform: translate(0, 0) scale(0); top: 10px; right: 20px; } }

.scope-container .scope-data-block .scope-content-block .scope-objective-list li .move-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .move-ico { position: absolute; top: 50%; right: 80px; cursor: pointer; transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transform: translate(0, -50%) scale(0); -moz-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: move; }

@media (max-width: 1500px) { .scope-container .scope-data-block .scope-content-block .scope-objective-list li .move-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .move-ico { right: 50px; } }

@media (max-width: 1200px) { .scope-container .scope-data-block .scope-content-block .scope-objective-list li .move-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .move-ico { right: 30px; } }

@media (max-width: 767px) { .scope-container .scope-data-block .scope-content-block .scope-objective-list li .move-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .move-ico { -webkit-transform: translate(0, 0) scale(0); -moz-transform: translate(0, 0) scale(0); -ms-transform: translate(0, 0) scale(0); -o-transform: translate(0, 0) scale(0); transform: translate(0, 0) scale(0); top: 60px; right: 25px; } }

.scope-container .scope-data-block .scope-content-block .scope-objective-list li:hover, .scope-container .scope-data-block .scope-content-block .scope-objective-list li:focus, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:hover, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:focus { border-color: #0074E0; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); }

.scope-container .scope-data-block .scope-content-block .scope-objective-list li:hover .close-btn, .scope-container .scope-data-block .scope-content-block .scope-objective-list li:hover .add-ico, .scope-container .scope-data-block .scope-content-block .scope-objective-list li:focus .close-btn, .scope-container .scope-data-block .scope-content-block .scope-objective-list li:focus .add-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:hover .close-btn, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:hover .add-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:focus .close-btn, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:focus .add-ico { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); }

@media (max-width: 767px) { .scope-container .scope-data-block .scope-content-block .scope-objective-list li:hover .close-btn, .scope-container .scope-data-block .scope-content-block .scope-objective-list li:hover .add-ico, .scope-container .scope-data-block .scope-content-block .scope-objective-list li:focus .close-btn, .scope-container .scope-data-block .scope-content-block .scope-objective-list li:focus .add-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:hover .close-btn, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:hover .add-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:focus .close-btn, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:focus .add-ico { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } }

.scope-container .scope-data-block .scope-content-block .scope-objective-list li:hover .move-ico, .scope-container .scope-data-block .scope-content-block .scope-objective-list li:focus .move-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:hover .move-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:focus .move-ico { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); }

@media (max-width: 767px) { .scope-container .scope-data-block .scope-content-block .scope-objective-list li:hover .move-ico, .scope-container .scope-data-block .scope-content-block .scope-objective-list li:focus .move-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:hover .move-ico, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li:focus .move-ico { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } }

.scope-container .scope-data-block .scope-content-block .scope-objective-list li .text-input, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .text-input { display: inline-block; width: 95%; vertical-align: middle; }

.scope-container .scope-data-block .scope-content-block .scope-objective-list li .text-input textarea, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .text-input textarea { width: 100%; font-size: 18px; font-size: 1.125rem; padding: 0px 0px 10px 0px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ededed; position: relative; font-family: "Calibri"; color: #3d485d; z-index: 1; background: transparent; resize: none; height: 50px; display: block; }

.scope-container .scope-data-block .scope-content-block .scope-objective-list li .text-input textarea:focus, .scope-container .scope-data-block .scope-content-block .scope-deliver-list li .text-input textarea:focus { outline: none; }

.scope-container .scope-methdology-block { padding-top: 20px; }

.scope-container .scope-methdology-block h3 { font-size: 18px; font-size: 1.125rem; margin: 0; font-weight: bold; }

.scope-container .scope-methdology-block > ul { margin-top: 35px; }

@media (max-width: 990px) { .scope-container .scope-methdology-block > ul { margin-top: 25px; } }

.scope-container .scope-methdology-block > ul > li { display: inline-block; margin-right: 17px; position: relative; margin-bottom: 10px; }

.scope-container .scope-methdology-block > ul > li:last-child { margin: 0; }

.scope-container .scope-methdology-block > ul > li span { border: 1px solid #3d485d; border-radius: 26px; padding: 10px 45px 10px 20px; text-align: center; display: block; position: relative; }

.scope-container .scope-methdology-block > ul > li span [class^="icon-"], .scope-container .scope-methdology-block > ul > li span [class*=" icon-"] { position: absolute; top: 50%; right: 20px; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.scope-container .scope-methdology-block > ul > li span.add-btn { background-color: #fff; padding-right: 20px; padding-left: 50px; cursor: pointer; }

.scope-container .scope-methdology-block > ul > li span.add-btn [class^="icon-"], .scope-container .scope-methdology-block > ul > li span.add-btn [class*=" icon-"] { right: auto; left: 20px; font-size: 20px; font-size: 1.25rem; }

.scope-container .scope-methdology-block > ul > li span.add-btn:hover, .scope-container .scope-methdology-block > ul > li span.add-btn:focus { background-color: #0074E0; color: #fff; border-color: #0074E0; }

.scope-container .scope-assesment-block { margin-top: 50px; margin-bottom: 50px; }

@media (max-width: 990px) { .scope-container .scope-assesment-block { margin: 30px 0px; } }

.scope-container .scope-assesment-block h3 { font-size: 18px; font-size: 1.125rem; margin: 0 0 20px; font-weight: bold; }

.scope-container .scope-assesment-block > ul { margin-top: 30px; }

.scope-container .scope-assesment-block > ul > li { display: inline-block; margin-right: 17px; position: relative; margin-bottom: 10px; }

.scope-container .scope-assesment-block > ul > li:last-child { margin: 0; }

.scope-container .scope-assesment-block > ul > li span { border: 1px solid #3d485d; border-radius: 26px; padding: 10px 45px 10px 20px; text-align: center; display: block; position: relative; }

.scope-container .scope-assesment-block > ul > li span [class^="icon-"], .scope-container .scope-assesment-block > ul > li span [class*=" icon-"] { position: absolute; top: 50%; right: 20px; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.scope-container .scope-assesment-block > ul > li span.add-btn { background-color: #fff; padding-right: 20px; padding-left: 50px; cursor: pointer; }

.scope-container .scope-assesment-block > ul > li span.add-btn [class^="icon-"], .scope-container .scope-assesment-block > ul > li span.add-btn [class*=" icon-"] { right: auto; left: 20px; font-size: 20px; font-size: 1.25rem; }

.scope-container .scope-assesment-block > ul > li span.add-btn:hover, .scope-container .scope-assesment-block > ul > li span.add-btn:focus { background-color: #0074E0; color: #fff; border-color: #0074E0; }

.scope-container .add-drop-down { border-radius: 4px; position: absolute; top: 100%; min-width: 245px; max-width: 245px; margin-top: 15px; border: 0; padding: 0; border-radius: 0; }

.scope-container .add-drop-down:after { content: ""; position: absolute; width: 15px; height: 15px; background: #fff; transform: rotate(45deg); /* Prefixes... */ top: -5px; left: 25px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); }

.scope-container .add-drop-down .drop-down-container { position: relative; background-color: #fff; padding: 15px 20px 24px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); z-index: 1; }

.scope-container .add-drop-down .drop-down-container input { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ededed; padding-bottom: 5px; width: 100%; margin-bottom: 25px; }

.scope-container .add-drop-down .drop-down-container input:focus { outline: none; }

.scope-container .add-drop-down .drop-down-container ul li { cursor: pointer; color: #0074E0; margin-bottom: 10px; }

.scope-container .add-drop-down .drop-down-container ul li:last-child { margin-bottom: 0; }

/*surface*/
.assesment-info-top-pannel { background-color: #fbfbfb; }

.assesment-info-top-pannel .scope-info-container { padding: 20px 0px 25px; }

.assesment-info-top-pannel .scope-info-container .header { position: relative; min-height: 15px; }

.assesment-info-top-pannel .scope-info-container .header .back-btn { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .assesment-info-top-pannel .scope-info-container .header .back-btn { position: relative; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); margin-bottom: 10px; } }

.assesment-info-top-pannel .scope-info-container .header .inspect-date-block { background-color: #fff; padding: 10px 24px; border-radius: 6px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); margin: 0 auto; max-width: 550px; }

.assesment-info-top-pannel.assesment-info--detail .scope-info-container { padding-bottom: 0; }

.assesment-info-top-pannel .back-btn > a { text-decoration: none; display: inline-block; }

.assesment-info-top-pannel .back-btn > a span.ico { display: inline-block; vertical-align: middle; margin-right: 7px; }

.assesment-info-top-pannel h3.title { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 20px 0 0; }

.assesment-info-top-pannel span.assesment-id { display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; color: #8f979a; margin-top: 5px; }

.assesment-info-top-pannel .data-list { margin-top: 25px; }

.assesment-info-top-pannel .data-list .data-box { max-width: 150px; }

@media (max-width: 767px) { .assesment-info-top-pannel .data-list .data-box { max-width: 100%; } }

.assesment-info-top-pannel .data-list .data-box h4 { font-size: 14px; font-size: 0.875rem; color: #818b8e; font-weight: bold; margin: 0 0 4px; line-height: 1.14; }

.assesment-info-top-pannel .data-list .data-box h3 { font-size: 20px; font-size: 1.25rem; font-weight: bold; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 1200px) { .assesment-info-top-pannel .data-list .data-box h3 { font-size: 18px; font-size: 1.125rem; } }

@media (max-width: 990px) { .assesment-info-top-pannel .data-list .data-box { margin-bottom: 10px; } }

@media (max-width: 767px) { .assesment-info-top-pannel .data-list .data-box { border-bottom: 1px solid #b7bdbe; padding-bottom: 20px; margin-bottom: 20px; } }

.assesment-info-top-pannel .tab-block { margin-top: 30px; }

@media (max-width: 767px) { .assesment-info-top-pannel .tab-block ul { white-space: nowrap; overflow: scroll; } }

.assesment-info-top-pannel .tab-block ul li { display: inline-block; margin-right: 100px; }

@media (max-width: 1200px) { .assesment-info-top-pannel .tab-block ul li { margin-right: 50px; } }

@media (max-width: 990px) { .assesment-info-top-pannel .tab-block ul li { margin-right: 20px; } }

.assesment-info-top-pannel .tab-block ul li:last-child { margin: 0; }

.assesment-info-top-pannel .tab-block ul li > a { font-size: 22px; font-size: 1.375rem; font-weight: bold; text-decoration: none; padding-bottom: 20px; display: block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; cursor: pointer; text-decoration: none; }

.assesment-info-top-pannel .tab-block ul li > a [class^="icon-"], .assesment-info-top-pannel .tab-block ul li > a [class*=" icon-"] { vertical-align: middle; font-size: 18px; font-size: 1.125rem; color: #90b534; display: none; }

@media (max-width: 990px) { .assesment-info-top-pannel .tab-block ul li > a { font-size: 18px; font-size: 1.125rem; } }

.assesment-info-top-pannel .tab-block ul li > a:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #0074E0; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.assesment-info-top-pannel .tab-block ul li > a:hover:before { right: 0; }

.assesment-info-top-pannel .tab-block ul li > a.active::before { right: 0; }

.assesment-info-top-pannel .tab-block ul li > a.checked { color: #90b534; }

.assesment-info-top-pannel .tab-block ul li > a.checked [class^="icon-"], .assesment-info-top-pannel .tab-block ul li > a.checked [class*=" icon-"] { display: inline-block; }

@media (min-width: 990px) { .assesment-info-top-pannel.sticky-fixed + div { padding-top: 260px; } }

@media (min-width: 990px) { .assesment-info-top-pannel.assesment-info--detail.sticky-fixed + div { padding-top: 270px; } }

.assesment-surface-block { min-height: -webkit-calc(100vh - 64px); min-height: -moz-calc(100vh - 64px); min-height: -ms-calc(100vh - 64px); min-height: -o-calc(100vh - 64px); min-height: calc(100vh - 64px); }

.assesment-surface-block .header { padding: 40px 0px; }

@media (max-width: 767px) { .assesment-surface-block .header { padding: 30px 0px; } }

.assesment-surface-block .header h3.title { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

@media (max-width: 767px) { .assesment-surface-block .header h3.title { margin-bottom: 20px; } }

.assesment-surface-block .listing-block { padding-bottom: 50px; }

.assesment-surface-block .listing-block .data-block { padding: 20px; background-color: #fff; border-radius: 6px; margin-bottom: 20px; height: 100%; }

@media (max-width: 1200px) { .assesment-surface-block .listing-block .data-block { margin-bottom: 20px; } }

.assesment-surface-block .listing-block .data-block.active .data-block-header h3 { color: #90b534; }

.assesment-surface-block .listing-block .data-block.unverified { background-color: #e6e6e6; }

.assesment-surface-block .listing-block .data-block.unverified .data-block-header { border-color: #d7d7d7; padding-bottom: 15px; }

.assesment-surface-block .listing-block .data-block .data-block-header { padding-bottom: 20px; border-bottom: 1px solid #efefef; }

.assesment-surface-block .listing-block .data-block .data-block-header h3 { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; }

.assesment-surface-block .listing-block .data-block .data-block-header h3 [class^="icon-"], .assesment-surface-block .listing-block .data-block .data-block-header h3 [class*=" icon-"] { display: inline-block; margin-left: 10px; vertical-align: middle; }

.assesment-surface-block .listing-block .data-block .data-block-header .edit-ico { float: right; width: 32px; height: 32px; border-radius: 50%; background-color: #3d485d; text-align: center; cursor: pointer; color: #fff; font-size: 12px; font-size: 0.75rem; }

.assesment-surface-block .listing-block .data-block .data-block-header .edit-ico [class^="icon-"], .assesment-surface-block .listing-block .data-block .data-block-header .edit-ico [class*=" icon-"] { line-height: 30px; }

.assesment-surface-block .listing-block .data-block .data-block-header .edit-ico:hover, .assesment-surface-block .listing-block .data-block .data-block-header .edit-ico:focus { background-color: #0074E0; }

.assesment-surface-block .listing-block .data-block .data-block-content { margin-top: 15px; }

.assesment-surface-block .listing-block .data-block .data-block-content .data-block-content-container { max-height: 220px; }

.assesment-surface-block .listing-block .data-block .data-block-content ul li { position: relative; margin: 3px 0; }

.assesment-surface-block .listing-block .data-block .data-block-content ul li a { text-decoration: none; padding: 10px 30px 10px 20px; border-radius: 6px; border-left: 4px solid transparent; cursor: pointer; display: block; }

.assesment-surface-block .listing-block .data-block .data-block-content ul li a:hover { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); background-color: #fff; border-color: #0074E0; }

.assesment-surface-block .listing-block .data-block .data-block-content ul li a span { font-size: 14px; font-size: 0.875rem; }

.assesment-surface-block .listing-block .data-block .data-block-content ul li.active { color: #90b534; }

.assesment-surface-block .listing-block .data-block .data-block-content ul li.active a { color: #3d485d; }

.assesment-surface-block .listing-block .data-block .data-block-content ul li.active::after { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: "\e91b"; font-family: "icomoon"; }

.assesment-surface-block .listing-block .data-block .data-block-content .btn-field { margin-top: 20px; padding-left: 20px; }

.assesment-surface-block .listing-block .data-block .data-block-content .c-field { margin: 30px 20px 0px 20px; }

.assesment-surface-block .listing-block .data-block .data-block-content .c-field span.ico { display: inline-block; font-size: 24px; font-size: 1.5rem; cursor: pointer; color: #0074E0; }

.assesment-surface-block .listing-block .data-block .data-block-content .c-field span.ico.close-ico { color: #da2424; }

@media (max-width: 320px) { .assesment-surface-block .listing-block .data-block .data-block-content .c-field { margin: 30px 0px 0px 0px; } }

.add-surface-container .add-surface-sidebar { position: fixed; top: 0; right: -415px; bottom: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 100%; width: 415px; overflow: auto; background-color: #f4f3f1; padding: 20px; z-index: 13; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }

@media (max-width: 990px) { .add-surface-container .add-surface-sidebar { width: 350px; right: auto; left: -350px; } }

@media (max-width: 767px) { .add-surface-container .add-surface-sidebar { width: 100%; max-width: 350px; } }

.add-surface-container .add-surface-sidebar.open { right: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

@media (max-width: 990px) { .add-surface-container .add-surface-sidebar.open { right: auto; left: 0; } }

.add-surface-container .add-surface-sidebar .add-surface-form { background-color: #fff; border-radius: 6px; padding: 25px 30px 30px; }

.add-surface-container .add-surface-sidebar .add-surface-form h3 { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

.add-surface-container .add-surface-sidebar .add-surface-form .delete-room-ico { cursor: pointer; float: right; font-weight: bold; }

.add-surface-container .add-surface-sidebar .add-surface-form .delete-room-ico [class^="icon-"], .add-surface-container .add-surface-sidebar .add-surface-form .delete-room-ico [class*=" icon-"] { display: inline-block; margin-right: 5px; }

.add-surface-container .add-surface-sidebar .add-surface-form .c-field.unverified-input:after { position: absolute; top: 100%; right: 0; bottom: 0; content: "(Unverified)"; font-size: 13px; font-size: 0.8125rem; }

.add-surface-container .add-surface-sidebar .add-surface-form .surfaces-field-list { margin-top: 50px; }

.add-surface-container .add-surface-sidebar .add-surface-form .surfaces-field-list .c-field .delete-ico { width: 32px; height: 32px; cursor: pointer; color: #fff; display: block; border-radius: 50%; text-align: center; background-color: #3d485d; }

.add-surface-container .add-surface-sidebar .add-surface-form .surfaces-field-list .c-field .delete-ico [class^="icon-"], .add-surface-container .add-surface-sidebar .add-surface-form .surfaces-field-list .c-field .delete-ico [class*=" icon-"] { line-height: 32px; }

.add-surface-container .add-surface-sidebar .add-surface-form .surfaces-field-list .c-field .delete-ico:hover { background-color: #ff6551; }

.add-surface-container .add-surface-sidebar .add-surface-form .surfaces-field-list .c-field.unverified-input:after { position: absolute; top: 100%; right: 50px; bottom: 0; content: "(Unverified)"; font-size: 13px; font-size: 0.8125rem; }

.add-surface-container .add-surface-sidebar .add-surface-form .field-group { margin-top: 30px; }

.add-surface-container .add-surface-sidebar .add-surface-form .field-group .data-list-dropdown { position: absolute; top: 100%; right: 0; left: 0; width: 100%; background-color: #fff; z-index: 3; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); }

.add-surface-container .add-surface-sidebar .add-surface-form .field-group .data-list-dropdown ul li { padding: 5px 10px; cursor: pointer; }

.add-surface-container .add-surface-sidebar .add-surface-form .field-group .data-list-dropdown ul li:hover { color: #0074E0; }

.add-surface-container .add-surface-sidebar .add-surface-form .field-group .add-link { text-align: right; }

.add-surface-container .add-surface-sidebar .add-surface-form .field-group .add-link a { font-size: 18px; font-size: 1.125rem; font-weight: bold; text-decoration: none; }

.add-surface-container .add-surface-sidebar .add-surface-form .field-group .add-link span.ico { display: inline-block; vertical-align: middle; line-height: 1; }

.add-surface-container .add-surface-sidebar .add-surface-form .field-group .btn-field { margin-top: 30px; }

.add-surface-container .add-surface-sidebar .add-surface-form .field-group .btn-field .button-cancel { background: transparent; color: #3d485d; }

.add-surface-container .add-surface-sidebar .add-surface-form .field-group .btn-field .button-cancel:hover { background-color: #3d485d; color: #fff; }

.tab-content-block { min-height: -webkit-calc(100vh - 64px); min-height: -moz-calc(100vh - 64px); min-height: -ms-calc(100vh - 64px); min-height: -o-calc(100vh - 64px); min-height: calc(100vh - 64px); }

@media (max-width: 990px) { .tab-content-block { min-height: inherit; } }

.tab-content-block .tabpane-images { padding: 50px 0px; }

@media (max-width: 767px) { .tab-content-block .tabpane-images { padding: 30px 0px; } }

.tab-content-block .tabpane-images h3 { font-size: 18px; font-size: 1.125rem; margin: 40px 0; font-weight: bold; }

.tab-content-block .tabpane-images .file-upload-field { max-width: 350px; margin: 0 auto; text-align: center; }
.tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li span.disabled {
	opacity: 0.25;
	pointer-events: none;
}

.recommendTabs .content-section {
	background: rgba(255,255,255,0.6);
}
.tab-content-block .tabpane-images .file-upload-field .ch-upload-button { width: 230px; margin: 0 auto; }

.tab-content-block .tabpane-images .data-image-list .data-image-box { border: 2px solid #fff; background-color: #fff; margin: 0 ; border-radius:4px;}

.tab-content-block .tabpane-images .data-image-list .data-image-box figure { margin: 0; position: relative; }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure a { display: block; min-height: 50px; }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure img { width: 100%;  }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption { padding: 12px 15px; }
 

@media (max-width: 767px) { .tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption .row { min-height: inherit; } }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption h4 { margin: 0; font-size: 20px; font-weight: 600; }

@media (max-width: 990px) { .tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption h4 { font-size: 18px; font-size: 1.125rem; } }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption ul { float: right; }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li { display: inline-block; }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li span { width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 14px; font-size: 0.875rem; color: #fff; background-color: #3d485d; display: block; cursor: pointer; margin-right: 5px; }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li span [class^="icon-"], .tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li span [class*=" icon-"] { line-height: 31px; }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure figcaption ul li span:hover { background-color: #0074E0; }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure .delete-btn { width: 32px; height: 32px; text-align: center; cursor: pointer; border-radius: 50%; font-size: 14px; font-size: 0.875rem; color: #fff; background-color: #3d485d; display: block; cursor: pointer; position: absolute; top: 15px; right: 15px; z-index: 2; }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure .delete-btn [class^="icon-"], .tab-content-block .tabpane-images .data-image-list .data-image-box figure .delete-btn [class*=" icon-"] { line-height: 31px; }

.tab-content-block .tabpane-images .data-image-list .data-image-box figure .delete-btn:hover { background-color: #0074E0; }

.tab-content-block .tabpane-observation { padding: 55px 0px 100px; }

@media (max-width: 767px) { .tab-content-block .tabpane-observation { padding: 30px 0px; } }

.tab-content-block .tabpane-observation .field-group .field-box { margin-bottom: 50px; }

@media (max-width: 767px) { .tab-content-block .tabpane-observation .field-group .field-box { margin-bottom: 30px; } }

.tab-content-block .tabpane-observation .field-group .field-box h3.title { font-size: 18px; font-size: 1.125rem; font-weight: bold; margin: 0 0 30px; }

.tab-content-block .tabpane-observation .field-group .field-box .c-field .c-field-control { border-color: #d7d7d7; }

.tab-content-block .tabpane-observation .field-group .field-box .ch-radio { margin-right: 60px; }

.tab-content-block .tabpane-observation .field-group .field-box > ul { margin-top: 35px; }

@media (max-width: 990px) { .tab-content-block .tabpane-observation .field-group .field-box > ul { margin-top: 25px; } }

.tab-content-block .tabpane-observation .field-group .field-box > ul > li { display: inline-block; margin-right: 17px; position: relative; margin-bottom: 10px; }

.tab-content-block .tabpane-observation .field-group .field-box > ul > li:last-child { margin: 0; }

.tab-content-block .tabpane-observation .field-group .field-box > ul > li span { border: 1px solid #3d485d; border-radius: 26px; padding: 10px 45px 10px 20px; text-align: center; display: block; position: relative; }

.tab-content-block .tabpane-observation .field-group .field-box > ul > li span [class^="icon-"], .tab-content-block .tabpane-observation .field-group .field-box > ul > li span [class*=" icon-"] { position: absolute; top: 50%; right: 20px; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.tab-content-block .tabpane-observation .field-group .field-box > ul > li span.add-btn { background-color: #fff; padding-right: 20px; padding-left: 50px; cursor: pointer; }

.tab-content-block .tabpane-observation .field-group .field-box > ul > li span.add-btn [class^="icon-"], .tab-content-block .tabpane-observation .field-group .field-box > ul > li span.add-btn [class*=" icon-"] { right: auto; left: 20px; font-size: 20px; font-size: 1.25rem; }

.tab-content-block .tabpane-observation .field-group .field-box > ul > li span.add-btn:hover, .tab-content-block .tabpane-observation .field-group .field-box > ul > li span.add-btn:focus { background-color: #0074E0; color: #fff; border-color: #0074E0; }

.tab-content-block .tabpane-observation .field-group .field-box .add-drop-down { border-radius: 4px; position: absolute; top: 100%; min-width: 245px; max-width: 245px; margin-top: 15px; border: 0; padding: 0; border-radius: 0; }

.tab-content-block .tabpane-observation .field-group .field-box .add-drop-down:after { content: ""; position: absolute; width: 15px; height: 15px; background: #fff; transform: rotate(45deg); /* Prefixes... */ top: -5px; left: 25px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); }

.tab-content-block .tabpane-observation .field-group .field-box .add-drop-down .drop-down-container { position: relative; background-color: #fff; padding: 15px 20px 24px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); z-index: 1; }

@media (max-width: 767px) { .tab-content-block .tabpane-observation .field-group .field-box .add-drop-down .drop-down-container { max-height: 300px; overflow: auto; } }

.tab-content-block .tabpane-observation .field-group .field-box .add-drop-down .drop-down-container input { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ededed; padding-bottom: 5px; width: 100%; margin-bottom: 25px; }

.tab-content-block .tabpane-observation .field-group .field-box .add-drop-down .drop-down-container input:focus { outline: none; }

.tab-content-block .tabpane-observation .field-group .field-box .add-drop-down .drop-down-container ul li { cursor: pointer; color: #0074E0; margin-bottom: 10px; }

.tab-content-block .tabpane-observation .field-group .field-box .add-drop-down .drop-down-container ul li:last-child { margin-bottom: 0; }

.tab-content-block .tabpane-methodologies { padding: 40px 0px; }

@media (max-width: 767px) { .tab-content-block .tabpane-methodologies { padding: 30px 0px; } }

.tab-content-block .tabpane-methodologies h3.title { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

.tab-content-block .tabpane-methodologies .data-table-list { margin-top: 35px; margin-bottom: 35px; }

.tab-content-block .tabpane-methodologies .data-table-list .table td { color: #3d485d; padding: 30px 15px; }

.tab-content-block .tabpane-methodologies .data-table-list .table td:first-child { padding-left: 30px; }

@media (min-width: 991px) and (max-width: 1200px) { .tab-content-block .tabpane-methodologies .data-table-list .table td { padding: 18px 10px 18px 10px !important; width: 100% !important; } }

@media (max-width: 990px) { .tab-content-block .tabpane-methodologies .data-table-list .table td { padding: 18px 10px 18px 10px !important; width: 100% !important; } }

.tab-content-block .tabpane-methodologies .data-table-list .table td strong { font-size: 18px; font-size: 1.125rem; }

.tab-content-block .tabpane-methodologies .data-table-list .table td .c-field-control { width: 170px; }

@media (max-width: 767px) { .tab-content-block .tabpane-methodologies .data-table-list .table td .c-field-control { width: 100%; } }

.tab-content-block .tabpane-methodologies .data-table-list .table td .select-control { width: 170px; }

@media (max-width: 767px) { .tab-content-block .tabpane-methodologies .data-table-list .table td .select-control { width: 100%; } }

.tab-content-block .tabpane-methodologies .data-table-list .table td ul li { display: inline-block; margin: 0 20px; }

.tab-content-block .tabpane-risk-level { padding: 40px 0px; }

@media (max-width: 767px) { .tab-content-block .tabpane-risk-level { padding: 30px 0px; } }

.tab-content-block .tabpane-risk-level h3.title { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

.tab-content-block .tabpane-risk-level .listing-block { margin-top: 50px; margin-bottom: 50px; }

@media (max-width: 767px) { .tab-content-block .tabpane-risk-level .listing-block { margin: 30px 0; } }

.tab-content-block .tabpane-risk-level .listing-block .data-block { padding: 35px 40px; background-color: #fff; border-radius: 6px; }

@media (max-width: 1200px) { .tab-content-block .tabpane-risk-level .listing-block .data-block { padding: 30px 20px; margin-bottom: 20px; } }

@media (max-width: 767px) { .tab-content-block .tabpane-risk-level .listing-block .data-block { padding: 20px; } }

.tab-content-block .tabpane-risk-level .listing-block .data-block .data-block-header { padding-bottom: 25px; border-bottom: 1px solid #efefef; }

.tab-content-block .tabpane-risk-level .listing-block .data-block .data-block-header h3 { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin: 0; min-height: 50px; }

@media (max-width: 767px) { .tab-content-block .tabpane-risk-level .listing-block .data-block .data-block-header h3 { min-height: inherit; font-size: 18px; font-size: 1.125rem; } }

.tab-content-block .tabpane-risk-level .listing-block .data-block .data-block-content { margin-top: 25px; }

.tab-content-block .tabpane-risk-level .total_level { font-weight: bold; }

.tab-content-block .tabpane-recomendations { padding: 40px 0px; }

@media (max-width: 767px) { .tab-content-block .tabpane-recomendations { padding: 30px 0px; } }

.tab-content-block .tabpane-recomendations .header h3.title { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

@media (max-width: 767px) { .tab-content-block .tabpane-recomendations .header h3.title { margin: 0 0 30px; } }

.tab-content-block .tabpane-recomendations .recomend-list { margin-top: 25px; margin-bottom: 50px; }

.tab-content-block .tabpane-recomendations .recomend-list li { padding: 25px 150px 25px 30px; background-color: #fff; border-radius: 6px; margin-bottom: 10px; position: relative; border-left: 4px solid transparent; }

.tab-content-block .tabpane-recomendations .recomend-list li:last-child { margin-bottom: 0; }

.tab-content-block .tabpane-recomendations .recomend-list li .ch-checkbox { line-height: 1; display: block; vertical-align: top; }

@media (max-width: 1500px) { .tab-content-block .tabpane-recomendations .recomend-list li { padding-right: 100px; } }

@media (max-width: 767px) { .tab-content-block .tabpane-recomendations .recomend-list li { padding: 20px 60px 20px 20px; } }

.tab-content-block .tabpane-recomendations .recomend-list li .close-btn, .tab-content-block .tabpane-recomendations .recomend-list li .add-ico { position: absolute; top: 50%; right: 115px; font-size: 30px; font-size: 1.875rem; color: #0074E0; cursor: pointer; transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transform: translate(0, -50%) scale(0); -moz-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

@media (max-width: 1500px) { .tab-content-block .tabpane-recomendations .recomend-list li .close-btn, .tab-content-block .tabpane-recomendations .recomend-list li .add-ico { right: 80px; } }

@media (max-width: 1200px) { .tab-content-block .tabpane-recomendations .recomend-list li .close-btn, .tab-content-block .tabpane-recomendations .recomend-list li .add-ico { right: 60px; } }

@media (max-width: 767px) { .tab-content-block .tabpane-recomendations .recomend-list li .close-btn, .tab-content-block .tabpane-recomendations .recomend-list li .add-ico { -webkit-transform: translate(0, 0) scale(0); -moz-transform: translate(0, 0) scale(0); -ms-transform: translate(0, 0) scale(0); -o-transform: translate(0, 0) scale(0); transform: translate(0, 0) scale(0); top: 10px; right: 20px; } }

.tab-content-block .tabpane-recomendations .recomend-list li .move-ico { position: absolute; top: 50%; right: 80px; cursor: pointer; transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transform: translate(0, -50%) scale(0); -moz-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: move; }

@media (max-width: 1500px) { .tab-content-block .tabpane-recomendations .recomend-list li .move-ico { right: 50px; } }

@media (max-width: 1200px) { .tab-content-block .tabpane-recomendations .recomend-list li .move-ico { right: 30px; } }

@media (max-width: 767px) { .tab-content-block .tabpane-recomendations .recomend-list li .move-ico { -webkit-transform: translate(0, 0) scale(0); -moz-transform: translate(0, 0) scale(0); -ms-transform: translate(0, 0) scale(0); -o-transform: translate(0, 0) scale(0); transform: translate(0, 0) scale(0); top: 60px; right: 25px; } }

.tab-content-block .tabpane-recomendations .recomend-list li:hover, .tab-content-block .tabpane-recomendations .recomend-list li:active .tab-content-block .tabpane-recomendations .recomend-list li:focus { border-color: #0074E0; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.11); }

.tab-content-block .tabpane-recomendations .recomend-list li:hover .close-btn, .tab-content-block .tabpane-recomendations .recomend-list li:hover .add-ico, .tab-content-block .tabpane-recomendations .recomend-list li:active .tab-content-block .tabpane-recomendations .recomend-list li:focus .close-btn, .tab-content-block .tabpane-recomendations .recomend-list li:active .tab-content-block .tabpane-recomendations .recomend-list li:focus .add-ico { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); }

@media (max-width: 767px) { .tab-content-block .tabpane-recomendations .recomend-list li:hover .close-btn, .tab-content-block .tabpane-recomendations .recomend-list li:hover .add-ico, .tab-content-block .tabpane-recomendations .recomend-list li:active .tab-content-block .tabpane-recomendations .recomend-list li:focus .close-btn, .tab-content-block .tabpane-recomendations .recomend-list li:active .tab-content-block .tabpane-recomendations .recomend-list li:focus .add-ico { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } }

.tab-content-block .tabpane-recomendations .recomend-list li:hover .move-ico, .tab-content-block .tabpane-recomendations .recomend-list li:active .tab-content-block .tabpane-recomendations .recomend-list li:focus .move-ico { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: translate(0, -50%) scale(1); -moz-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); }

@media (max-width: 767px) { .tab-content-block .tabpane-recomendations .recomend-list li:hover .move-ico, .tab-content-block .tabpane-recomendations .recomend-list li:active .tab-content-block .tabpane-recomendations .recomend-list li:focus .move-ico { -webkit-transform: translate(0, 0) scale(1); -moz-transform: translate(0, 0) scale(1); -ms-transform: translate(0, 0) scale(1); -o-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } }

.tab-content-block .tabpane-recomendations .recomend-list li .text-input { display: inline-block; width: 95%; vertical-align: middle; }

.tab-content-block .tabpane-recomendations .recomend-list li .text-input textarea { width: 100%; font-size: 18px; font-size: 1.125rem; padding: 0px 0px 10px 0px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ededed; position: relative; font-family: "Calibri"; color: #3d485d; z-index: 1; background: transparent; resize: none; height: 50px; display: block; }

.tab-content-block .tabpane-recomendations .recomend-list li .text-input textarea:focus { outline: none; }

.tab-content-block .tabpane-recomendations .product-recomendation { margin-bottom: 30px; }

.tab-content-block .tabpane-recomendations .product-recomendation h3 { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0; }

.tab-content-block .tabpane-recomendations .product-recomendation > ul { margin-top: 35px; }

@media (max-width: 990px) { .tab-content-block .tabpane-recomendations .product-recomendation > ul { margin-top: 25px; } }

.tab-content-block .tabpane-recomendations .product-recomendation > ul > li { display: inline-block; margin-right: 17px; position: relative; margin-bottom: 10px; }

.tab-content-block .tabpane-recomendations .product-recomendation > ul > li:last-child { margin: 0; }

.tab-content-block .tabpane-recomendations .product-recomendation > ul > li span { border: 1px solid #3d485d; border-radius: 26px; padding: 10px 45px 10px 20px; text-align: center; display: block; position: relative; }

.tab-content-block .tabpane-recomendations .product-recomendation > ul > li span [class^="icon-"], .tab-content-block .tabpane-recomendations .product-recomendation > ul > li span [class*=" icon-"] { position: absolute; top: 50%; right: 20px; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.tab-content-block .tabpane-recomendations .product-recomendation > ul > li span.add-btn { background-color: #fff; padding-right: 20px; padding-left: 50px; cursor: pointer; }

.tab-content-block .tabpane-recomendations .product-recomendation > ul > li span.add-btn [class^="icon-"], .tab-content-block .tabpane-recomendations .product-recomendation > ul > li span.add-btn [class*=" icon-"] { right: auto; left: 20px; font-size: 20px; font-size: 1.25rem; }

.tab-content-block .tabpane-recomendations .product-recomendation > ul > li span.add-btn:hover, .tab-content-block .tabpane-recomendations .product-recomendation > ul > li span.add-btn:focus { background-color: #0074E0; color: #fff; border-color: #0074E0; }

.tab-content-block .tabpane-recomendations .product-recomendation .add-drop-down { border-radius: 4px; position: absolute; top: 100%; min-width: 245px; max-width: 245px; margin-top: 15px; border: 0; padding: 0; border-radius: 0; }

.tab-content-block .tabpane-recomendations .product-recomendation .add-drop-down:after { content: ""; position: absolute; width: 15px; height: 15px; background: #fff; transform: rotate(45deg); /* Prefixes... */ top: -5px; left: 25px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); }

.tab-content-block .tabpane-recomendations .product-recomendation .add-drop-down .drop-down-container { position: relative; background-color: #fff; padding: 15px 20px 24px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06); z-index: 1; }

.tab-content-block .tabpane-recomendations .product-recomendation .add-drop-down .drop-down-container input { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ededed; padding-bottom: 5px; width: 100%; margin-bottom: 25px; }

.tab-content-block .tabpane-recomendations .product-recomendation .add-drop-down .drop-down-container input:focus { outline: none; }

.tab-content-block .tabpane-recomendations .product-recomendation .add-drop-down .drop-down-container ul li { cursor: pointer; color: #0074E0; margin-bottom: 10px; }

.tab-content-block .tabpane-recomendations .product-recomendation .add-drop-down .drop-down-container ul li:last-child { margin-bottom: 0; }

/*popup*/
#reprocessModal .modal-dialog { max-width: 563px; }

#reprocessModal .modal-body { margin: 0 0 7px 0; }

@media (max-width: 767px) { #reprocessModal .modal-body { padding: 35px 15px; } }

#reprocessModal .modal-body p { margin-bottom: 5px; }

#reprocessModal .severity-count { float: left; width: 100%; margin: 0 0 29px 0; }

#reprocessModal .severity-count p { float: left; border-radius: 4px; background: #f2f2ef; margin: 0; padding: 6px 11px; font-size: 16px; font-weight: bold; }

#reprocessModal .select-control { width: 176px; }

#reprocessModal .value-ranges { margin: 15px 0; }

#reprocessModal .btn-field .button-width-large { padding: 0 31px !important; height: 42px; border-width: 1px; font-size: 18px; }

#reprocessModal .btn-field#set_severity { padding: 0 43px !important; }

#reprocessModal #severity_input { border-top: 0; border-left: 0; border-right: 0; border: 1px solid #ededed; margin: 0 0 29px 0; font-family: Calibri; font-size: 18px; color: #3d485d; padding: 0 19px 0 0; text-align: center; }

#reprocessModal #severity_input:focus { outline: navajowhite; }

#reprocessModal .error-severity { width: 100%; float: left; position: relative; margin-top: 5px; bottom: 0; }

#reprocessModal .btn-field { float: left; width: 100%; margin-top: 10px; }

.full-width { width: 100%; float: left; }

.verified-style .listing-block .data-block.verified li.unverified { background-color: #ededed; border-radius: 6px; }

.verified-style .listing-block .data-block.verified li.unverified a { border-radius: 6px; }

.verified-style .listing-block .data-block.verified li.unverified a:hover { background-color: #ededed; }

.verified-style .listing-block .data-block.unverified li.unverified { border-radius: 6px; }

.verified-style .listing-block .data-block.unverified li.unverified a { border-radius: 6px; }

.verified-style .listing-block .data-block.unverified li.unverified a:hover { background-color: #ededed; }

.obeservation-form .last-cleaned { background-color: #3d485d; border-color: #3d485d; border-radius: 4px; height: 38px; padding: 0px; }

.obeservation-form .last-cleaned .input-group-prepend { position: absolute; top: 3px; }

.obeservation-form .last-cleaned span { border: 0; background: transparent; color: #fff; }

.obeservation-form .last-cleaned input { border-bottom: 0; color: #fff; font-family: "Calibri"; font-size: 16px; line-height: 32px; font-weight: bold; padding-left: 48px; }

#reprocessModal .modal-content select { border: 1px solid #d7d7d7; font-size: 16px; color: black; font-family: 'Calibri'; -webkit-appearance: none; -moz-appearance: none; -ms-expand: none; padding: 3px 9px; background: url("../../images/select-down-arrow.svg") no-repeat; background-position: right 6px top 13px; width: 88px; }

@media (max-width: 1024px) { .recomend-list li#new_recommend:hover span.add-ico, .recomend-list li#new_recommend:focus span.add-ico, .recomend-list li#new_recommend:active span.add-ico { opacity: 1; } }

/*login*/
/*form*/
.form-wrapper { min-height: -webkit-calc(100vh); min-height: -moz-calc(100vh); min-height: -ms-calc(100vh); min-height: -o-calc(100vh); min-height: calc(100vh); background-color: #3d485d; position: relative; }

@media (max-width: 767px) { 
  .form-wrapper { padding: 30px 10px;  }
  
 }

.form-wrapper::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-image: url(images/bgPattern.png); background-repeat: no-repeat; background-size: cover; }

.form-wrapper > .container { min-height: -webkit-calc(100vh); min-height: -moz-calc(100vh); min-height: -ms-calc(100vh); min-height: -o-calc(100vh); min-height: calc(100vh); position: relative;z-index:9; }

@media (max-width: 767px) { .form-wrapper > .container { min-height: -webkit-calc(100vh - 30px); min-height: -moz-calc(100vh - 30px); min-height: -ms-calc(100vh - 30px); min-height: -o-calc(100vh - 30px); min-height: calc(100vh - 30px); } }

.form-wrapper {  margin: 0 auto; width: 100%; z-index: 1; }
/* .form-wrapper { background-color: #fff; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; z-index: 1; } */
 

.form-wrapper .logo-block { height: 100%; position: relative; background-color: #ecf4fb; }

@media (max-width: 990px) { .form-wrapper .logo-block { min-height: 100px; padding:10px 0; } }

/* .form-wrapper .logo-block .logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } */

/* .form-wrapper .logo-block .logo img { max-width: 100%; } */

.form-wrapper .form-container { max-width: 400px; height: 100%; margin: 0 auto; padding: 50px 10px 50px; }

.form-wrapper .form-container.reset-form { padding: 100px 10px 130px; }

@media (max-width: 990px) { .form-wrapper .form-container.reset-form { padding: 50px 10px; } }

@media (max-width: 767px) { .form-wrapper .form-container.reset-form { padding: 30px 10px; } .form-wrapper .logo-block{padding:10px 20px;}}

.form-wrapper .form-container.reset-form .field-group .btn-field { margin-top: 70px; }

@media (max-width: 767px) { .form-wrapper .form-container.reset-form .field-group .btn-field { margin-top: 30px; } }

.form-wrapper .form-container.forgot-form { padding: 70px 10px 80px; }

.form-wrapper .form-container.forgot-form .back-btn { position: absolute; top: 40px; right: 40px; }

@media (max-width: 767px) { .form-wrapper .form-container.forgot-form .back-btn { position: relative; top: 0; right: 0; bottom: 0; left: 0; margin-bottom: 10px; } }

.form-wrapper .form-container.forgot-form .back-btn > a { text-decoration: none; display: inline-block; }

.form-wrapper .form-container.forgot-form .back-btn > a span.ico { display: inline-block; vertical-align: middle; margin-right: 10px; }

@media (max-width: 990px) { .form-wrapper .form-container.forgot-form { padding: 50px 10px; } }

@media (max-width: 767px) { .form-wrapper .form-container.forgot-form { padding: 30px 10px; } }

.form-wrapper .form-container.forgot-form .trouble-note { margin-top: 20px; }

.form-wrapper .form-container.forgot-form .trouble-note p { margin: 0; font-size: 16px; font-size: 1rem; }

.form-wrapper .form-container.forgot-form .trouble-note p strong { font-size: 18px; font-size: 1.125rem; display: block; }

.form-wrapper .form-container .reset-sucess, .form-wrapper .form-container .error-block { text-align: center; }

.form-wrapper .form-container .reset-sucess h3, .form-wrapper .form-container .error-block h3 { font-family: "Eurostile Extended"; text-transform: uppercase; font-size: 28px; font-size: 1.75rem; margin: 25px 0 10px; }

@media (max-width: 767px) { .form-wrapper .form-container .reset-sucess h3, .form-wrapper .form-container .error-block h3 { font-size: 24px; font-size: 1.5rem; margin: 20px 0 10px; } }

.form-wrapper .form-container .reset-sucess p, .form-wrapper .form-container .error-block p { font-size: 18px; font-size: 1.125rem; font-weight: bold; margin: 0; line-height: 24px; }

.form-wrapper .form-container .reset-sucess .btn-field, .form-wrapper .form-container .error-block .btn-field { margin-top: 60px; }

@media (max-width: 767px) { .form-wrapper .form-container .reset-sucess .btn-field, .form-wrapper .form-container .error-block .btn-field { margin-top: 30px; } }

@media (max-width: 990px) { .form-wrapper .form-container { padding: 50px 10px; } }

@media (max-width: 767px) { .form-wrapper .form-container { padding: 30px 10px; } }

.form-wrapper .form-container h2.title { font-family: "gothambold",sans-serif;; text-transform: uppercase; font-size: 28px; font-size: 1.75rem; margin: 0; }

@media (max-width: 767px) { .form-wrapper .form-container h2.title { font-size: 24px; font-size: 1.5rem; } }

.form-wrapper .form-container .field-group { margin-top: 30px; }

@media (max-width: 990px) { .form-wrapper .form-container .field-group { margin-top: 30px; } }

.form-wrapper .form-container .field-group .forgot-link { text-align: right; }

.form-wrapper .form-container .field-group .forgot-link > a { text-decoration: none; font-size: 16px; font-size: 1rem; }

.form-wrapper .form-container .field-group .forgot-link > a:hover, .form-wrapper .form-container .field-group .forgot-link > a:focus { text-decoration: underline; }

.form-wrapper .form-container .field-group .btn-field { margin-top: 30px; }

.form-wrapper .form-container .field-group .bottom-link { margin-top: 55px; text-align: center; }
.form-wrapper .form-container .field-group .bottom-link a{
  text-decoration:underline !important;
}

@media (max-width: 767px) { .form-wrapper .form-container .field-group .bottom-link { margin-top: 30px; } }

.form-wrapper .form-container .field-group .bottom-link > a { text-decoration: none; }

.form-wrapper .form-container .field-group .bottom-link > a:hover { text-decoration: underline; }

.change-password-block { max-width: 520px; margin: 0 auto; background-color: #fff; border-radius: 6px; }

.change-password-block .form-block { padding: 25px 30px 30px; }

@media (max-width: 767px) { .change-password-block .form-block { padding: 20px; } }

.change-password-block .form-block h2.title { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0 0 10px; }

.change-password-block .form-block .help-block p { margin: 0; }

.change-password-block .form-block .field-group { margin-top: 40px; }

.account-block { max-width: 550px; margin: 0 auto; background-color: #fff; border-radius: 6px; }

.account-block .form-block { position: relative; z-index: 1; padding: 25px 30px 30px; }

@media (max-width: 767px) { .account-block .form-block { padding: 20px; } }

.account-block .form-block .header h2.title { font-size: 24px; font-size: 1.5rem; font-weight: bold; margin: 0 0 10px; padding-left: 0; }

.account-block .form-block .header .change-password-link { float: right; text-decoration: none; }

@media (max-width: 767px) { .account-block .form-block .header .change-password-link { float: none; } }

.account-block .form-block .header .change-password-link img { display: inline-block; vertical-align: middle; margin-right: 10px; }

.account-block .form-block .header .change-password-link span { display: inline-block; vertical-align: middle; }

.account-block .form-block .field-group { margin-top: 40px; }

.account-block .form-block .field-group .notification-checkbox-group ul li { display: inline-block; margin-right: 15px; }

.account-block .form-block .field-group .btn-field { margin-top: 20px; }
.account-block .form-block .field-group .btn-field a:hover{color:#fff !important;}

/*test*/
.login-wrapper { background-image: url(assets/images/login-bg.jpg); background-repeat: no-repeat; background-size: cover; height: -webkit-calc(100vh); height: -moz-calc(100vh); height: -ms-calc(100vh); height: -o-calc(100vh); height: calc(100vh); position: relative; z-index: 1; }

@media (max-width: 1200px) { .login-wrapper { padding: 20px 10px; } }

.login-wrapper::after { background-image: linear-gradient(232deg, rgba(26, 103, 215, 0.77), rgba(15, 76, 162, 0.73)); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: -1; }

.login-wrapper .login-form { max-width: 730px; width: 100%; background-color: #fff; margin: 0 auto; border-radius: 4px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1200px) { .login-wrapper .login-form { max-width: 500px; } }

@media (max-width: 767px) { .login-wrapper .login-form { position: relative; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } }

.login-wrapper .login-form .logo-block { height: 100%; background-color: #fafafc; position: relative; border-radius: 4px 0 0 4px; }

@media (max-width: 1200px) { .login-wrapper .login-form .logo-block { min-height: 70px; border-radius: 4px 4px 0 0; } }

.login-wrapper .login-form .logo-block .logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 1200px) { .login-wrapper .login-form .logo-block .logo { position: relative; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); text-align: center; } }

.login-wrapper .login-form .field-group { padding: 77px 55px 80px 36px; }

@media (max-width: 767px) { .login-wrapper .login-form .field-group { padding: 40px 20px; } }

.login-wrapper .login-form .field-group h2 { font-size: 32px; font-size: 2rem; color: #272727; font-weight: 600; margin: 0 0 50px; }

@media (max-width: 767px) { .login-wrapper .login-form .field-group h2 { font-size: 24px; font-size: 1.5rem; margin: 0 0 30px; } }

.login-wrapper .login-form .forgot_link { text-align: right; }

.login-wrapper .login-form .forgot_link > a { font-weight: 500; font-size: 13px; font-size: 0.8125rem; color: #3d87f1; text-decoration: none; }

.login-wrapper .login-form .btn-field { margin-top: 35px; }

@media (max-width: 767px) { .login-wrapper .login-form .btn-field { margin-top: 30px; } }

.login-wrapper .login-form .password-field .c-field-control { padding-right: 30px; }

.login-wrapper .login-form .password-field .p-ico { position: absolute; top: 0; right: 0; cursor: pointer; z-index: 1; }

.reset-wrapper, .forgot-wrapper, .profile-wrapper { background-color: #f9fbff; height: -webkit-calc(100vh); height: -moz-calc(100vh); height: -ms-calc(100vh); height: -o-calc(100vh); height: calc(100vh); position: relative; z-index: 1; }

@media (max-width: 767px) { .reset-wrapper, .forgot-wrapper, .profile-wrapper { padding: 20px 10px; } }

.reset-wrapper .reset-form, .reset-wrapper .forgot-form, .reset-wrapper .profile-form, .forgot-wrapper .reset-form, .forgot-wrapper .forgot-form, .forgot-wrapper .profile-form, .profile-wrapper .reset-form, .profile-wrapper .forgot-form, .profile-wrapper .profile-form { max-width: 468px; width: 100%; background-color: #fff; margin: 0 auto; border-radius: 4px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 2px 8px 0 rgba(22, 41, 79, 0.04); -webkit-box-shadow: 0 2px 8px 0 rgba(22, 41, 79, 0.04); }

@media (max-width: 767px) { .reset-wrapper .reset-form, .reset-wrapper .forgot-form, .reset-wrapper .profile-form, .forgot-wrapper .reset-form, .forgot-wrapper .forgot-form, .forgot-wrapper .profile-form, .profile-wrapper .reset-form, .profile-wrapper .forgot-form, .profile-wrapper .profile-form { position: relative; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } }

.reset-wrapper .reset-form .field-group, .reset-wrapper .forgot-form .field-group, .reset-wrapper .profile-form .field-group, .forgot-wrapper .reset-form .field-group, .forgot-wrapper .forgot-form .field-group, .forgot-wrapper .profile-form .field-group, .profile-wrapper .reset-form .field-group, .profile-wrapper .forgot-form .field-group, .profile-wrapper .profile-form .field-group { padding: 60px 34px; }

@media (max-width: 767px) { .reset-wrapper .reset-form .field-group, .reset-wrapper .forgot-form .field-group, .reset-wrapper .profile-form .field-group, .forgot-wrapper .reset-form .field-group, .forgot-wrapper .forgot-form .field-group, .forgot-wrapper .profile-form .field-group, .profile-wrapper .reset-form .field-group, .profile-wrapper .forgot-form .field-group, .profile-wrapper .profile-form .field-group { padding: 40px 20px; } }

.reset-wrapper .reset-form .field-group h2, .reset-wrapper .forgot-form .field-group h2, .reset-wrapper .profile-form .field-group h2, .forgot-wrapper .reset-form .field-group h2, .forgot-wrapper .forgot-form .field-group h2, .forgot-wrapper .profile-form .field-group h2, .profile-wrapper .reset-form .field-group h2, .profile-wrapper .forgot-form .field-group h2, .profile-wrapper .profile-form .field-group h2 { font-size: 26px; font-size: 1.625rem; color: #272727; font-weight: 300; margin: 0 0 50px; }

.reset-wrapper .reset-form .field-group h2 strong, .reset-wrapper .forgot-form .field-group h2 strong, .reset-wrapper .profile-form .field-group h2 strong, .forgot-wrapper .reset-form .field-group h2 strong, .forgot-wrapper .forgot-form .field-group h2 strong, .forgot-wrapper .profile-form .field-group h2 strong, .profile-wrapper .reset-form .field-group h2 strong, .profile-wrapper .forgot-form .field-group h2 strong, .profile-wrapper .profile-form .field-group h2 strong { font-weight: 600; }

@media (max-width: 767px) { .reset-wrapper .reset-form .field-group h2, .reset-wrapper .forgot-form .field-group h2, .reset-wrapper .profile-form .field-group h2, .forgot-wrapper .reset-form .field-group h2, .forgot-wrapper .forgot-form .field-group h2, .forgot-wrapper .profile-form .field-group h2, .profile-wrapper .reset-form .field-group h2, .profile-wrapper .forgot-form .field-group h2, .profile-wrapper .profile-form .field-group h2 { font-size: 24px; font-size: 1.5rem; margin: 0 0 30px; } }

.reset-wrapper .reset-form .btn-field, .reset-wrapper .forgot-form .btn-field, .reset-wrapper .profile-form .btn-field, .forgot-wrapper .reset-form .btn-field, .forgot-wrapper .forgot-form .btn-field, .forgot-wrapper .profile-form .btn-field, .profile-wrapper .reset-form .btn-field, .profile-wrapper .forgot-form .btn-field, .profile-wrapper .profile-form .btn-field { margin-top: 35px; }

@media (max-width: 767px) { .reset-wrapper .reset-form .btn-field, .reset-wrapper .forgot-form .btn-field, .reset-wrapper .profile-form .btn-field, .forgot-wrapper .reset-form .btn-field, .forgot-wrapper .forgot-form .btn-field, .forgot-wrapper .profile-form .btn-field, .profile-wrapper .reset-form .btn-field, .profile-wrapper .forgot-form .btn-field, .profile-wrapper .profile-form .btn-field { margin-top: 30px; } }

.otp-form-wrapper { background-color: #f9fbff; height: -webkit-calc(100vh); height: -moz-calc(100vh); height: -ms-calc(100vh); height: -o-calc(100vh); height: calc(100vh); position: relative; z-index: 1; }

@media (max-width: 767px) { .otp-form-wrapper { padding: 20px 10px; } }

.otp-form-wrapper .otp-form { max-width: 468px; width: 100%; background-color: #fff; margin: 0 auto; border-radius: 4px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 2px 8px 0 rgba(22, 41, 79, 0.04); -webkit-box-shadow: 0 2px 8px 0 rgba(22, 41, 79, 0.04); }

@media (max-width: 767px) { .otp-form-wrapper .otp-form { position: relative; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } }

.otp-form-wrapper .otp-form .field-group { padding: 40px; }

@media (max-width: 767px) { .otp-form-wrapper .otp-form .field-group { padding: 30px 20px; } }

.otp-form-wrapper .otp-form .field-group h2 { font-size: 26px; font-size: 1.625rem; color: #272727; font-weight: 300; margin: 0 0 50px; }

.otp-form-wrapper .otp-form .field-group h2 strong { font-weight: 600; }

@media (max-width: 767px) { .otp-form-wrapper .otp-form .field-group h2 { font-size: 24px; font-size: 1.5rem; margin: 0 0 30px; } }

.otp-form-wrapper .otp-form .field-group .fieldblock { margin-top: 40px; text-align: center; }

.otp-form-wrapper .otp-form .field-group .fieldblock h3 { font-size: 16px; font-size: 1rem; font-family: "Calibri"; font-weight: normal; color: #272727; margin: 0 0 10px; }

.otp-form-wrapper .otp-form .field-group .fieldblock span.email-label { display: block; font-size: 16px; font-size: 1rem; font-weight: 300; color: #272727; }

.otp-form-wrapper .otp-form .field-group .fieldblock .otp-fields { margin-top: 40px; }

.otp-form-wrapper .otp-form .field-group .fieldblock .otp-fields input { width: 60px; height: 60px; border-radius: 4px; border: solid 1px #b4bbc5; background-color: #dee5ef; padding: 10px; margin-right: 20px; }

.otp-form-wrapper .otp-form .field-group .fieldblock .otp-fields input:last-child { margin: 0; }

.otp-form-wrapper .otp-form .field-group .fieldblock .otp-fields input:focus { outline: none !important; }

.otp-form-wrapper .otp-form .btn-field { margin-top: 40px; }

@media (max-width: 767px) { .otp-form-wrapper .otp-form .btn-field { margin-top: 30px; } }

.otp-form-wrapper .otp-form ._bottom { text-align: left; margin-top: 40px; }

/*# sourceMappingURL=style.css.map */


/* New Login Style */
.new-login .c-field input.c-field-control{
  padding: 7px 16px 11px 16px;
  border-radius: 3px;
  border: solid 1px #d7dfee;
  font-size: 16px;
  height:40px;
  font-family:"Source Sans Pro",sans-serif;
}
.new-login .c-field input.c-field-control:focus{
  border:solid 1px #0074E0;
}
.new-login .c-field label{
  position: static;
  margin-bottom:3px;
  font-size:15px !important;
  padding-left:0;
  font-family:"Source Sans Pro",sans-serif;
}
.new-login .c-field.c-lg{margin-bottom:27px;}
.new-login .password-field .password-ico{
  position: absolute;
    top: 53%;
    right: 17px;
    transform: none;
}
.reset-form.new-login .password-field .password-ico{
  right:35px;
}
.reset-form.new-login .password-field .hintIcon{
  top: 58%;
    right: 3px;
}
.select-country-section.c-field label{
  margin-bottom:14px;
}
.select-country-section .radio-btn label.container{
    margin:0;
    padding-left:30px;
    position:relative;
    font-size: 16px !important;
    color: #3d485d;
    width:auto;
    cursor: pointer;
}
.select-country-section .radio-btn input{
  position: absolute;
  left:0;
  top:0;
  opacity: 0;
}
.select-country-section .radio-btn .checkmark{
  position: absolute;
  left:0;
  top:4px;
  display: inline-block;
  height: 18px;
  width: 18px;
  border: solid 1px #3d485d;
  background-color: transparent;
  border-radius: 50%;
}
.select-country-section .radio-btn .checkmark:after{
  content:'';
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  background: #0074E0;
  display: none;
}
.select-country-section .radio-btn input:checked~span:after{
  display: block;
}
.select-country-section .radio-btn input:checked~span{
  border-color:#0074E0;
}
.country-select-form-block{
  height:560px !important;
}
.country-select-form-block>.row{
  height:100%;
}
.country-select button{
  border: 0;
  padding: 3px;
  border-radius: 3px;
  border: solid 1px #aaaeb5;
}
.selected-country{
  display:flex;
  align-items: center;
}
.select-country-dropdown{
  display:none;
  position: absolute;
  margin:0;
  padding:0;
  list-style: none;
  border-radius: 3px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);
  width: 100%;
  top: 69px;
  left: 0;
  padding: 4px;
  text-align: center;
  background-color: #fff;
  z-index:9;
}
/* .new-login-form-wrapper .form-block{
    max-height: calc(100% - 64px);
    height: 100%;
} */
.new-login-form-wrapper .form-block > .row{
  height:100%;
}
.new-login-form-wrapper .form-block > .row>div{
  height:100%;
}
.select-country-dropdown.login-screen{
  top:30px;
}
.select-country-dropdown li{
  padding:7px 10px;
}
.select-country-dropdown li:hover{
  background-color: #ecf4fb;
}
.select-country-dropdown li a{
  color:#3d485d;
  font-size: 16px;
  text-decoration: none;
  display:flex;
  align-items: center;

}
 .form-block .form-container.country-selection-page h2.title ~ p {
  font-size:16px !important;
}
.country-selection-page .selected-country{
  padding: 10px;
    border-radius: 3px;
    border: solid 1px #d7dfee;
    font-size: 16px;
    height: 40px;
    font-family: "Source Sans Pro",sans-serif;
    background: url("/static/images/region-dropdown-arrow.svg") no-repeat;
    background-position: right 20px center;
}
.country-selection-page .select-country-dropdown{
  text-align: left;
  padding:0px 0px;
}
@media(max-width:991px){
  .new-login-form-wrapper .form-block{height:auto;max-height: calc(100vh - -34px);}
}
@media(max-height:600px){
  .form-wrapper{
    min-height: calc(100vh - -300px);
  }
  .form-wrapper > .container{
    min-height: calc(100vh - -300px);
    display:flex;
    
  }
  /* .form-wrapper{
    margin: auto;
    position:static;
    transform:none;
  } */
  
}

.new-site-wide-custom-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(61, 72, 93, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 9999;
}
.new-site-wide-custom-loader .loader-image {
  width: 100px;
  height: 100px;
  animation: zoomPulse 1.2s infinite;
}
.new-site-wide-custom-loader .new-loader-text {
  font-size: 18px;
  font-weight: 700;
  color: #FBFBFB;
  text-align: center;
  line-height: 24px;
  letter-spacing: 0;
  margin-top: 10px;
}

@keyframes zoomPulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* New Login Style */