@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
/*New Theme
    #2367AB
    #e9f4ff
$primary: #187EB8 !default;
$primary-dark:#11577F  !default;
    38488A
    Dark Blue #364760
    */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@keyframes width-easing {
  0% {
    width: 40px; }
  100% {
    width: 400px; } }
@-webkit-keyframes width-easing {
  0% {
    width: 40px; }
  100% {
    width: 400px; } }
@-moz-keyframes width-easing {
  0% {
    width: 40px; }
  100% {
    width: 400px; } }
@-o-keyframes width-easing {
  0% {
    width: 40px; }
  100% {
    width: 400px; } }
/*$font-size-base:      13px !default;

$font-size-medium:    16px !default; 
$font-size-large:     18px !default;
$font-size-xlarge:    21px !default;
$font-size-xxlarge:   24px !default;
$font-size-xxxlarge:  36px !default;
    */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*
Fonts
*/
@font-face {
  font-family: 'submitpro-icons';
  src: url("fonts/submitpro-icons.eot?dtu1di");
  src: url("fonts/submitpro-icons.eot?dtu1di#iefix") format("embedded-opentype"), url("fonts/submitpro-icons.ttf?dtu1di") format("truetype"), url("fonts/submitpro-icons.woff?dtu1di") format("woff"), url("fonts/submitpro-icons.svg?dtu1di#submitpro-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[data-icon]:before {
  font-family: "submitpro-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'submitpro-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-sorting-az:before {
  content: "\e900"; }

.icon-star-fill:before {
  content: "\21"; }

.icon-sorting:before {
  content: "\22"; }

.icon-refresh2:before {
  content: "\23"; }

.icon-user-icon:before {
  content: "\24"; }

.icon-download-file:before {
  content: "\25"; }

.icon-interface:before {
  content: "\26"; }

.icon-file-search:before {
  content: "\27"; }

.icon-sort-down:before {
  content: "\28"; }

.icon-sort-up:before {
  content: "\29"; }

.icon-sort-down1:before {
  content: "\2a"; }

.icon-replace:before {
  content: "\2b"; }

.icon-user-network:before {
  content: "\2c"; }

.icon-folder-network:before {
  content: "\2d"; }

.icon-flow-chart3:before {
  content: "\2e"; }

.icon-flow-chart-dots:before {
  content: "\2f"; }

.icon-poll:before {
  content: "\30"; }

.icon-eye3:before {
  content: "\31"; }

.icon-calendar-time:before {
  content: "\32"; }

.icon-delete-button-lines:before {
  content: "\33"; }

.icon-hourglass:before {
  content: "\34"; }

.icon-right-arrow-fill:before {
  content: "\35"; }

.icon-left-arrow-fill:before {
  content: "\36"; }

.icon-down-arrow-fill:before {
  content: "\37"; }

.icon-up-arrow-fill:before {
  content: "\38"; }

.icon-session-time:before {
  content: "\39"; }

.icon-time-correct:before {
  content: "\3a"; }

.icon-settings:before {
  content: "\3b"; }

.icon-settings1:before {
  content: "\3c"; }

.icon-collapse:before {
  content: "\3d"; }

.icon-expand:before {
  content: "\3e"; }

.icon-angle-left:before {
  content: "\3f"; }

.icon-angle-right:before {
  content: "\40"; }

.icon-safe-time:before {
  content: "\41"; }

.icon-user-history:before {
  content: "\42"; }

.icon-chart2:before {
  content: "\43"; }

.icon-file-network:before {
  content: "\44"; }

.icon-flow-tree:before {
  content: "\45"; }

.icon-chart1:before {
  content: "\46"; }

.icon-flow-tree1:before {
  content: "\47"; }

.icon-chart22:before {
  content: "\48"; }

.icon-flow-tree2:before {
  content: "\49"; }

.icon-flow-tree-text:before {
  content: "\4a"; }

.icon-text-file2:before {
  content: "\4b"; }

.icon-text-list-file2:before {
  content: "\4c"; }

.icon-user3:before {
  content: "\4d"; }

.icon-user-round:before {
  content: "\4e"; }

.icon-search2:before {
  content: "\4f"; }

.icon-search1:before {
  content: "\50"; }

.icon-search22:before {
  content: "\51"; }

.icon-search3:before {
  content: "\52"; }

.icon-bookmark:before {
  content: "\53"; }

.icon-bookmark-empty:before {
  content: "\54"; }

.icon-printer:before {
  content: "\55"; }

.icon-open-folder:before {
  content: "\56"; }

.icon-closed-folder:before {
  content: "\57"; }

.icon-open-folder1:before {
  content: "\58"; }

.icon-calendar-peel:before {
  content: "\59"; }

.icon-menu2:before {
  content: "\5a"; }

.icon-chevron-left:before {
  content: "\5b"; }

.icon-caret-up-two:before {
  content: "\5c"; }

.icon-chevron-right:before {
  content: "\5d"; }

.icon-chevron-up:before {
  content: "\5e"; }

.icon-chevron-down:before {
  content: "\5f"; }

.icon-angle-down:before {
  content: "\60"; }

.icon-left-arrow:before {
  content: "\61"; }

.icon-right-arrow:before {
  content: "\62"; }

.icon-down-arrow:before {
  content: "\63"; }

.icon-medical-tablets:before {
  content: "\64"; }

.icon-file-time:before {
  content: "\65"; }

.icon-line-chart-dots:before {
  content: "\66"; }

.icon-refresh-2:before {
  content: "\67"; }

.icon-line-chart-dots1:before {
  content: "\68"; }

.icon-refresh-file:before {
  content: "\69"; }

.icon-reverse:before {
  content: "\6a"; }

.icon-filter:before {
  content: "\6b"; }

.icon-text-file:before {
  content: "\6c"; }

.icon-doc-file:before {
  content: "\6d"; }

.icon-folders:before {
  content: "\6e"; }

.icon-text-list-file:before {
  content: "\6f"; }

.icon-file-history:before {
  content: "\70"; }

.icon-empty-file:before {
  content: "\71"; }

.icon-code-file:before {
  content: "\72"; }

.icon-text-file1:before {
  content: "\73"; }

.icon-text-list-file1:before {
  content: "\74"; }

.icon-empty-file1:before {
  content: "\75"; }

.icon-folder:before {
  content: "\76"; }

.icon-books:before {
  content: "\77"; }

.icon-books1:before {
  content: "\78"; }

.icon-network-folders:before {
  content: "\79"; }

.icon-calendar2:before {
  content: "\7a"; }

.icon-angle-up:before {
  content: "\7b"; }

.icon-caret-left:before {
  content: "\7c"; }

.icon-caret-right:before {
  content: "\7d"; }

.icon-caret-down-two:before {
  content: "\7e"; }

.icon-left-open-big:before {
  content: "\e000"; }

.icon-up-open-big:before {
  content: "\e001"; }

.icon-right-open-big:before {
  content: "\e002"; }

.icon-down-open-big:before {
  content: "\e003"; }

.icon-down-open:before {
  content: "\e004"; }

.icon-left-open:before {
  content: "\e005"; }

.icon-right-open:before {
  content: "\e006"; }

.icon-up-open:before {
  content: "\e007"; }

.icon-arrow-down:before {
  content: "\e008"; }

.icon-arrow-left:before {
  content: "\e009"; }

.icon-arrow-right:before {
  content: "\e00a"; }

.icon-arrow-up:before {
  content: "\e00b"; }

.icon-reload3:before {
  content: "\e00c"; }

.icon-chevron-up-1:before {
  content: "\e00d"; }

.icon-chevron-right-1:before {
  content: "\e00e"; }

.icon-chevron-left-1:before {
  content: "\e00f"; }

.icon-chevron-down-1:before {
  content: "\e010"; }

.icon-arrow-swap:before {
  content: "\e011"; }

.icon-exchange:before {
  content: "\e012"; }

.icon-angle-double-down:before {
  content: "\e013"; }

.icon-download3:before {
  content: "\e014"; }

.icon-download-1:before {
  content: "\e015"; }

.icon-close-button:before {
  content: "\e016"; }

.icon-close:before {
  content: "\e017"; }

.icon-close-round:before {
  content: "\e018"; }

.icon-cross-mark:before {
  content: "\e019"; }

.icon-cancel:before {
  content: "\e01a"; }

.icon-remove:before {
  content: "\e01b"; }

.icon-lock:before {
  content: "\e01c"; }

.icon-unlock-alt:before {
  content: "\e01d"; }

.icon-user-outline:before {
  content: "\e01e"; }

.icon-book:before {
  content: "\e01f"; }

.icon-content-7:before {
  content: "\e020"; }

.icon-folder-o:before {
  content: "\e021"; }

.icon-folder-open-o:before {
  content: "\e022"; }

.icon-folder-open:before {
  content: "\e023"; }

.icon-folder-1:before {
  content: "\e024"; }

.icon-file-close-alt:before {
  content: "\e025"; }

.icon-file-open:before {
  content: "\e026"; }

.icon-file-close:before {
  content: "\e027"; }

.icon-file-alt:before {
  content: "\e028"; }

.icon-draw:before {
  content: "\e029"; }

.icon-editing:before {
  content: "\e02a"; }

.icon-edit:before {
  content: "\e02b"; }

.icon-trash-o:before {
  content: "\e02c"; }

.icon-sort:before {
  content: "\e02d"; }

.icon-times:before {
  content: "\e02e"; }

.icon-close-1:before {
  content: "\e02f"; }

.icon-search-1:before {
  content: "\e030"; }

.icon-search-icon:before {
  content: "\e031"; }

.icon-search-1-1:before {
  content: "\e032"; }

.icon-search-2:before {
  content: "\e033"; }

.icon-search-find:before {
  content: "\e034"; }

.icon-id-card:before {
  content: "\e035"; }

.icon-resume:before {
  content: "\e036"; }

.icon-plus:before {
  content: "\e037"; }

.icon-plus-circle:before {
  content: "\e038"; }

.icon-plus-1:before {
  content: "\e039"; }

.icon-plus-circled:before {
  content: "\e03a"; }

.icon-plus-square:before {
  content: "\e03b"; }

.icon-menu-3:before {
  content: "\e03c"; }

.icon-list:before {
  content: "\e03d"; }

.icon-menu-1:before {
  content: "\e03e"; }

.icon-bars2:before {
  content: "\e03f"; }

.icon-content-44:before {
  content: "\e040"; }

.icon-table:before {
  content: "\e041"; }

.icon-add:before {
  content: "\e042"; }

.icon-question:before {
  content: "\e043"; }

.icon-folder2:before {
  content: "\e044"; }

.icon-folder-2:before {
  content: "\e045"; }

.icon-folder-1-1:before {
  content: "\e046"; }

.icon-pdf-file-format-symbol:before {
  content: "\e047"; }

.icon-file-pdf-o2:before {
  content: "\e048"; }

.icon-file-word-o:before {
  content: "\e049"; }

.icon-file-text-o:before {
  content: "\e04a"; }

.icon-file-powerpoint-o:before {
  content: "\e04b"; }

.icon-file-image-o:before {
  content: "\e04c"; }

.icon-files-o:before {
  content: "\e04d"; }

.icon-file-archive-o2:before {
  content: "\e04e"; }

.icon-file-code-o:before {
  content: "\e04f"; }

.icon-file-excel-o2:before {
  content: "\e050"; }

.icon-file-o:before {
  content: "\e051"; }

.icon-page-add:before {
  content: "\e052"; }

.icon-file-add:before {
  content: "\e053"; }

.icon-file-settings:before {
  content: "\e054"; }

.icon-align-center:before {
  content: "\e055"; }

.icon-files:before {
  content: "\e056"; }

.icon-file-code:before {
  content: "\e057"; }

.icon-file-binary:before {
  content: "\e058"; }

.icon-file-pdf2:before {
  content: "\e059"; }

.icon-gallery:before {
  content: "\e05a"; }

.icon-tool:before {
  content: "\e05b"; }

.icon-paperclip1:before {
  content: "\e05c"; }

.icon-content-41:before {
  content: "\e05d"; }

.icon-content-43:before {
  content: "\e05e"; }

.icon-eye-1:before {
  content: "\e05f"; }

.icon-check-mark:before {
  content: "\e060"; }

.icon-round-1:before {
  content: "\e061"; }

.icon-signs:before {
  content: "\e062"; }

.icon-lock-1:before {
  content: "\e063"; }

.icon-unlock:before {
  content: "\e064"; }

.icon-lock-2:before {
  content: "\e065"; }

.icon-unlocked:before {
  content: "\e066"; }

.icon-user-1:before {
  content: "\e067"; }

.icon-man-people-streamline-user:before {
  content: "\e068"; }

.icon-power:before {
  content: "\e069"; }

.icon-power-1:before {
  content: "\e06a"; }

.icon-log-out:before {
  content: "\e06b"; }

.icon-arrow-left-1:before {
  content: "\e06c"; }

.icon-arrows-1:before {
  content: "\e06d"; }

.icon-download-2:before {
  content: "\e06e"; }

.icon-arrow-circle-down-line:before {
  content: "\e06f"; }

.icon-download-1-1:before {
  content: "\e070"; }

.icon-home-1:before {
  content: "\e071"; }

.icon-home-house-streamline:before {
  content: "\e072"; }

.icon-home-button:before {
  content: "\e073"; }

.icon-correct:before {
  content: "\e074"; }

.icon-explore:before {
  content: "\e901"; }

.icon-at:before {
  content: "\e902"; }

.icon-user:before {
  content: "\e903"; }

.icon-hash:before {
  content: "\e904"; }

.icon-office:before {
  content: "\e905"; }

.icon-download:before {
  content: "\e906"; }

.icon-email2:before {
  content: "\e907"; }

.icon-call_split:before {
  content: "\e908"; }

.icon-event_note:before {
  content: "\e909"; }

.icon-pie-chart2:before {
  content: "\e90a"; }

.icon-hash2:before {
  content: "\e90b"; }

.icon-eye:before {
  content: "\e90c"; }

.icon-building-o:before {
  content: "\e90d"; }

.icon-view-tile:before {
  content: "\e90e"; }

.icon-view-list:before {
  content: "\e90f"; }

.icon-view-carousel:before {
  content: "\e910"; }

.icon-library:before {
  content: "\e911"; }

.icon-user-solid-circle:before {
  content: "\e912"; }

.icon-user-add:before {
  content: "\e913"; }

.icon-user2:before {
  content: "\e914"; }

.icon-text-box:before {
  content: "\e915"; }

.icon-chart-pie:before {
  content: "\e916"; }

.icon-view-tile2:before {
  content: "\e917"; }

.icon-mail2:before {
  content: "\e918"; }

.icon-mail-envelope-closed:before {
  content: "\e919"; }

.icon-mail-envelope-closed2:before {
  content: "\e91a"; }

.icon-inbox-upload2:before {
  content: "\e91b"; }

.icon-inbox-upload3:before {
  content: "\e91c"; }

.icon-inbox-document-text:before {
  content: "\e91d"; }

.icon-inbox-document-text2:before {
  content: "\e91e"; }

.icon-inbox-document:before {
  content: "\e91f"; }

.icon-inbox-download:before {
  content: "\e920"; }

.icon-inbox-upload:before {
  content: "\e921"; }

.icon-chart:before {
  content: "\e922"; }

.icon-site-map:before {
  content: "\e923"; }

.icon-alarm-clock:before {
  content: "\e924"; }

.icon-justice:before {
  content: "\e925"; }

.icon-chat:before {
  content: "\e926"; }

.icon-retweet:before {
  content: "\e927"; }

.icon-resize:before {
  content: "\e928"; }

.icon-upload2:before {
  content: "\e929"; }

.icon-download4:before {
  content: "\e92a"; }

.icon-archive2:before {
  content: "\e92b"; }

.icon-arrow-minimise:before {
  content: "\e92c"; }

.icon-vpn_key:before {
  content: "\e92d"; }

.icon-group_add:before {
  content: "\e92e"; }

.icon-account_balance:before {
  content: "\e92f"; }

.icon-question_answer:before {
  content: "\e930"; }

.icon-compare_arrows:before {
  content: "\e931"; }

.icon-crop:before {
  content: "\e932"; }

.icon-edit-copy:before {
  content: "\e933"; }

.icon-folder-download:before {
  content: "\e934"; }

.icon-folder-upload:before {
  content: "\e935"; }

.icon-notifications-outline:before {
  content: "\e936"; }

.icon-conversation:before {
  content: "\e937"; }

.icon-stats:before {
  content: "\e938"; }

.icon-stats2:before {
  content: "\e939"; }

.icon-loop-alt4:before {
  content: "\e93a"; }

.icon-image:before {
  content: "\e93b"; }

.icon-library2:before {
  content: "\e93c"; }

.icon-file-text:before {
  content: "\e93d"; }

.icon-profile2:before {
  content: "\e93e"; }

.icon-file-empty:before {
  content: "\e93f"; }

.icon-files-empty:before {
  content: "\e940"; }

.icon-file-text2:before {
  content: "\e941"; }

.icon-file-picture:before {
  content: "\e942"; }

.icon-clone:before {
  content: "\e943"; }

.icon-file-archive-o:before {
  content: "\e944"; }

.icon-file-zip:before {
  content: "\e945"; }

.icon-copy:before {
  content: "\e946"; }

.icon-paste:before {
  content: "\e947"; }

.icon-arrows-h:before {
  content: "\e948"; }

.icon-television:before {
  content: "\e949"; }

.icon-file-pdf-o:before {
  content: "\e94a"; }

.icon-file-excel-o:before {
  content: "\e94b"; }

.icon-data-viewer:before {
  content: "\e94c"; }

.icon-mail1:before {
  content: "\e94d"; }

.icon-history:before {
  content: "\e94e"; }

.icon-users:before {
  content: "\e94f"; }

.icon-icon-import:before {
  content: "\e950"; }

.icon-alarm:before {
  content: "\e951"; }

.icon-in-alt:before {
  content: "\e952"; }

.icon-stopwatch:before {
  content: "\e953"; }

.icon-calendar:before {
  content: "\e954"; }

.icon-file-plus:before {
  content: "\e955"; }

.icon-menu1:before {
  content: "\e956"; }

.icon-display:before {
  content: "\e957"; }

.icon-menu:before {
  content: "\e958"; }

.icon-download2:before {
  content: "\e960"; }

.icon-upload:before {
  content: "\e961"; }

.icon-download22:before {
  content: "\e962"; }

.icon-upload3:before {
  content: "\e963"; }

.icon-enlarge2:before {
  content: "\e98b"; }

.icon-shrink2:before {
  content: "\e98c"; }

.icon-cog:before {
  content: "\e994"; }

.icon-pie-chart:before {
  content: "\e99a"; }

.icon-clipboard:before {
  content: "\e9b8"; }

.icon-menu3:before {
  content: "\e9bf"; }

.icon-menu4:before {
  content: "\e9c0"; }

.icon-flag:before {
  content: "\e9cc"; }

.icon-eye2:before {
  content: "\e9ce"; }

.icon-warning:before {
  content: "\ea07"; }

.icon-notification2:before {
  content: "\ea08"; }

.icon-cancel-circle:before {
  content: "\ea0d"; }

.icon-loop2:before {
  content: "\ea2d"; }

.icon-crop2:before {
  content: "\ea57"; }

.icon-pagebreak:before {
  content: "\ea6e"; }

.icon-file-pdf:before {
  content: "\eadf"; }

.icon-file-word:before {
  content: "\eae1"; }

.icon-file-excel:before {
  content: "\eae2"; }

.tabs-auto {
  width: auto;
  float: left; }

.tab-content {
  padding: 10px;
  background: #fff;
  font-size: 14px; }

.nav-link {
  padding: 0.1rem .5rem;
  border-radius: 0 !important;
  font-size: 14px;
  color: #868e96; }
  .nav-link .tab-close {
    font-size: 11px;
    color: #868e96;
    padding: 5px 0 0 5px;
    float: right; }

.pagnation-tabs li {
  border: 1px solid #ced4da; }
  .pagnation-tabs li > a {
    font-size: 11px;
    padding: 3px 4px 0 !important;
    background: #f8f9fa;
    color: #868e96; }
    .pagnation-tabs li > a i {
      line-height: 18px;
      color: #868e96; }
  .pagnation-tabs li .dropdown-menu a {
    font-size: 14px; }

.nav-page-tabs .nav-link {
  padding: 2px 8px;
  color: #868e96;
  display: inline-block; }
  .nav-page-tabs .nav-link.active {
    background: #fff;
    color: #343a40; }
  .nav-page-tabs .nav-link:hover, .nav-page-tabs .nav-link:focus {
    border-bottom-color: #fff;
    background: #fff; }
.nav-page-tabs .movable-pagetabs {
  position: relative; }

.submission-treeview {
  width: 100%;
  height: calc(100vh - 116px);
  overflow-x: hidden !important;
  padding-left: 12px; }
  .submission-treeview * {
    font-size: 13px !important; }
  .submission-treeview ul .k-item .k-in {
    margin-left: 0;
    padding-left: 0;
    padding: 0;
    line-height: 23px;
    padding-right: 6px; }
    .submission-treeview ul .k-item .k-in .node-text {
      white-space: pre-line;
      display: inline-block; }
    .submission-treeview ul .k-item .k-in .k-sprite {
      position: relative;
      top: 2px; }
    .submission-treeview ul .k-item .k-in.k-state-hover {
      background: #fff !important;
      border: 1px solid #10B5E8; }
    .submission-treeview ul .k-item .k-in.k-state-selected {
      background: #2367AB;
      color: #fff; }
      .submission-treeview ul .k-item .k-in.k-state-selected .k-sprite {
        filter: brightness(10); }
        .submission-treeview ul .k-item .k-in.k-state-selected .k-sprite.folder {
          filter: brightness(1); }
  .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite {
    background-image: url("../../../Images/submit-sprite.png") !important;
    width: 18px;
    height: 18px; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite:before {
      font-family: "submitpro-icons" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-image: none !important;
      font-size: 16px;
      background-image: none !important;
      color: #ffbf29; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.crfs {
      background: url(../../../Svg/crfs-file.svg) no-repeat !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.siteid {
      background: url(../../../Svg/siteid-file.svg) no-repeat !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.siteid.filled {
        background: url(../../../Svg/siteid-file-filled.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.rootfolder {
      background-image: none !important;
      background-position: 0px -22px !important;
      width: 18px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.rootfolder:before {
        content: "\e023"; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.study.icon-lock {
      width: 40px;
      background-repeat: no-repeat !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.study.icon-lock:before {
        margin-left: 18px;
        line-height: 23px !important;
        color: #ff7171; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.study.new.icon-lock {
      width: 40px;
      background-repeat: no-repeat !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.study.new.icon-lock:before {
        margin-left: 18px;
        line-height: 23px !important;
        color: #ff7171; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.study.filled.icon-lock {
      width: 40px !important;
      background-repeat: no-repeat !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.study.filled.icon-lock:before {
        margin-left: 18px;
        line-height: 23px !important;
        color: #ff7171; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.folder, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.filledFolder {
      background-image: none !important;
      background-position: 0px -22px !important;
      width: 18px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.folder:before, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.filledFolder:before {
        content: "\e023"; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.filledFolder:before {
      color: #10B5E8; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.unknown-file {
      background-image: none !important;
      margin-left: 5px !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.unknown-file:before {
        content: "\75";
        color: #212529; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfolder, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfilledfolder {
      background-image: none !important;
      background-position: 0px -22px !important;
      width: 18px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfolder:before, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfilledfolder:before {
        content: "\e022";
        font-size: 17px; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfilledfolder:before {
      color: #10B5E8; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfolder.icon-lock, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfilledfolder.icon-lock {
      width: 34px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfolder.icon-lock:after, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfilledfolder.icon-lock:after {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none !important;
        font-size: 16px;
        background-image: none !important;
        content: "";
        color: #ff7171; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfolder.icon-unlock-alt, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfilledfolder.icon-unlock-alt {
      width: 34px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfolder.icon-unlock-alt:after, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.virtualfilledfolder.icon-unlock-alt:after {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none !important;
        font-size: 16px;
        background-image: none !important;
        content: "";
        color: #ff7171; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.rootfolder.icon-lock, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.folder.icon-lock, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.filledFolder.icon-lock {
      width: 34px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.rootfolder.icon-lock:after, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.folder.icon-lock:after, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.filledFolder.icon-lock:after {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none !important;
        font-size: 16px;
        background-image: none !important;
        content: "";
        color: #ff7171; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.rootfolder.icon-unlock-alt, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.folder.icon-unlock-alt, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.filledFolder.icon-unlock-alt {
      width: 34px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.rootfolder.icon-unlock-alt:after, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.folder.icon-unlock-alt:after, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.filledFolder.icon-unlock-alt:after {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none !important;
        font-size: 16px;
        background-image: none !important;
        content: "";
        color: #ff7171; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.stf {
      background: url(../../../Svg/stf-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.stf.new {
        background: url(../../../Svg/stf-add.svg) !important;
        top: -2px !important;
        width: 22px;
        height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.stf.icon-lock {
        width: 36px;
        background-repeat: no-repeat !important; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.stffilled {
      background: url(../../../Svg/stf-file-filled.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.stffilled.new {
        background: url(../../../Svg/stf-append-filled.svg) !important;
        top: -2px !important;
        width: 22px;
        height: 22px; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.study {
      background: url(../../../Svg/study-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.study.filled {
        background: url(../../../Svg/study-file-filled.svg) !important;
        top: -2px !important;
        width: 22px;
        height: 22px; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.node {
      background: url(../../../Svg/node-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.node.filled {
        background: url(../../../Svg/node-file-filled.svg) !important;
        top: -2px !important;
        width: 22px;
        height: 22px; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.pdf {
      background: url(../../../Svg/pdf-file.svg) no-repeat !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.pdf.replace {
        background: url(../../../Svg/pdf-replace.svg) no-repeat !important;
        top: -2px !important;
        width: 22px;
        height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.pdf.append {
        background: url(../../../Svg/pdf-append.svg) no-repeat !important;
        top: -2px !important;
        width: 22px;
        height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.pdf.delete {
        background: url(../../../Svg/pdf-delete.svg) no-repeat !important;
        top: -2px !important;
        width: 22px;
        height: 22px; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image-file {
      background: url(../../../Svg/image-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image.new, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image-file.new {
        background: url(../../../Svg/image-add.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image.append, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image-file.append {
        background: url(../../../Svg/image-append.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image.replace, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image-file.replace {
        background: url(../../../Svg/image-replace.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image.delete, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image-file.delete {
        background: url(../../../Svg/image-delete.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image.crossreference, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.image-file.crossreference {
        background: url(../../../Svg/image-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.video-file {
      background: url(../../../Svg/video-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.video-file.new {
        background: url(../../../Svg/video-add.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.video-file.append {
        background: url(../../../Svg/video-append.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.video-file.replace {
        background: url(../../../Svg/video-replace.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.video-file.delete {
        background: url(../../../Svg/video-delete.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.video-file.crossreference {
        background: url(../../../Svg/video-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.audio-file {
      background: url(../../../Svg/audio-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.audio-file.new {
        background: url(../../../Svg/audio-add.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.audio-file.append {
        background: url(../../../Svg/audio-append.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.audio-file.replace {
        background: url(../../../Svg/audio-replace.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.audio-file.delete {
        background: url(../../../Svg/audio-delete.svg) !important; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.audio-file.crossreference {
        background: url(../../../Svg/audio-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file {
      background: url(../../../Svg/default-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file.new, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file.append, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file.replace, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file.delete, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file.crossreference {
        background: url(../../../Svg/default-file.svg) !important; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.titles-view {
      top: -2px !important;
      width: 22px;
      height: 22px;
      background: url(../../../Svg/title-file.svg) !important; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.node-file {
      top: -2px !important;
      width: 22px;
      height: 22px;
      background: url(../../../Svg/node-file.svg) !important; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.node-file-filled {
      top: -2px !important;
      width: 22px;
      height: 22px;
      background: url(../../../Svg/node-file-filled.svg) !important; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.node-file-locked {
      top: -2px !important;
      width: 22px;
      height: 22px;
      background: url(../../../Svg/node-file-locked.svg) !important; }
    .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file {
      background: url(../../../Svg/default-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file.new, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file.append, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file.replace, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file.delete, .submission-treeview .k-icon.k-i-collapse + .k-in .k-sprite.default-file.crossreference {
        background: url(../../../Svg/default-file.svg) !important; }
  .submission-treeview .k-icon {
    position: relative;
    left: -13px;
    margin-right: -11px !important; }
  .submission-treeview .k-sprite {
    background-image: url("../../../Images/submit-sprite.png") !important;
    width: 18px;
    height: 18px; }
    .submission-treeview .k-sprite:before {
      font-family: "submitpro-icons" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background-image: none !important;
      font-size: 16px;
      background-image: none !important;
      color: #ffbf29; }
    .submission-treeview .k-sprite.rootfolder {
      background-image: none !important;
      background-position: 0 0 !important;
      width: 18px; }
      .submission-treeview .k-sprite.rootfolder:before {
        content: "\e024"; }
    .submission-treeview .k-sprite.folder, .submission-treeview .k-sprite.filledFolder {
      background-image: none !important;
      background-position: 0 0 !important;
      width: 18px; }
      .submission-treeview .k-sprite.folder:before, .submission-treeview .k-sprite.filledFolder:before {
        content: "\e024"; }
    .submission-treeview .k-sprite.filledFolder:before {
      color: #10B5E8; }
    .submission-treeview .k-sprite.study.icon-lock {
      width: 40px !important;
      background-repeat: no-repeat !important; }
      .submission-treeview .k-sprite.study.icon-lock:before {
        margin-left: 18px;
        line-height: 23px !important;
        color: #ff7171; }
    .submission-treeview .k-sprite.study.new.icon-lock {
      width: 40px;
      background-repeat: no-repeat !important; }
      .submission-treeview .k-sprite.study.new.icon-lock:before {
        margin-left: 18px;
        line-height: 23px !important;
        color: #ff7171; }
    .submission-treeview .k-sprite.study.filled.icon-lock {
      width: 40px !important;
      background-repeat: no-repeat !important; }
      .submission-treeview .k-sprite.study.filled.icon-lock:before {
        margin-left: 18px;
        line-height: 23px !important;
        color: #ff7171; }
    .submission-treeview .k-sprite.study {
      background: url(../../../Svg//study-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.study.filled {
        background: url(../../../Svg/study-file-filled.svg) !important;
        top: -2px !important;
        width: 22px;
        height: 22px; }
    .submission-treeview .k-sprite.unknown-file {
      background-image: none !important;
      margin-left: 5px !important; }
      .submission-treeview .k-sprite.unknown-file:before {
        content: "\75";
        color: #212529; }
    .submission-treeview .k-sprite.virtualfolder, .submission-treeview .k-sprite.virtualfilledfolder {
      background-image: none !important;
      background-position: 0px -22px !important;
      width: 18px; }
      .submission-treeview .k-sprite.virtualfolder:before, .submission-treeview .k-sprite.virtualfilledfolder:before {
        content: "\e021";
        font-size: 17px; }
    .submission-treeview .k-sprite.virtualfilledfolder:before {
      color: #10B5E8; }
    .submission-treeview .k-sprite.virtualfolder.icon-lock, .submission-treeview .k-sprite.virtualfilledfolder.icon-lock {
      width: 34px; }
      .submission-treeview .k-sprite.virtualfolder.icon-lock:after, .submission-treeview .k-sprite.virtualfilledfolder.icon-lock:after {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none !important;
        font-size: 16px;
        background-image: none !important;
        content: "";
        color: #ff7171; }
    .submission-treeview .k-sprite.virtualfolder.icon-unlock-alt, .submission-treeview .k-sprite.virtualfilledfolder.icon-unlock-alt {
      width: 34px; }
      .submission-treeview .k-sprite.virtualfolder.icon-unlock-alt:after, .submission-treeview .k-sprite.virtualfilledfolder.icon-unlock-alt:after {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none !important;
        font-size: 16px;
        background-image: none !important;
        content: "";
        color: #ff7171; }
    .submission-treeview .k-sprite.rootfolder.icon-lock, .submission-treeview .k-sprite.folder.icon-lock, .submission-treeview .k-sprite.filledFolder.icon-lock {
      width: 34px; }
      .submission-treeview .k-sprite.rootfolder.icon-lock:after, .submission-treeview .k-sprite.folder.icon-lock:after, .submission-treeview .k-sprite.filledFolder.icon-lock:after {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none !important;
        font-size: 16px;
        background-image: none !important;
        content: "";
        color: #ff7171; }
    .submission-treeview .k-sprite.rootfolder.icon-unlock-alt, .submission-treeview .k-sprite.folder.icon-unlock-alt, .submission-treeview .k-sprite.filledFolder.icon-unlock-alt {
      width: 34px; }
      .submission-treeview .k-sprite.rootfolder.icon-unlock-alt:after, .submission-treeview .k-sprite.folder.icon-unlock-alt:after, .submission-treeview .k-sprite.filledFolder.icon-unlock-alt:after {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none !important;
        font-size: 16px;
        background-image: none !important;
        content: "";
        color: #ff7171; }
    .submission-treeview .k-sprite.text {
      background: url(../../../Svg/text-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.text.new {
        background: url(../../../Svg/text-add.svg) !important; }
      .submission-treeview .k-sprite.text.append {
        background: url(../../../Svg/text-append.svg) !important; }
      .submission-treeview .k-sprite.text.replace {
        background: url(../../../Svg/text-replace.svg) !important; }
      .submission-treeview .k-sprite.text.delete {
        background: url(../../../Svg/text-delete.svg) !important; }
    .submission-treeview .k-sprite.placeholder {
      top: -2px !important;
      width: 22px;
      height: 22px;
      background: url(../../../Svg/placeholder-file.svg) !important; }
      .submission-treeview .k-sprite.placeholder.new {
        background: url(../../../Svg/placeholder-add.svg) !important; }
      .submission-treeview .k-sprite.placeholder.append {
        background: url(../../../Svg/placeholder-append.svg) !important; }
      .submission-treeview .k-sprite.placeholder.replace {
        background: url(../../../Svg/placeholder-replace.svg) !important; }
      .submission-treeview .k-sprite.placeholder.delete {
        background: url(../../../Svg/placeholder-delete.svg) !important; }
    .submission-treeview .k-sprite.titles-view {
      top: -2px !important;
      width: 22px;
      height: 22px;
      background: url(../../../Svg/title-file.svg) !important; }
    .submission-treeview .k-sprite.node-file {
      top: -2px !important;
      width: 22px;
      height: 22px;
      background: url(../../../Svg/node-file.svg) !important; }
    .submission-treeview .k-sprite.node-file-filled {
      top: -2px !important;
      width: 22px;
      height: 22px;
      background: url(../../../Svg/node-file-filled.svg) !important; }
    .submission-treeview .k-sprite.node-file-locked {
      top: -2px !important;
      width: 22px;
      height: 22px;
      background: url(../../../Svg/node-file-locked.svg) !important; }
    .submission-treeview .k-sprite.placeholder {
      top: -2px !important;
      width: 22px;
      height: 22px;
      background: url(../../../Svg/placeholder-file.svg) !important; }
      .submission-treeview .k-sprite.placeholder.new {
        background: url(../../../Svg/placeholder-add.svg) !important; }
      .submission-treeview .k-sprite.placeholder.append {
        background: url(../../../Svg/placeholder-append.svg) !important; }
      .submission-treeview .k-sprite.placeholder.replace {
        background: url(../../../Svg/placeholder-replace.svg) !important; }
      .submission-treeview .k-sprite.placeholder.delete {
        background: url(../../../Svg/placeholder-delete.svg) !important; }
    .submission-treeview .k-sprite.pdf {
      background: url(../../../Svg/pdf-file.svg) no-repeat !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.pdf.new {
        background: url(../../../Svg/pdf-add.svg) no-repeat !important;
        top: -2px !important; }
      .submission-treeview .k-sprite.pdf.append {
        background: url(../../../Svg/pdf-append.svg) no-repeat !important;
        top: -2px !important; }
      .submission-treeview .k-sprite.pdf.replace {
        background: url(../../../Svg/pdf-replace.svg) no-repeat !important;
        top: -2px !important; }
      .submission-treeview .k-sprite.pdf.delete {
        background: url(../../../Svg/pdf-delete.svg) no-repeat !important;
        top: -2px !important; }
      .submission-treeview .k-sprite.pdf.crossreference {
        background: url(../../../Svg/pdf-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.siteid {
      background: url(../../../Svg/siteid-file.svg) no-repeat !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.siteid.filled {
        background: url(../../../Svg/siteid-file-filled.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.word {
      background: url(../../../Svg/word-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.word.new {
        background: url(../../../Svg/word-add.svg) !important; }
      .submission-treeview .k-sprite.word.append {
        background: url(../../../Svg/word-append.svg) !important; }
      .submission-treeview .k-sprite.word.replace {
        background: url(../../../Svg/word-replace.svg) !important; }
      .submission-treeview .k-sprite.word.delete {
        background: url(../../../Svg/word-delete.svg) !important; }
      .submission-treeview .k-sprite.word.crossreference {
        background: url(../../../Svg/word-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.excel {
      background: url(../../../Svg/excel-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.excel.new {
        background: url(../../../Svg/excel-add.svg) !important; }
      .submission-treeview .k-sprite.excel.append {
        background: url(../../../Svg/excel-append.svg) !important; }
      .submission-treeview .k-sprite.excel.replace {
        background: url(../../../Svg/excel-replace.svg) !important; }
      .submission-treeview .k-sprite.excel.delete {
        background: url(../../../Svg/excel-delete.svg) !important; }
      .submission-treeview .k-sprite.excel.crossreference {
        background: url(../../../Svg/excel-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.html {
      background: url(../../../Svg/html-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.html.new {
        background: url(../../../Svg/html-add.svg) !important; }
      .submission-treeview .k-sprite.html.append {
        background: url(../../../Svg/html-append.svg) !important; }
      .submission-treeview .k-sprite.html.replace {
        background: url(../../../Svg/html-replace.svg) !important; }
      .submission-treeview .k-sprite.html.delete {
        background: url(../../../Svg/html-delete.svg) !important; }
      .submission-treeview .k-sprite.html.crossreference {
        background: url(../../../Svg/html-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.xml {
      /*background-position: -90px -2px $imp;
          top: -2px !important;
          width: 20px;
          height: 20px;*/
      background: url(../../../Svg/xml-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.xml.new {
        background: url(../../../Svg/xml-add.svg) !important; }
      .submission-treeview .k-sprite.xml.append {
        background: url(../../../Svg/xml-append.svg) !important; }
      .submission-treeview .k-sprite.xml.replace {
        background: url(../../../Svg/xml-replace.svg) !important; }
      .submission-treeview .k-sprite.xml.delete {
        background: url(../../../Svg/xml-delete.svg) !important; }
      .submission-treeview .k-sprite.xml.crossreference {
        background: url(../../../Svg/xml-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.stf {
      background: url(../../../Svg/stf-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.stf.new {
        background: url(../../../Svg/stf-add.svg) !important; }
      .submission-treeview .k-sprite.stf.append {
        background: url(../../../Svg/stf-append.svg) !important; }
      .submission-treeview .k-sprite.stf.replace {
        background: url(../../../Svg/stf-replace.svg) !important; }
      .submission-treeview .k-sprite.stf.delete {
        background: url(../../../Svg/stf-delete.svg) !important; }
      .submission-treeview .k-sprite.stf.crossreference {
        background: url(../../../Svg/stf-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.stffilled {
      background: url(../../../Svg/stf-file-filled.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.stffilled.new {
        background: url(../../../Svg/stf-append-filled.svg) !important; }
    .submission-treeview .k-sprite.study {
      background: url(../../../Svg/study-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.study.new {
        background: url(../../../Svg/study-file-filled.svg) !important; }
    .submission-treeview .k-sprite.image, .submission-treeview .k-sprite.image-file {
      background: url(../../../Svg/image-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.image.new, .submission-treeview .k-sprite.image-file.new {
        background: url(../../../Svg/image-add.svg) !important; }
      .submission-treeview .k-sprite.image.append, .submission-treeview .k-sprite.image-file.append {
        background: url(../../../Svg/image-append.svg) !important; }
      .submission-treeview .k-sprite.image.replace, .submission-treeview .k-sprite.image-file.replace {
        background: url(../../../Svg/image-replace.svg) !important; }
      .submission-treeview .k-sprite.image.delete, .submission-treeview .k-sprite.image-file.delete {
        background: url(../../../Svg/image-delete.svg) !important; }
      .submission-treeview .k-sprite.image.crossreference, .submission-treeview .k-sprite.image-file.crossreference {
        background: url(../../../Svg/image-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.video-file {
      background: url(../../../Svg/video-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.video-file.new {
        background: url(../../../Svg/video-add.svg) !important; }
      .submission-treeview .k-sprite.video-file.append {
        background: url(../../../Svg/video-append.svg) !important; }
      .submission-treeview .k-sprite.video-file.replace {
        background: url(../../../Svg/video-replace.svg) !important; }
      .submission-treeview .k-sprite.video-file.delete {
        background: url(../../../Svg/video-delete.svg) !important; }
      .submission-treeview .k-sprite.video-file.crossreference {
        background: url(../../../Svg/video-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.audio-file {
      background: url(../../../Svg/audio-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.audio-file.new {
        background: url(../../../Svg/audio-add.svg) !important; }
      .submission-treeview .k-sprite.audio-file.append {
        background: url(../../../Svg/audio-append.svg) !important; }
      .submission-treeview .k-sprite.audio-file.replace {
        background: url(../../../Svg/audio-replace.svg) !important; }
      .submission-treeview .k-sprite.audio-file.delete {
        background: url(../../../Svg/audio-delete.svg) !important; }
      .submission-treeview .k-sprite.audio-file.crossreference {
        background: url(../../../Svg/audio-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.default-file {
      background: url(../../../Svg/default-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.default-file.new, .submission-treeview .k-sprite.default-file.append, .submission-treeview .k-sprite.default-file.replace, .submission-treeview .k-sprite.default-file.delete, .submission-treeview .k-sprite.default-file.crossreference {
        background: url(../../../Svg/default-file.svg) !important; }
    .submission-treeview .k-sprite.ppt {
      background: url(../../../Svg/ppt-file.svg) !important;
      top: -2px !important;
      width: 22px;
      height: 22px; }
      .submission-treeview .k-sprite.ppt.new {
        background: url(../../../Svg/ppt-add.svg) !important; }
      .submission-treeview .k-sprite.ppt.append {
        background: url(../../../Svg/ppt-append.svg) !important; }
      .submission-treeview .k-sprite.ppt.replace {
        background: url(../../../Svg/ppt-replace.svg) !important; }
      .submission-treeview .k-sprite.ppt.delete {
        background: url(../../../Svg/ppt-delete.svg) !important; }
      .submission-treeview .k-sprite.ppt.crossreference {
        background: url(../../../Svg/ppt-crosslink.svg) no-repeat !important;
        top: -2px !important; }
    .submission-treeview .k-sprite.text.icon-lock, .submission-treeview .k-sprite.placeholder.icon-lock, .submission-treeview .k-sprite .titles-view.icon-lock, .submission-treeview .k-sprite.pdf.icon-lock, .submission-treeview .k-sprite.word.icon-lock, .submission-treeview .k-sprite.excel.icon-lock, .submission-treeview .k-sprite.html.icon-lock, .submission-treeview .k-sprite.xml.icon-lock, .submission-treeview .k-sprite.stf.icon-lock, .submission-treeview .k-sprite.image.icon-lock, .submission-treeview .k-sprite.ppt.icon-lock, .submission-treeview .k-sprite.video-file.icon-lock, .submission-treeview .k-sprite.audio-file.icon-lock, .submission-treeview .k-sprite.default-file.icon-lock {
      width: 34px;
      background-repeat: no-repeat !important; }
      .submission-treeview .k-sprite.text.icon-lock:after, .submission-treeview .k-sprite.placeholder.icon-lock:after, .submission-treeview .k-sprite .titles-view.icon-lock:after, .submission-treeview .k-sprite.pdf.icon-lock:after, .submission-treeview .k-sprite.word.icon-lock:after, .submission-treeview .k-sprite.excel.icon-lock:after, .submission-treeview .k-sprite.html.icon-lock:after, .submission-treeview .k-sprite.xml.icon-lock:after, .submission-treeview .k-sprite.stf.icon-lock:after, .submission-treeview .k-sprite.image.icon-lock:after, .submission-treeview .k-sprite.ppt.icon-lock:after, .submission-treeview .k-sprite.video-file.icon-lock:after, .submission-treeview .k-sprite.audio-file.icon-lock:after, .submission-treeview .k-sprite.default-file.icon-lock:after {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none !important;
        font-size: 16px;
        background-image: none !important;
        content: "";
        color: #ff7171;
        left: 10px;
        position: relative;
        top: 4px; }
      .submission-treeview .k-sprite.text.icon-lock:before, .submission-treeview .k-sprite.placeholder.icon-lock:before, .submission-treeview .k-sprite .titles-view.icon-lock:before, .submission-treeview .k-sprite.pdf.icon-lock:before, .submission-treeview .k-sprite.word.icon-lock:before, .submission-treeview .k-sprite.excel.icon-lock:before, .submission-treeview .k-sprite.html.icon-lock:before, .submission-treeview .k-sprite.xml.icon-lock:before, .submission-treeview .k-sprite.stf.icon-lock:before, .submission-treeview .k-sprite.image.icon-lock:before, .submission-treeview .k-sprite.ppt.icon-lock:before, .submission-treeview .k-sprite.video-file.icon-lock:before, .submission-treeview .k-sprite.audio-file.icon-lock:before, .submission-treeview .k-sprite.default-file.icon-lock:before {
        display: none; }
    .submission-treeview .k-sprite.text.icon-unlock-alt, .submission-treeview .k-sprite.placeholder.icon-unlock-alt, .submission-treeview .k-sprite .titles-view.icon-unlock-alt, .submission-treeview .k-sprite.pdf.icon-unlock-alt, .submission-treeview .k-sprite.word.icon-unlock-alt, .submission-treeview .k-sprite.excel.icon-unlock-alt, .submission-treeview .k-sprite.html.icon-unlock-alt, .submission-treeview .k-sprite.xml.icon-unlock-alt, .submission-treeview .k-sprite.stf.icon-unlock-alt, .submission-treeview .k-sprite.image.icon-unlock-alt, .submission-treeview .k-sprite.ppt.icon-unlock-alt, .submission-treeview .k-sprite.video-file.icon-unlock-alt, .submission-treeview .k-sprite.audio-file.icon-unlock-alt, .submission-treeview .k-sprite.default-file.icon-unlock-alt {
      width: 34px; }
      .submission-treeview .k-sprite.text.icon-unlock-alt:after, .submission-treeview .k-sprite.placeholder.icon-unlock-alt:after, .submission-treeview .k-sprite .titles-view.icon-unlock-alt:after, .submission-treeview .k-sprite.pdf.icon-unlock-alt:after, .submission-treeview .k-sprite.word.icon-unlock-alt:after, .submission-treeview .k-sprite.excel.icon-unlock-alt:after, .submission-treeview .k-sprite.html.icon-unlock-alt:after, .submission-treeview .k-sprite.xml.icon-unlock-alt:after, .submission-treeview .k-sprite.stf.icon-unlock-alt:after, .submission-treeview .k-sprite.image.icon-unlock-alt:after, .submission-treeview .k-sprite.ppt.icon-unlock-alt:after, .submission-treeview .k-sprite.video-file.icon-unlock-alt:after, .submission-treeview .k-sprite.audio-file.icon-unlock-alt:after, .submission-treeview .k-sprite.default-file.icon-unlock-alt:after {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: none !important;
        font-size: 16px;
        background-image: none !important;
        content: "";
        color: #ff7171; }
      .submission-treeview .k-sprite.text.icon-unlock-alt:before, .submission-treeview .k-sprite.placeholder.icon-unlock-alt:before, .submission-treeview .k-sprite .titles-view.icon-unlock-alt:before, .submission-treeview .k-sprite.pdf.icon-unlock-alt:before, .submission-treeview .k-sprite.word.icon-unlock-alt:before, .submission-treeview .k-sprite.excel.icon-unlock-alt:before, .submission-treeview .k-sprite.html.icon-unlock-alt:before, .submission-treeview .k-sprite.xml.icon-unlock-alt:before, .submission-treeview .k-sprite.stf.icon-unlock-alt:before, .submission-treeview .k-sprite.image.icon-unlock-alt:before, .submission-treeview .k-sprite.ppt.icon-unlock-alt:before, .submission-treeview .k-sprite.video-file.icon-unlock-alt:before, .submission-treeview .k-sprite.audio-file.icon-unlock-alt:before, .submission-treeview .k-sprite.default-file.icon-unlock-alt:before {
        display: none; }
  .submission-treeview.regview-treeview {
    float: left;
    padding: 0;
    margin: 5px 0 0 -5px; }
    .submission-treeview.regview-treeview .k-icon.k-i-collapse + .k-in .k-sprite {
      background: none !important; }
    .submission-treeview.regview-treeview .k-icon.k-i-expand + .k-in .k-sprite {
      background: none !important; }
    .submission-treeview.regview-treeview .k-sprite {
      background: none !important;
      width: 22px !important;
      height: 22px !important;
      /*&.rgv_App, &.rgv_subtype, &.rgv_seq{
           &:before{
                color:$blue $imp;
           }
       }*/ }
      .submission-treeview.regview-treeview .k-sprite:before {
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative; }
      .submission-treeview.regview-treeview .k-sprite.rgv_App:before {
        content: "\e054";
        color: #495057 !important;
        font-size: 20px !important;
        top: -2px; }
      .submission-treeview.regview-treeview .k-sprite.rgv_subtype:before {
        content: "\47";
        color: #495057 !important;
        font-size: 16px !important;
        top: 0; }
      .submission-treeview.regview-treeview .k-sprite.rgv_seq:before {
        content: "\e04a";
        color: #495057 !important;
        font-size: 16px !important;
        top: 0; }
  .submission-treeview.import-treeview {
    height: calc(100vh - 155px); }

.dms-treelist ul li {
  padding: 0 !important; }
  .dms-treelist ul li > div > .k-in {
    margin: 2px 0;
    padding: 6px 0px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    width: 99%; }
    .dms-treelist ul li > div > .k-in .k-sprite {
      background-image: url("../../../Images/submit-sprite-14.png") !important;
      width: 22px;
      height: 18px; }
      .dms-treelist ul li > div > .k-in .k-sprite.rootfolder {
        background-position: 0 0 !important;
        width: 22px; }
      .dms-treelist ul li > div > .k-in .k-sprite.folder {
        background-position: 0 0 !important;
        width: 22px; }
      .dms-treelist ul li > div > .k-in .k-sprite.text {
        background-position: -18px -2px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.text.new {
          background-position: -18px -21px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.text.append {
          background-position: -18px -42px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.text.replace {
          background-position: -18px -62px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.text.delete {
          background-position: -18px -82px !important; }
      .dms-treelist ul li > div > .k-in .k-sprite.pdf {
        background-position: -35px -2px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.pdf.new {
          background-position: -35px -21px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.pdf.append {
          background-position: -35px -42px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.pdf.replace {
          background-position: -35px -62px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.pdf.delete {
          background-position: -35px -82px !important; }
      .dms-treelist ul li > div > .k-in .k-sprite.word {
        background-position: -54px -2px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.word.new {
          background-position: -54px -21px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.word.append {
          background-position: -54px -42px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.word.replace {
          background-position: -54px -62px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.word.delete {
          background-position: -54px -82px !important; }
      .dms-treelist ul li > div > .k-in .k-sprite.html {
        background-position: -71px -2px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.html.new {
          background-position: -71px -21px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.html.append {
          background-position: -71px -42px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.html.replace {
          background-position: -71px -62px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.html.delete {
          background-position: -71px -82px !important; }
      .dms-treelist ul li > div > .k-in .k-sprite.xml {
        background-position: -90px -2px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.xml.new {
          background-position: -90px -21px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.xml.append {
          background-position: -90px -42px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.xml.replace {
          background-position: -90px -62px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.xml.delete {
          background-position: -90px -82px !important; }
      .dms-treelist ul li > div > .k-in .k-sprite.stf {
        background-position: -108px -2px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.stf.new {
          background-position: -108px -21px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.stf.append {
          background-position: -108px -42px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.stf.replace {
          background-position: -108px -62px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.stf.delete {
          background-position: -108px -82px !important; }
      .dms-treelist ul li > div > .k-in .k-sprite.image, .dms-treelist ul li > div > .k-in .k-sprite.image-file, .dms-treelist ul li > div > .k-in .k-sprite.video-file, .dms-treelist ul li > div > .k-in .k-sprite.audio-file, .dms-treelist ul li > div > .k-in .k-sprite.default-file {
        background-position: -126px -2px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.image.new, .dms-treelist ul li > div > .k-in .k-sprite.image-file.new, .dms-treelist ul li > div > .k-in .k-sprite.video-file.new, .dms-treelist ul li > div > .k-in .k-sprite.audio-file.new, .dms-treelist ul li > div > .k-in .k-sprite.default-file.new {
          background-position: -126px -21px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.image.append, .dms-treelist ul li > div > .k-in .k-sprite.image-file.append, .dms-treelist ul li > div > .k-in .k-sprite.video-file.append, .dms-treelist ul li > div > .k-in .k-sprite.audio-file.append, .dms-treelist ul li > div > .k-in .k-sprite.default-file.append {
          background-position: -126px -42px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.image.replace, .dms-treelist ul li > div > .k-in .k-sprite.image-file.replace, .dms-treelist ul li > div > .k-in .k-sprite.video-file.replace, .dms-treelist ul li > div > .k-in .k-sprite.audio-file.replace, .dms-treelist ul li > div > .k-in .k-sprite.default-file.replace {
          background-position: -126px -62px !important; }
        .dms-treelist ul li > div > .k-in .k-sprite.image.delete, .dms-treelist ul li > div > .k-in .k-sprite.image-file.delete, .dms-treelist ul li > div > .k-in .k-sprite.video-file.delete, .dms-treelist ul li > div > .k-in .k-sprite.audio-file.delete, .dms-treelist ul li > div > .k-in .k-sprite.default-file.delete {
          background-position: -126px -82px !important; }

.submission-treeview.k-treeview .k-top,
.submission-treeview.k-treeview .k-mid,
.submission-treeview.k-treeview .k-bot {
  background-image: url("../../../Images/treeview-nodes.png");
  background-repeat: no-repeat;
  margin-left: -16px;
  padding-left: 16px; }

.submission-treeview.k-treeview .k-item {
  background-image: url("../../../Images/treeview-line.png"); }

.submission-treeview.k-treeview .k-last {
  background-image: none; }

.submission-treeview.k-treeview .k-top {
  background-position: -91px 0; }

.submission-treeview.k-treeview .k-bot {
  background-position: -69px -22px; }

.submission-treeview.k-treeview .k-mid {
  background-position: -47px -44px; }

.submission-treeview.k-treeview .k-last .k-top {
  background-position: -25px -66px; }

.submission-treeview.k-treeview .k-group .k-last .k-bot {
  background-position: -69px -22px; }

.submission-treeview.k-treeview .k-item {
  background-repeat: no-repeat; }

/*.submission-treeview.k-treeview .k-first {
    background-repeat: no-repeat;
    background-position: 0 16px;
}*/
.submission-treeview.k-treeview.metadata-treeview .k-item {
  background-image: none;
  background-position: 0 0;
  padding: 0 0 0 2px; }
  .submission-treeview.k-treeview.metadata-treeview .k-item.k-first {
    background-repeat: no-repeat;
    background-position: -8px 16px;
    padding: 0 0 0 9px !important;
    margin-left: -2px;
    background-image: url(../../../Images/treeview-line.png); }
  .submission-treeview.k-treeview.metadata-treeview .k-item .k-in {
    margin-left: 4px;
    font-size: 13px !important;
    line-height: 26px !important;
    margin-top: -4px; }

.submission-treeview.k-treeview.metadata-treeview .k-group.k-treeview-lines > .k-item {
  background-repeat: no-repeat;
  background-position: -8px 16px;
  padding: 0 0 0 9px !important;
  margin-left: -2px;
  background-image: url(../../../Images/treeview-line.png); }
  .submission-treeview.k-treeview.metadata-treeview .k-group.k-treeview-lines > .k-item[aria-expanded="false"], .submission-treeview.k-treeview.metadata-treeview .k-group.k-treeview-lines > .k-item[aria-expanded="false"] * {
    background-image: none; }

.submission-treeview.k-treeview.metadata-treeview .k-last {
  background-image: none; }

.submission-treeview.k-treeview.metadata-treeview .k-top {
  background-position: -26px -63px; }

.submission-treeview.k-treeview.metadata-treeview .k-bot {
  background-position: -26px -63px; }

.submission-treeview.k-treeview.metadata-treeview .k-mid {
  background-position: -26px -63px; }

.submission-treeview.k-treeview.metadata-treeview .k-last .k-top {
  background-position: -26px -63px; }

.submission-treeview.k-treeview.metadata-treeview .k-group .k-last .k-bot {
  background-position: -26px -63px; }

.submission-treeview.k-treeview.metadata-treeview .k-group .k-group .k-item > .k-last, .submission-treeview.k-treeview.metadata-treeview .k-group .k-group .k-item > .k-top, .submission-treeview.k-treeview.metadata-treeview .k-group .k-group .k-item > .k-mid, .submission-treeview.k-treeview.metadata-treeview .k-group .k-group .k-item > .k-bot, .submission-treeview.k-treeview.metadata-treeview .k-group .k-group .k-item > .k-last .k-bot {
  padding-left: 35px; }

.submission-treeview.k-treeview > .k-group.k-treeview-lines > li > .k-top,
.submission-treeview.k-treeview > .k-group.k-treeview-lines > li > .k-bot {
  background: none; }

.submission-treeview.k-treeview .k-icon.k-i-expand {
  background: #fff;
  border: 1px solid #495057;
  border-radius: 0;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: -5px 2px 0 -1px; }

.submission-treeview.k-treeview .k-i-expand:before {
  font-size: 16px;
  content: '\e145';
  background: #fff;
  width: 8px;
  height: 8px;
  margin: -3px;
  padding: 0;
  color: #495057; }

.submission-treeview.k-treeview .k-icon.k-i-collapse {
  background: #fff;
  border: 1px solid #495057;
  border-radius: 0;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: -5px 2px 0 -1px; }

.submission-treeview.k-treeview .k-i-collapse:before {
  font-size: 16px;
  content: '\e146';
  background: #fff;
  width: 8px;
  height: 8px;
  margin: -3px;
  padding: 0;
  color: #495057; }

/*.submission-treeview.k-treeview > .k-group.k-treeview-lines > li.k-item {
    padding: 0 0 0 6px;
}*/
.submission-treeview.metadata-treeview {
  overflow: hidden;
  height: auto; }

.sequence-rightsidebar-floating {
  position: fixed !important;
  right: 0;
  width: 0;
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  transition: width 0.5s ease-in-out;
  -webkit-transition: width 0.5s ease-in-out;
  top: 0;
  /*z-index: 10000 !important;*/
  -webkit-box-shadow: -6px 3px 45px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -6px 3px 45px -10px rgba(0, 0, 0, 0.75);
  box-shadow: -6px 3px 45px -10px rgba(0, 0, 0, 0.75); }

.sequence-rightsidebar-floating .sequence-details-view {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  min-height: 100vh; }

.sequence-rightsidebar-floating.show {
  width: 480px;
  transition: width 0.5s ease-in-out;
  -webkit-transition: width 0.5s ease-in-out; }

.sequence-rightsidebar-floating.show .sequence-details-view {
  opacity: 1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.animate-if.ng-enter, .animate-if.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 5s; }

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity: 0; }

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity: 1; }

/* Scroll Style */
.slimscroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

.slimscroll::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5; }

.slimscroll::-webkit-scrollbar-thumb {
  background-color: #A9A9A9;
  border: 2px solid #A9A9A9; }

* {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important; }

.k-grid-content {
  overflow: auto !important; }

.kendo-custom-table {
  font-size: 13px; }
  .kendo-custom-table .k-grid-header {
    background: none;
    padding-right: 0 !important; }
    .kendo-custom-table .k-grid-header th.k-header {
      background: #f4f6f7;
      border: none;
      padding: 0.7em 1em !important;
      color: #212529;
      font-weight: 500; }
      .kendo-custom-table .k-grid-header th.k-header:nth-child(2) {
        border: none; }
      .kendo-custom-table .k-grid-header th.k-header .k-link {
        color: #212529;
        font-weight: 500; }
    .kendo-custom-table .k-grid-header .k-grid-header-wrap {
      border-color: #f4f6f7; }
  .kendo-custom-table thead.k-grid-header th {
    border-bottom: 1px solid #E0E0E0 !important; }
  .kendo-custom-table .k-grid-content {
    overflow: hidden; }
    .kendo-custom-table .k-grid-content tr > td {
      padding: 0.5em 1em !important;
      color: #212529;
      border-color: #f8f9fa; }
      .kendo-custom-table .k-grid-content tr > td:nth-child(2) {
        font-weight: 500;
        white-space: nowrap; }
        .kendo-custom-table .k-grid-content tr > td:nth-child(2) a {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 92%;
          line-height: 25px;
          color: #3385d6;
          font-weight: 400; }
    .kendo-custom-table .k-grid-content tr:hover {
      background: #d6e7f7; }
  .kendo-custom-table tbody td {
    border-width: 0 0 1px 0 !important; }
    .kendo-custom-table tbody td .grid-btn {
      font-size: 13px;
      text-transform: capitalize;
      font-weight: 400;
      padding: 2px 10px;
      color: #fff;
      border: none;
      box-shadow: none;
      min-width: 30px;
      border-radius: 2px;
   /* &.k-grid-cancel{
     &:before{
       content: "\e019";
        }
}*/ }
      .kendo-custom-table tbody td .grid-btn:before {
        content: "";
        position: relative;
        font-family: "submitpro-icons";
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        padding-right: 3px;
        margin-left: -3px; }
      .kendo-custom-table tbody td .grid-btn.grid-edit {
        background: #2367AB; }
      .kendo-custom-table tbody td .grid-btn.grid-edit:before {
        content: "\e029";
        font-size: 10px; }
      .kendo-custom-table tbody td .grid-btn.grid-link {
        background: #2367AB; }
      .kendo-custom-table tbody td .grid-btn.grid-link:before {
        content: "\e05b";
        font-size: 10px; }
      .kendo-custom-table tbody td .grid-btn.k-grid-Delete, .kendo-custom-table tbody td .grid-btn.k-grid-cancel {
        background: #fff;
        border: 1px solid #E0E0E0;
        color: #343a40; }
      .kendo-custom-table tbody td .grid-btn.k-grid-Delete:before {
        content: "\e019";
        position: relative;
        top: 2px; }
      .kendo-custom-table tbody td .grid-btn .k-icon {
        display: none; }
  .kendo-custom-table .k-grid-header + tbody {
    overflow: hidden; }
    .kendo-custom-table .k-grid-header + tbody tr > td {
      padding: 0.5em 1em !important;
      color: #868e96;
      border-color: #f8f9fa; }
      .kendo-custom-table .k-grid-header + tbody tr > td:nth-child(2) {
        font-weight: 500;
        white-space: nowrap; }
        .kendo-custom-table .k-grid-header + tbody tr > td:nth-child(2) a {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 92%; }
    .kendo-custom-table .k-grid-header + tbody tr:hover {
      background: #ebf3fb; }
  .kendo-custom-table .k-pager-wrap {
    padding: 0;
    background: #f4f6f7; }
    .kendo-custom-table .k-pager-wrap .k-pager-input {
      padding-top: 4px; }
    .kendo-custom-table .k-pager-wrap .k-pager-sizes {
      margin-top: 3px; }
    .kendo-custom-table .k-pager-wrap input.k-textbox {
      height: 2em; }
    .kendo-custom-table .k-pager-wrap * {
      border: none !important; }
  .kendo-custom-table.import-kgrid {
    background: none !important;
    /*border: none $imp;*/ }
    .kendo-custom-table.import-kgrid table {
      border-spacing: 0 5px; }
      .kendo-custom-table.import-kgrid table * {
        font-size: 12px !important; }
    .kendo-custom-table.import-kgrid > div {
      background: none !important;
      border: none !important; }
    .kendo-custom-table.import-kgrid .k-grid-header * {
      /*background: none $imp;
      border: none $imp;*/ }
    .kendo-custom-table.import-kgrid .k-grid-header colgroup {
      display: none; }
    .kendo-custom-table.import-kgrid .k-grid-header th.k-header {
      color: #868e96;
      font-weight: 500;
      font-size: 12px;
      position: relative;
      top: 0px; }
    .kendo-custom-table.import-kgrid .k-grid-header table {
      margin-top: -5px;
      font-size: 13px; }
    .kendo-custom-table.import-kgrid .k-grid-header input.k-checkbox + label.k-checkbox-label {
      position: relative;
      top: -3px; }
    .kendo-custom-table.import-kgrid .k-grid-content tr {
      background: #fff;
      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.12); }
      .kendo-custom-table.import-kgrid .k-grid-content tr td:nth-child(2) span {
        font-weight: 600;
        font-size: 14px; }
  .kendo-custom-table .kendo-custom-table table > tbody {
    font-weight: 400 !important; }
    .kendo-custom-table .kendo-custom-table table > tbody td:nth-child(2n) {
      font-weight: 400 !important; }
    .kendo-custom-table .kendo-custom-table table > tbody * {
      color: #212529 !important; }
  .kendo-custom-table .kendo-custom-table .k-grid-content {
    overflow-x: hidden !important; }
  .kendo-custom-table .kendo-custom-table .k-pager-wrap {
    padding: 0;
    background: #f4f6f7; }
    .kendo-custom-table .kendo-custom-table .k-pager-wrap > a.k-link {
      display: inline-block !important;
      width: auto !important;
      border: none !important;
      line-height: 35px !important;
      color: #212529 !important; }
    .kendo-custom-table .kendo-custom-table .k-pager-wrap * {
      color: #212529 !important; }
    .kendo-custom-table .kendo-custom-table .k-pager-wrap .k-pager-input {
      padding-top: 4px; }
    .kendo-custom-table .kendo-custom-table .k-pager-wrap .k-pager-sizes {
      margin-top: 3px; }
    .kendo-custom-table .kendo-custom-table .k-pager-wrap input.k-textbox {
      height: 2em; }
  .kendo-custom-table.kendo-table-highlight3 .k-grid-content table tr > td:nth-child(5) {
    font-weight: 500; }

.kendo-listview {
  border: none;
  float: left;
  width: calc(100vw - 25.5% );
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0; }
  .kendo-listview .listview-record {
    padding: 6px 0 12px 0;
    border-bottom: 1px solid #eee;
    float: left;
    margin: 0 8px 8px 0;
    width: 24.4%; }
    .kendo-listview .listview-record:nth-child(4n) {
      margin-right: 0; }
    .kendo-listview .listview-record .app-name {
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
      width: 90%;
      margin: 0 auto;
      text-align: center;
      display: inline-block;
      line-height: 20px;
      color: #2367AB;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .kendo-listview .listview-record .app-type {
      font-size: 13px;
      font-weight: 500;
      width: 90%;
      margin: 0 auto;
      text-align: center;
      display: inline-block;
      line-height: 20px;
      color: #868e96; }
    .kendo-listview .listview-record .apptype {
      font-size: 13px;
      width: 90%;
      margin: 0 auto;
      text-align: center;
      display: inline-block;
      line-height: 20px;
      color: #868e96; }
    .kendo-listview .listview-record .productname {
      margin: 0;
      padding: 4px 0;
      color: #343a40;
      clear: left; }
    .kendo-listview .listview-record .fav-app {
      width: 3%;
      float: left;
      height: 30px; }
    .kendo-listview .listview-record p {
      margin: 0; }
    .kendo-listview .listview-record .region-data {
      color: #868e96;
      font-weight: 600;
      position: relative;
      background: #f9f9f9;
      margin: 0 39% -15px;
      float: left;
      display: inline;
      font-size: 13px;
      color: #2367AB;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      line-height: 60px;
      top: -30px;
      font-size: 0 !important; }
      .kendo-listview .listview-record .region-data.USFDA {
        background: url(../../../Images/usfda-region.png) #f9f9f9 5px 7px no-repeat !important;
        background-size: 50px !important; }
      .kendo-listview .listview-record .region-data.JFDA {
        background: url(../../../Images/jfda-region.png) #f9f9f9 5px 7px no-repeat !important;
        background-size: 50px !important; }
      .kendo-listview .listview-record .region-data.GCC {
        background: url(../../../Images/gcc-region.png) #f9f9f9 !important;
        background-size: 60px !important; }
      .kendo-listview .listview-record .region-data.TGA {
        background: url(../../../Images/tga-region.png) #f9f9f9 !important;
        background-size: 60px !important; }
      .kendo-listview .listview-record .region-data.CA {
        background: url(../../../Images/ca-region.png) #f9f9f9 -3px 0 !important;
        background-size: 65px !important; }
      .kendo-listview .listview-record .region-data.CH {
        background: url(../../../Images/ch-region.png) #f9f9f9 -3px 0 !important;
        background-size: 65px !important; }
      .kendo-listview .listview-record .region-data.CN {
        background: url(../../../Images/cn-region.png) #f9f9f9 -3px 0 !important;
        background-size: 65px !important; }
      .kendo-listview .listview-record .region-data.EU {
        background: url(../../../Images/eu-region.png) #f9f9f9 -3px 0 !important;
        background-size: 65px !important; }
      .kendo-listview .listview-record .region-data.TH {
        background: url(../../../Images/th-region.png) #f9f9f9 -3px 0 !important;
        background-size: 65px !important; }
      .kendo-listview .listview-record .region-data.ZA {
        background: url(../../../Images/za-region.png) #f9f9f9 -3px 0 !important;
        background-size: 65px !important; }
      .kendo-listview .listview-record .region-data.EAEU {
        background: url(../../../Images/eaeu-region.png) #f9f9f9 5px 7px no-repeat !important;
        background-size: 50px !important; }
      .kendo-listview .listview-record .region-data.CSR {
        background: url(../../../Images/csr-region.png) #f9f9f9 -3px 0 !important;
        background-size: 65px !important; }
      .kendo-listview .listview-record .region-data.MYS {
        background: url(../../../Images/mys-region.png) #f9f9f9 -3px 0 !important;
        background-size: 65px !important; }
      .kendo-listview .listview-record .region-data.SGP {
        background: url(../../../Images/sgp-region.png) #f9f9f9 -3px 0 !important;
        background-size: 65px !important; }
    .kendo-listview .listview-record .sequence-info {
      color: #212529; }
      .kendo-listview .listview-record .sequence-info span {
        color: #212529;
        padding-top: 6px;
        float: left;
        font-weight: 600; }
      .kendo-listview .listview-record .sequence-info i.icon {
        float: left;
        font-size: 18px;
        margin: 4px 10px 0 25%; }
    .kendo-listview .listview-record .btn.btn-dropdown {
      /*background: none;
      border: none;
      box-shadow: none;*/
      padding: 3px 2px 3px 5px !important; }
    .kendo-listview .listview-record .date-by {
      color: #212529; }
    .kendo-listview .listview-record .date-info {
      padding-top: 4px;
      color: #212529;
      font-weight: 500; }
    .kendo-listview .listview-record .status-info {
      float: right;
      width: 8px;
      height: 8px;
      border-radius: 10px;
      margin: 4px 0 0 4px; }
      .kendo-listview .listview-record .status-info.appstatus-manage {
        background: #28a745; }
  .kendo-listview .dropdown-content.grid-dropdown {
    right: 10px;
    margin-top: 10%; }
    .kendo-listview .dropdown-content.grid-dropdown.ich-manage-options {
      margin-top: 4%; }

.kendo-custom-inline-table {
  font-size: 13px;
  border: none;
  background: none; }
  .kendo-custom-inline-table .k-header.k-grid-toolbar {
    background: none;
    border: none;
    margin: -34px 0 0 0;
    background: none; }
    .kendo-custom-inline-table .k-header.k-grid-toolbar .k-grid-add {
      float: right;
      margin-right: -5px;
      font-size: 13px;
      text-transform: capitalize;
      font-weight: 400;
      padding: 4px 8px;
      background: #2367AB; }
      .kendo-custom-inline-table .k-header.k-grid-toolbar .k-grid-add:hover {
        background: #1a4e81; }
      .kendo-custom-inline-table .k-header.k-grid-toolbar .k-grid-add[style="display: none;"] {
        display: block !important;
        visibility: hidden; }
  .kendo-custom-inline-table.stf-table .k-header.k-grid-toolbar {
    background: none;
    border: none;
    margin: -10px 0 0 0;
    background: none; }
    .kendo-custom-inline-table.stf-table .k-header.k-grid-toolbar .k-grid-add {
      float: right;
      margin-right: -5px;
      font-size: 13px;
      text-transform: capitalize;
      font-weight: 400;
      padding: 4px 8px;
      background: #2367AB; }
      .kendo-custom-inline-table.stf-table .k-header.k-grid-toolbar .k-grid-add:hover {
        background: #1a4e81; }
      .kendo-custom-inline-table.stf-table .k-header.k-grid-toolbar .k-grid-add[style="display: none;"] {
        display: block !important;
        visibility: hidden; }
  .kendo-custom-inline-table .k-grid-content tr.k-state-selected {
    background: #e2f6fd; }
    .kendo-custom-inline-table .k-grid-content tr.k-state-selected:hover td {
      background: #e2f6fd; }
  .kendo-custom-inline-table .k-grid-content tr:hover {
    background: #ebf3fb; }
  .kendo-custom-inline-table .k-grid-content tr td {
    color: #868e96;
    border-color: #f8f9fa; }
  .kendo-custom-inline-table .k-grid-header {
    background: none;
    padding-right: 0 !important;
    border: 1px solid #E0E0E0; }
    .kendo-custom-inline-table .k-grid-header th.k-header {
      background: #f4f6f7;
      border: none;
      padding: 0.6em 1em !important;
      color: #212529;
      font-weight: 500; }
      .kendo-custom-inline-table .k-grid-header th.k-header:nth-child(2) {
        border: none; }
      .kendo-custom-inline-table .k-grid-header th.k-header .k-link {
        color: #212529;
        font-weight: 500; }
  .kendo-custom-inline-table .k-grid-content {
    overflow: hidden;
    border: 1px solid #E0E0E0;
    border-width: 0 1px 0 1px !important; }
    .kendo-custom-inline-table .k-grid-content tr > td {
      padding: 0.5em 1em !important; }
      .kendo-custom-inline-table .k-grid-content tr > td:nth-child(2) {
        white-space: nowrap; }
        .kendo-custom-inline-table .k-grid-content tr > td:nth-child(2) a {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 92%; }
  .kendo-custom-inline-table .k-pager-wrap {
    border: 1px solid #E0E0E0;
    padding: 0;
    background: #f4f6f7; }
  .kendo-custom-inline-table .k-command-cell .k-button {
    text-transform: capitalize;
    font-weight: 400;
    padding: 5px 8px;
    background: none;
    border: none;
    box-shadow: none;
    min-width: 30px;
    border: 1px solid #E0E0E0; }
    .kendo-custom-inline-table .k-command-cell .k-button:before {
      content: "";
      position: relative;
      font-family: "submitpro-icons";
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 15px !important; }
    .kendo-custom-inline-table .k-command-cell .k-button.k-grid-edit, .kendo-custom-inline-table .k-command-cell .k-button.k-grid-update {
      color: #2367AB; }
    .kendo-custom-inline-table .k-command-cell .k-button.k-grid-edit:before {
      content: "\e029"; }
    .kendo-custom-inline-table .k-command-cell .k-button.k-grid-update:before {
      content: "\e060"; }
    .kendo-custom-inline-table .k-command-cell .k-button.k-grid-Delete, .kendo-custom-inline-table .k-command-cell .k-button.k-grid-cancel {
      background: #fff;
      border: 1px solid #E0E0E0;
      color: #dc3545;
      margin: -3px 0 -3px 2px !important; }
    .kendo-custom-inline-table .k-command-cell .k-button.k-grid-Delete:before {
      content: "\33";
      font-size: 17px !important; }
    .kendo-custom-inline-table .k-command-cell .k-button.k-grid-cancel:before {
      content: "\e019";
      font-size: 17px !important; }
    .kendo-custom-inline-table .k-command-cell .k-button .k-icon {
      display: none; }
  .kendo-custom-inline-table .k-grid-edit-row .k-textbox, .kendo-custom-inline-table .k-grid-edit-row .text-box {
    margin: -6px 0; }

.visible-overflow .k-grid-content {
  overflow: visible !important; }

.kendo-custom-inline-table span {
  white-space: pre-line; }

.kendo-custom-inline-table .k-command-cell .k-button {
  font-size: 0;
  text-transform: capitalize;
  font-weight: 400;
  padding: 0 0 0 3px;
  color: #fff;
  border: none;
  box-shadow: none;
  border-radius: 0.25rem;
  min-width: 12px;
  text-align: center;
  margin-right: 6px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12);
  padding: 6px 6px 6px !important;
  margin: -3px 0 !important;
  background: #fff; }
  .kendo-custom-inline-table .k-command-cell .k-button:before {
    font-size: 15px !important; }
  .kendo-custom-inline-table .k-command-cell .k-button:hover {
    background: #f8f9fa; }

[type=checkbox].k-checkbox:checked,
[type=checkbox].k-checkbox:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0; }

[type=checkbox].k-checkbox + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  line-height: 17px !important;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

[type=checkbox].k-checkbox:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #2367AB;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox].k-checkbox + label:after {
  border: 0;
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important; }

[type=checkbox].k-checkbox:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

[type=checkbox].k-checkbox + label:after {
  border-radius: 2px; }

[type=checkbox].k-checkbox + label:after,
[type=checkbox].k-checkbox + label:before {
  content: '';
  left: 0;
  position: absolute;
  -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type=checkbox].k-checkbox:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox].k-checkbox:not(:checked) + label:after {
  height: 15px;
  width: 15px;
  background-color: transparent;
  border: 1px solid #b1b8bb;
  top: 0px;
  z-index: 0; }

[type=checkbox].k-checkbox:checked + label:before {
  top: 0;
  left: 0;
  width: 8px;
  height: 11px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox].k-checkbox:checked + label:after {
  top: 0;
  height: 15px;
  width: 15px;
  border: 2px solid #2367AB;
  background-color: #2367AB;
  z-index: 0; }

[type=checkbox].k-checkbox:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type=checkbox].k-checkbox:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #adb5bd; }

[type=checkbox].k-checkbox:disabled:checked + label:before {
  background-color: transparent; }

[type=checkbox].k-checkbox:disabled:checked + label:after {
  background-color: #adb5bd;
  border-color: #adb5bd; }

.k-checkbox:checked + .k-checkbox-label:active:after,
.k-checkbox:checked + .k-checkbox-label:focus:after,
.k-checkbox:checked:active + .k-checkbox-label:after,
.k-checkbox:checked:focus + .k-checkbox-label:after,
.k-checkbox:focus + .k-checkbox-label:after {
  -webkit-box-shadow: none;
  box-shadow: none; }

.k-loading-mask {
  display: none !important; }

.k-header.k-drag-clue {
  z-index: 200000 !important; }

.k-multiselect-wrap {
  max-height: 160px;
  overflow: auto; }
  .k-multiselect-wrap .k-button {
    text-transform: none !important; }

.k-calendar-container .k-calendar .k-header {
  background: #2367AB; }
.k-calendar-container .k-calendar .k-today {
  background: #2367AB; }
.k-calendar-container .k-calendar .k-footer .k-nav-today {
  color: #2367AB; }

@-webkit-keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }
@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); } }
.ngdialog.ngdialog-theme-default {
  padding-bottom: 10%;
  padding-top: 8%; }

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout .5s;
  animation: ngdialog-flyout .5s; }

.ngdialog.ngdialog-theme-default .ngdialog-content {
  -webkit-animation: ngdialog-flyin .5s;
  animation: ngdialog-flyin .5s;
  background: #fff;
  border-radius: 5px;
  color: #495057;
  font-family: "Roboto", sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  position: relative;
  width: 500px; }

.ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0; }

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: transparent;
  border-radius: 3px;
  color: #adb5bd;
  content: '\00D7';
  font-size: 28px;
  font-weight: 400;
  height: 30px;
  line-height: 23px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 8px;
  width: 30px; }

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
  color: #dc3545; }

.ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: .5em; }

.ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%; }

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
  -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: none; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons {
  *zoom: 1; }

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both; }

.ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase; }

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: none; }

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none; } }
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff; }

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777; }

/*End Default Theme*/
@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes ngdialog-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes ngdialog-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.ngdialog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s; }

.ngdialog-content {
  background: white;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s; }

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s; }

.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer; }

body.ngdialog-open {
  overflow: hidden; }

span.k-in > span.highlight {
  background: orange; }

.ngdialog-header {
  border-bottom: 1px solid #E0E0E0;
  padding: 6px 12px 3px 12px; }
  .ngdialog-header h3 {
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0 !important;
    border: none !important;
    padding-bottom: 3px !important; }

.ngdialog-body {
  padding: 6px 12px 3px 12px; }
  .ngdialog-body p {
    font-size: 14px; }

.ngdialog-buttons {
  padding: 8px 12px;
  border-top: 1px solid #E0E0E0; }

.ngdialog.ngdialog-theme-default .ngdialog-button {
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 400;
  padding: 7px 10px;
  color: #fff;
  border: none;
  box-shadow: none;
  min-width: 30px;
  letter-spacing: normal; }
  .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
    background: #2367AB; }
    .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary:hover {
      background: #1a4e81; }
  .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
    background: #fff;
    border: 1px solid #E0E0E0;
    color: #343a40; }
    .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary:hover {
      background: #e9ecef; }

/*
Header
*/
.navbar {
  border: 0;
  margin: 0; }

.main-nav-total {
  height: 51px;
  background: #2367AB !important;
  -webkit-box-shadow: 1px 0 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0 5px 3px rgba(0, 0, 0, 0.1);
  z-index: 10; }

.main-navbar {
  float: left;
  width: 78%; }
  .main-navbar li {
    float: left;
    border-right: 1px solid #e9ecef;
    padding: 0 8px;
    list-style-type: none; }
    .main-navbar li.nav-item {
      padding: 4px 8px; }
    .main-navbar li a.navbar-brand {
      padding: 8px 15px;
      font-size: 20px;
      line-height: 30px; }
      .main-navbar li a.navbar-brand img.brand-logo {
        max-height: 45px;
        filter: brightness(0) invert(1); }
      .main-navbar li a.navbar-brand:hover {
        background: none;
        background-color: transparent; }
    .main-navbar li a i {
      font-size: 23px;
      line-height: 42px;
      float: left;
      color: #343a40; }
    .main-navbar li a span {
      display: none; }
    .main-navbar li:hover {
      cursor: pointer; }
      .main-navbar li:hover span, .main-navbar li:hover i {
        color: #edf3f9; }
  .main-navbar.main-navbar-text li {
    float: left;
    border-right: 0;
    padding: 0;
    position: relative; }
    .main-navbar.main-navbar-text li.logo-list {
      border-right: 0px solid #77aadc;
      padding: 0 8px 0px 10px !important;
      margin-right: 10px;
      width: 18%; }
    .main-navbar.main-navbar-text li a {
      line-height: 20px;
      float: left;
      padding: 2px 1.5vw 1px !important; }
      .main-navbar.main-navbar-text li a.navbar-brand {
        font-size: 20px;
        line-height: 30px;
        padding: 2px 12px !important; }
      .main-navbar.main-navbar-text li a i {
        font-size: 16px;
        line-height: 44px;
        float: left;
        color: #fff;
        padding-top: 4px; }
      .main-navbar.main-navbar-text li a span {
        float: left;
        display: inline-block;
        line-height: 44px;
        padding-left: 8px;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        padding-top: 3px; }
    .main-navbar.main-navbar-text li.active {
      background: #1f5a96; }
      .main-navbar.main-navbar-text li.active a:after {
        border-bottom: 3px solid #fff !important;
        position: absolute;
        height: 2px;
        width: 100%;
        content: "";
        top: 95%;
        z-index: 10000000;
        left: 0; }
      .main-navbar.main-navbar-text li.active span, .main-navbar.main-navbar-text li.active i {
        color: #fff;
        font-weight: 500; }
      .main-navbar.main-navbar-text li.active span {
        border-bottom: 0px solid #fff !important;
        margin-bottom: -4px !important; }
    .main-navbar.main-navbar-text li:hover span, .main-navbar.main-navbar-text li:hover i {
      color: #fff;
      font-weight: 500; }
    .main-navbar.main-navbar-text li:hover a {
      cursor: pointer;
      background: #4286F5; }
      .main-navbar.main-navbar-text li:hover a.navbar-brand {
        background: none; }
    .main-navbar.main-navbar-text li .searchbox-form i {
      font-size: 16px;
      line-height: 30px;
      color: #343a40;
      top: -34px; }

.mobile-menu .mobile-navbar-brand {
  padding: 8px 15px;
  font-size: 20px;
  line-height: 30px; }
  .mobile-menu .mobile-navbar-brand img.brand-logo {
    max-height: 45px;
    filter: brightness(0) invert(1); }
  .mobile-menu .mobile-navbar-brand:hover {
    background: none;
    background-color: transparent; }

.login-user-info {
  cursor: pointer;
  color: #edf3f9;
  width: 22%; }
  .login-user-info .dropdown {
    float: right;
    margin-right: 20px;
    max-width: 50%; }
  .login-user-info .icon.usericon {
    font-size: 23px; }
  .login-user-info label.username {
    font-size: 14px;
    cursor: pointer;
    float: left;
    color: #fff;
    line-height: 42px;
    padding: 0 10px 0 0;
    width: auto;
    max-width: 65%;
    text-overflow: ellipsis;
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize; }
  .login-user-info .icon.droparrow {
    font-size: 8px; }
  .login-user-info a > i {
    color: #fff; }
  .login-user-info.open .dropdown-menu {
    display: block;
    position: fixed;
    right: 1%;
    left: auto;
    top: 7%; }
  .login-user-info .dropdown-menu a {
    font-size: 14px;
    padding: 5px 20px 2px 15px; }
    .login-user-info .dropdown-menu a > i {
      color: #495057;
      margin-right: 10px;
      line-height: 25px;
      float: left;
      font-size: 16px; }
    .login-user-info .dropdown-menu a > span {
      line-height: 22px;
      float: left; }

.searchbox-total {
  float: left;
  height: 40px;
  margin: 6px 0 0; }
  .searchbox-total .searchbox-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0; }
  .searchbox-total .searchbox-form {
    float: left;
    width: 0;
    position: relative;
    z-index: 10000000; }
    .searchbox-total .searchbox-form.search-display {
      width: 400px;
      -webkit-animation: width-easing .5s ease;
      -moz-animation: width-easing .5s ease;
      -o-animation: width-easing .5s ease;
      animation: width-easing .5s ease; }
      .searchbox-total .searchbox-form.search-display i {
        position: relative;
        float: right;
        top: -34px;
        font-size: 24px;
        right: 8px;
        line-height: 0; }

.breadcrumb {
  list-style-type: none;
  padding: 0;
  margin: 0 0 5px 0; }
  .breadcrumb li {
    display: inline-block; }
    .breadcrumb li.active {
      font-weight: 500;
      color: #2367AB; }
  .breadcrumb li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"; }

/*
Sidebar
*/
.left-sidebar {
  width: 18%;
  float: left;
  height: 100% !important;
  margin: 0;
  overflow: hidden;
  transition: width 0.35s ease;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  -ms-transition: width 0.35s ease; }
  .left-sidebar.sequence-tree {
    width: 30%;
    background: #f9f9f9;
    border-right: 1px solid #e9ecef; }
  .left-sidebar h1 {
    background: #ced4da;
    margin: 0;
    float: left;
    width: 100%;
    cursor: pointer; }
    .left-sidebar h1 label {
      font-size: 14px;
      margin: 0;
      float: left;
      font-weight: 500 !important;
      cursor: pointer; }
      .left-sidebar h1 label.rotated-title {
        opacity: 0;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg); }
  .left-sidebar.content-leftsidebar {
    padding: 0;
    height: calc(100% - 2px);
    background: #f9f9f9; }
    .left-sidebar.content-leftsidebar h1 {
      background: none;
      font-size: 14px;
      font-weight: 500;
      line-height: 30px; }
  .left-sidebar.regview-leftsidebar {
    padding: 0px 15px;
    height: calc(100% - 2px);
    background: #f9f9f9;
    width: 28%; }
    .left-sidebar.regview-leftsidebar h1 {
      background: none;
      font-size: 14px;
      font-weight: 500;
      line-height: 30px; }
  .left-sidebar .sidebar-nav, .left-sidebar .filter-buttons {
    opacity: 1;
    transition: opacity 3s ease;
    -webkit-transition: opacity 3s ease;
    -moz-transition: opacity 3s ease;
    -o-transition: opacity 3s ease;
    -ms-transition: opacity 3s ease; }
  .left-sidebar.sidenav-mini {
    width: 2%;
    background: #ced4da !important; }
    .left-sidebar.sidenav-mini .ui-resizable-e, .left-sidebar.sidenav-mini .sidebar-nav, .left-sidebar.sidenav-mini .filter-buttons, .left-sidebar.sidenav-mini .folder-buttons {
      opacity: 0;
      transition: opacity 0s ease;
      -webkit-transition: opacity 0s ease;
      -moz-transition: opacity 0s ease;
      -o-transition: opacity 0s ease;
      -ms-transition: opacity 0s ease;
      width: 0;
      height: 0; }
    .left-sidebar.sidenav-mini h1 {
      padding: 0px 8px !important;
      width: 100%;
      height: 270px; }
      .left-sidebar.sidenav-mini h1 label {
        white-space: nowrap;
        opacity: 0;
        font-size: 14px;
        float: left;
        transition: opacity 0s ease;
        -webkit-transition: opacity 0s ease;
        -moz-transition: opacity 0s ease;
        -o-transition: opacity 0s ease;
        -ms-transition: opacity 0s ease; }
        .left-sidebar.sidenav-mini h1 label.rotated-title {
          opacity: 1;
          left: 0;
          top: 6px;
          transition: opacity 1s ease;
          -webkit-transition: opacity 1s ease;
          -moz-transition: opacity 1s ease;
          -o-transition: opacity 1s ease;
          -ms-transition: opacity 1s ease; }
      .left-sidebar.sidenav-mini h1 a {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        margin-left: 10px;
        float: left;
        position: relative;
        left: -12px;
        top: 110px; }
  .left-sidebar .sidebar-nav {
    float: left;
    margin: 0;
    width: 100%;
    padding: 4px 0 0 8px;
    background: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2px; }
    .left-sidebar .sidebar-nav li {
      list-style-type: none;
      float: left;
      padding: .6vw 1vw .2vw;
      margin: .3vw .6vw 0; }
      .left-sidebar .sidebar-nav li a {
        color: #868e96; }
        .left-sidebar .sidebar-nav li a i {
          font-size: 21px; }
        .left-sidebar .sidebar-nav li a:hover, .left-sidebar .sidebar-nav li a:focus {
          text-decoration: none;
          transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out; }
          .left-sidebar .sidebar-nav li a:hover i, .left-sidebar .sidebar-nav li a:focus i {
            color: #2367AB; }
      .left-sidebar .sidebar-nav li.active {
        background: #3366ab;
        border-radius: 5px 5px 0 0; }
        .left-sidebar .sidebar-nav li.active i {
          color: #ffffff; }
      .left-sidebar .sidebar-nav li:hover {
        cursor: pointer;
        background: #f8f9fa;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out; }
        .left-sidebar .sidebar-nav li:hover a i {
          color: #2367AB; }
  .left-sidebar .filter-buttons {
    float: left;
    margin: 0;
    width: 100%;
    background: #f9f9f9;
    padding: 2px 0 2px 5px;
    border-bottom: 1px solid #e9ecef; }
    .left-sidebar .filter-buttons li {
      list-style-type: none;
      float: left;
      padding: .3vw .6vw .2vw;
      margin: 2px 2px 3px;
      background: #2367AB;
      border-radius: 3px; }
      .left-sidebar .filter-buttons li a {
        color: #fff;
        font-size: 13px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out; }
        .left-sidebar .filter-buttons li a i {
          font-size: 18px; }
          .left-sidebar .filter-buttons li a i.icon-filter {
            font-size: 16px; }
        .left-sidebar .filter-buttons li a span {
          font-size: 13px; }
        .left-sidebar .filter-buttons li a:hover, .left-sidebar .filter-buttons li a:focus {
          text-decoration: none;
          transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out; }
      .left-sidebar .filter-buttons li.active, .left-sidebar .filter-buttons li.selected {
        background: #FF594E; }
        .left-sidebar .filter-buttons li.active:hover, .left-sidebar .filter-buttons li.selected:hover {
          background: #FF594E; }
        .left-sidebar .filter-buttons li.active a, .left-sidebar .filter-buttons li.selected a {
          color: #fff;
          transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out; }
          .left-sidebar .filter-buttons li.active a i, .left-sidebar .filter-buttons li.selected a i {
            color: #fff; }
          .left-sidebar .filter-buttons li.active a span, .left-sidebar .filter-buttons li.selected a span {
            color: #fff; }
      .left-sidebar .filter-buttons li.filter-has-icon {
        padding: 0.2vw 0.6vw 0 !important; }
        .left-sidebar .filter-buttons li.filter-has-icon i {
          line-height: 20px !important; }
        .left-sidebar .filter-buttons li.filter-has-icon.swap-icon {
          padding: 0.2vw 0.4vw 0 !important; }
      .left-sidebar .filter-buttons li:hover {
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        background: #16416b; }
        .left-sidebar .filter-buttons li:hover a i {
          color: #fff;
          transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out; }
        .left-sidebar .filter-buttons li:hover a span {
          color: #fff;
          transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out; }
  .left-sidebar .folder-buttons {
    float: left;
    margin: 0;
    width: 100%;
    background: #e9ecef;
    padding: 0;
    border-bottom: 1px solid #e9ecef;
    text-align: center;
    position: absolute;
    bottom: 0; }
    .left-sidebar .folder-buttons li {
      list-style-type: none;
      float: left;
      padding: .3vw .8vw .2vw;
      margin: 2px 0 0;
      width: 50%; }
      .left-sidebar .folder-buttons li:first-child {
        border-right: 1px solid #dee2e6; }
      .left-sidebar .folder-buttons li a {
        color: #868e96; }
        .left-sidebar .folder-buttons li a i {
          font-size: 16px; }
        .left-sidebar .folder-buttons li a span {
          font-size: 14px;
          position: relative;
          top: -2px;
          padding-left: 5px; }
        .left-sidebar .folder-buttons li a:hover, .left-sidebar .folder-buttons li a:focus {
          text-decoration: none;
          transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out; }
      .left-sidebar .folder-buttons li.active {
        background: #fff; }
        .left-sidebar .folder-buttons li.active a i {
          color: #5c4ac7; }
        .left-sidebar .folder-buttons li.active a span {
          color: #5c4ac7;
          font-weight: 500; }
      .left-sidebar .folder-buttons li:hover {
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out; }
        .left-sidebar .folder-buttons li:hover a i {
          color: #5c4ac7;
          transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out; }
        .left-sidebar .folder-buttons li:hover a span {
          color: #5c4ac7;
          transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out; }

.sequence-options {
  float: left; }
  .sequence-options .sequence-filter {
    float: right;
    width: 110px; }
    .sequence-options .sequence-filter .form-control.k-widget {
      height: 24px !important;
      line-height: 27px !important;
      font-size: 12px !important;
      min-height: 18px !important; }
      .sequence-options .sequence-filter .form-control.k-widget select, .sequence-options .sequence-filter .form-control.k-widget .k-dropdown-wrap, .sequence-options .sequence-filter .form-control.k-widget .k-select {
        height: 24px !important;
        line-height: 27px !important;
        font-size: 12px !important;
        min-height: 18px !important; }
      .sequence-options .sequence-filter .form-control.k-widget .k-state-default .k-input {
        height: 24px !important;
        line-height: 27px !important;
        font-size: 12px !important;
        min-height: 18px !important; }

.treeview-select-options {
  float: left;
  font-size: 12px;
  padding: 7px 14px; }
  .treeview-select-options .selection-check {
    float: left; }
    .treeview-select-options .selection-check [type=checkbox] + label {
      padding-left: 20px;
      font-size: 12px;
      color: #495057;
      line-height: 25px !important; }
      .treeview-select-options .selection-check [type=checkbox] + label:hover {
        color: #2367AB; }
    .treeview-select-options .selection-check [type=checkbox].filled-in:not(:checked) + label:after {
      height: 14px;
      width: 14px;
      top: 4px; }
    .treeview-select-options .selection-check [type=checkbox].filled-in:checked + label:after {
      top: 4px;
      width: 14px;
      height: 14px; }
    .treeview-select-options .selection-check [type=checkbox].filled-in:checked + label:before {
      top: 4px;
      left: 0px;
      width: 7px;
      height: 10px; }

.veevavaultfavorites {
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  margin: 5px 0 0 0; }

.veevavaultfavorites > ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 0px; }

.veevavaultfavorites > ul > li > i {
  margin-right: 5px; }

.veevavaultfavorites > ul > li > ul li button {
  line-height: 20px;
  margin: 0px 2px !important;
  padding: 4px 10px !important; }

.veevavaultfavorites > ul > li > ul li button:hover {
  background: #e4e4e4; }

.veevavaultfavorites > ul > li > ul {
  position: absolute;
  top: 80px;
  right: auto;
  left: -110px;
  list-style-type: none;
  background: #fff;
  padding: 0px;
  display: none; }

.veevavaultfavorites:hover ul ul {
  display: block; }

/*.veevavaultfavorites > ul > li:hover ul {	
    display: block;	
}*/
.left-sidebar.sidenav-mini + .right-content {
  width: 98%;
  transition: width 0.35s ease;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  -ms-transition: width 0.35s ease; }

.right-content {
  width: 82%;
  float: left;
  transition: width 0.35s ease;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  -ms-transition: width 0.35s ease;
  height: calc(100% - 2px); }
  .right-content.regview_rightcontent {
    width: 72%; }

.manage-right-content {
  width: 70%;
  float: left;
  transition: width 0.35s ease;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  -ms-transition: width 0.35s ease;
  height: calc(100vh - 90px);
  background: #fff; }
  .manage-right-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
    background-color: #dcdcdc; }
  .manage-right-content::-webkit-scrollbar {
    width: 6px;
    background-color: #dcdcdc; }
  .manage-right-content::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border: 2px solid #bbb; }

.recent-submissions {
  height: 200px;
  float: left; }

.advanced-submissions {
  height: 340px;
  float: left;
  width: 100%;
  padding: 5px 5px 0 5px; }

.content-iframe {
  float: left;
  width: 100%;
  height: 100%; }

.leftbar-widget {
  padding: 0;
  margin-bottom: 10px;
  float: left;
  width: 100%; }
  .leftbar-widget a {
    float: left;
    width: 100%;
    line-height: 25px; }
  .leftbar-widget .search-clear {
    position: absolute;
    top: 9px;
    right: 0px;
    color: #1976d2;
    font-size: 12px;
    text-decoration: none; }
    .leftbar-widget .search-clear:hover {
      text-decoration: none;
      color: #dc3545; }
  .leftbar-widget h2 {
    font-size: 12px;
    color: #868e96;
    line-height: 20px;
    font-weight: 500; }
  .leftbar-widget.page-views a {
    text-decoration: none;
    color: #343a40;
    line-height: 30px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    font-size: 14px;
    margin: 0;
    padding: 8px 0 4px 20px;
    border-bottom: 1px solid #E0E0E0; }
    .leftbar-widget.page-views a:hover {
      text-decoration: none;
      color: #2367AB;
      cursor: pointer; }
    .leftbar-widget.page-views a.active {
      color: #2367AB;
      font-weight: 500; }
      .leftbar-widget.page-views a.active i {
        color: #2367AB; }
    .leftbar-widget.page-views a i {
      font-size: 19px;
      float: left;
      padding: 1px 12px 0 0; }

.submissions-search {
  float: left;
  width: 100%; }
  .submissions-search a {
    float: left;
    width: 100%;
    line-height: 25px; }
  .submissions-search .search-clear {
    position: absolute;
    top: 9px;
    right: 0px;
    color: #2367AB;
    font-size: 12px;
    text-decoration: none; }
    .submissions-search .search-clear:hover {
      text-decoration: none;
      color: #dc3545; }
  .submissions-search .search-clear:after {
    content: "\50";
    font-family: "submitpro-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 10px;
    top: 1px;
    color: #868e96 !important; }
  .submissions-search .search-clear:hover:after {
    color: #868e96 !important; }
  .submissions-search.form-style1 .form-group .form-control {
    min-height: 28px !important;
    height: 32px !important;
    border-width: 1px;
    border-color: #ddd; }

.identifiers-tree .search-clear:after {
  content: "\50";
  font-family: "submitpro-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 10px;
  top: 3px;
  color: #868e96 !important; }
.identifiers-tree .search-clear:hover:after {
  color: #868e96 !important; }
.identifiers-tree .to-close-search:focus + .search-clear i {
  opacity: 1;
  top: -2px;
  position: relative; }

.advanced-filters {
  float: left;
  width: 95%;
  margin: 0 6px; }
  .advanced-filters h1 {
    float: left; }
  .advanced-filters .filter-clear {
    float: right;
    font-size: 11px;
    margin-top: 4px; }
    .advanced-filters .filter-clear i {
      float: left;
      padding-top: 1px; }
  .advanced-filters .leftbar-widget {
    padding-left: 0; }
  .advanced-filters .filter-checkbox {
    margin-bottom: 5px;
    float: left;
    width: 100%; }
    .advanced-filters .filter-checkbox [type=checkbox] + label {
      padding-left: 22px;
      font-size: 13px;
      color: #212529;
      line-height: 23px !important;
      font-weight: 400;
      height: initial; }
    .advanced-filters .filter-checkbox [type=checkbox].filled-in:not(:checked) + label:after {
      height: 16px;
      width: 16px;
      top: 3px; }
    .advanced-filters .filter-checkbox [type=checkbox].filled-in:checked + label:after {
      top: 3px;
      width: 16px;
      height: 16px; }
    .advanced-filters .filter-checkbox [type=checkbox].filled-in:checked + label:before {
      top: 3px;
      left: 1px;
      width: 7px;
      height: 11px; }

.left-sidebar.leftbar-halfwidth,
.manage-right-content.leftbar-halfwidth {
  width: 50% !important; }

.manage-right-content.leftbar-halfwidth .sequence-selection {
  width: 76%; }

/*
Forms
*/
.page-landing {
  float: left;
  text-align: center;
  width: 100%;
  padding: 15% 0 0 0; }
  .page-landing.inner {
    float: left;
    text-align: center;
    width: 100%;
    padding: 20% 0 0 0;
    background: #e9ecef;
    height: 86vh; }
  .page-landing.inner-top-30 {
    padding: 29% 0 0 0; }
  .page-landing.inner-top-45 {
    padding: 45% 0 0 0; }
  .page-landing.dashboard-no-data {
    padding: 42% 0 0 0;
    height: 96%;
    background: none; }
  .page-landing.dashboard-widget-nodata {
    padding: 20% 0 0 0;
    height: 96%;
    background: none; }
    .page-landing.dashboard-widget-nodata p {
      font-size: 16px; }
  .page-landing.sync-nodata {
    height: 60vh;
    padding: 15% 0 0 0; }
  .page-landing .icon {
    font-size: 60px; }
    .page-landing .icon.icon-30 {
      font-size: 30px; }
  .page-landing p {
    font-size: 18px;
    color: #868e96;
    padding: 10px 0 0 0;
    margin: 0; }

/*
Grid
*/
.page-content {
  float: left;
  width: 100%;
  overflow: hidden; }

/*
Footer
*/
*:hover, *:focus, *:active {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  outline: none; }
*::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
  background-color: #dcdcdc; }
*::-webkit-scrollbar {
  width: 6px;
  background-color: #dcdcdc; }
*::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border: 2px solid #bbb; }

/*
Common css
*/
.wrapper {
  height: 100vh;
  overflow: hidden; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  line-height: 1.42857143;
  color: #495057;
  background-color: transparent;
  margin: 0 auto;
  font-weight: 400;
  overflow: hidden; }

.nofloat {
  float: none !important; }

.text-white {
  color: #fff; }

.border-tb-eee {
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef; }

.border-top-eee {
  border-top: 1px solid #e9ecef; }

.border-bottom-eee {
  border-width: 0 0 1px 0 !important;
  border-bottom: 1px solid #e9ecef; }

.border-bottom-3 {
  border-width: 0 0 3px 0 !important;
  border-bottom: 1px solid #e9ecef; }

.border-left-eee {
  border-left: 1px solid #e9ecef; }

.border-right-eee {
  border-right: 1px solid #e9ecef; }

.noshadow {
  box-shadow: none !important; }

.shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.shadow-expand {
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08), 0 2px 1px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.08); }

.shadow-light {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.12); }

.shadow-round {
  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02); }

.transparent {
  background: none !important;
  border: none !important; }

.transparent-bg {
  background: none !important; }

.display-block {
  display: block !important; }

.display-table {
  display: table !important; }

.no-display, .display-none {
  display: none !important; }

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

.line16 {
  line-height: 16px !important; }

.line20 {
  line-height: 20px !important; }

.line20-before:before {
  line-height: 20px !important; }

.line24 {
  line-height: 24px !important; }

.line25 {
  line-height: 25px !important; }

.line28 {
  line-height: 28px !important; }

.line30 {
  line-height: 30px !important; }

.line35 {
  line-height: 35px !important; }

.line40 {
  line-height: 40px !important; }

.line45 {
  line-height: 45px !important; }

.line50 {
  line-height: 50px !important; }

.weight-300 {
  font-weight: 300 !important; }

.weight-400 {
  font-weight: 400 !important; }

.weight-500 {
  font-weight: 500 !important; }

.weight-600 {
  font-weight: 600 !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-left {
  text-align: left !important; }

.scroll-y {
  overflow-y: auto !important; }

.scroll-x {
  overflow-x: auto !important; }

.noscroll {
  overflow: hidden !important; }

.overflow-display {
  overflow: visible !important; }

.bg-gray {
  background: #e9ecef; }

.bg-lightgray {
  background: #f8f9fa; }

.bg-bluegray {
  background: #F2F2F2; }

.bg-white {
  background: #fff; }

.bg-purewhite {
  background: #fff !important; }

.bg-transparent {
  background: none !important; }

.height93vh {
  height: 92.9vh; }

.height87vh {
  height: 87vh; }

.height92vh {
  height: 92vh; }

.height91vh {
  height: 91vh; }

.height86vh {
  height: 86vh; }

.maxheight89vh {
  max-height: 89vh; }

.maxheight90vh {
  max-height: 90vh; }

.text-white {
  color: #fff !important; }

.text-333 {
  color: #212529 !important; }

.text-444 {
  color: #343a40 !important; }

.text-555 {
  color: #495057 !important; }

.text-666 {
  color: #868e96 !important; }

.text-888 {
  color: #adb5bd !important; }

.text-999 {
  color: #dee2e6 !important; }

.text-cyan {
  color: #2367AB; }

.font-small {
  font-size: 11px !important; }

.font-base {
  font-size: 14px !important; }

.font13 {
  font-size: 13px !important; }

.font16 {
  font-size: 16px !important; }

.font18 {
  font-size: 18px !important; }

.font20 {
  font-size: 20px !important; }

.heading {
  font-size: 23px !important; }

input * {
  font-family: "Roboto", sans-serif; }
input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #adb5bd;
  font-size: 12px;
  font-family: "Roboto", sans-serif; }
input::-moz-placeholder {
  /* Firefox 19+ */
  color: #adb5bd;
  font-size: 12px;
  font-family: "Roboto", sans-serif; }
input:-ms-input-placeholder {
  /* IE 10+ */
  color: #adb5bd;
  font-size: 12px;
  font-family: "Roboto", sans-serif; }
input:-moz-placeholder {
  /* Firefox 18- */
  color: #adb5bd;
  font-size: 12px;
  font-family: "Roboto", sans-serif; }

.landing-page {
  padding-top: 14%; }
  .landing-page.landing-section {
    padding-top: 5%;
    padding-bottom: 5%; }
  .landing-page i {
    font-size: 50px; }
  .landing-page p {
    margin-top: -5px;
    font-weight: 500; }
  .landing-page button {
    background: #2367AB;
    border: none; }
    .landing-page button:hover, .landing-page button:focus {
      background: #1f5a96;
      cursor: pointer; }

.dropdown-menu {
  max-width: 200px; }
  .dropdown-menu a {
    color: #343a40;
    padding: 5px 18px;
    float: left;
    text-decoration: none;
    width: 100%; }
    .dropdown-menu a:hover, .dropdown-menu a:focus {
      background: #f8f9fa;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out; }

footer p {
  text-align: center;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 11px;
  padding: 3px 0 0 0; }

.btn.create-btn {
  padding: 2px 10px !important;
  margin-top: 3px !important; }
  .btn.create-btn .icon {
    background: #1f5a96 !important;
    padding: 0.6rem 0.8rem 0.2rem 0.8rem;
    float: left;
    line-height: 18px; }
  .btn.create-btn span {
    padding: 0.4rem 0.8rem 0.4rem 0.6rem;
    float: left;
    line-height: 18px;
    font-weight: 600; }
  .btn.create-btn.m-t-0 {
    margin: 0 !important; }

.btn.has-icon {
  padding: 2px 18px !important;
  transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1);
  -moz-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1);
  -webkit-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1);
  -o-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1);
  position: relative;
  opacity: 1;
  display: inline-block; }
  .btn.has-icon .icon {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -13px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    background: none !important; }
  .btn.has-icon span {
    left: 0px;
    display: inline-block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), -webkit-transform 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    position: relative; }
  .btn.has-icon:hover span {
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  .btn.has-icon:hover .icon {
    opacity: 1 !important;
    -ms-filter: "alpha(opacity=100)";
    -ms-transform: translateX(6px);
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
    background: none !important; }

.btn.btn-radius {
  padding: 0px 6px;
  border-radius: 20px; }
  .btn.btn-radius .icon {
    background: #1f5a96 !important;
    padding: 0.6rem 0.8rem 0.2rem 0.8rem;
    float: left;
    line-height: 18px; }
  .btn.btn-radius span {
    padding: 0.4rem 0.8rem 0.4rem 0.6rem;
    float: left;
    line-height: 18px;
    font-size: 13px;
    font-weight: 500; }

.btn.btn-form-action {
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 14px;
  margin-right: 4px; }
  .btn.btn-form-action .icon {
    background: #1f5a96 !important;
    padding: 0.6rem 0.8rem 0.2rem 0.8rem;
    float: left;
    line-height: 18px; }
  .btn.btn-form-action span {
    padding: 0.4rem 0.8rem 0.4rem 0.6rem;
    float: left;
    line-height: 18px;
    font-weight: 600; }

.btn.btn-sm.btn-form-action {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 14px x-large 2; }
  .btn.btn-sm.btn-form-action .icon {
    background: #1f5a96 !important;
    padding: 0.6rem 0.8rem 0.2rem 0.8rem;
    float: left;
    line-height: 18px; }
  .btn.btn-sm.btn-form-action span {
    padding: 0.4rem 0.8rem 0.4rem 0.6rem;
    float: left;
    line-height: 18px;
    font-weight: 600; }

.pointer {
  cursor: pointer; }

.height-except-top {
  min-height: calc(100vh - 50px); }

.submission-card {
  min-height: calc(100vh - 175px); }

.view-scroll-has-top {
  width: 100%;
  max-height: calc(100% - 120px);
  overflow: auto;
  float: left; }

.grid-common-btn {
  line-height: 14px !important;
  padding: 0.5rem 0.7rem !important;
  font-size: 14px !important; }
  .grid-common-btn.edit {
    color: #2367AB !important; }
  .grid-common-btn.delete {
    color: #dc3545 !important; }
  .grid-common-btn ~ .grid-common-btn {
    margin-left: 5px; }

.btn-grid-hastooltip {
  padding: 5px 6px 4px !important;
  margin: -3px 0 !important; }
  .btn-grid-hastooltip i {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important; }
    .btn-grid-hastooltip i.icon-safe-time {
      color: #2367AB; }
    .btn-grid-hastooltip i.icon-loop2, .btn-grid-hastooltip i.icon-file-search {
      color: #2367AB; }

.btn-grid-transparent {
  background: none !important;
  border: none !important; }

.cell-has-tooltip {
  overflow: visible !important; }

.export-svg-btn {
  width: 28px;
  height: 28px; }

.tab-has-border {
  width: 100%;
  height: 3px;
  float: left;
  background: #efefef;
  margin-top: -3px; }

.hover-effect:hover {
  opacity: 0.5; }

.compile-inprogress {
  margin: 10% auto 0;
  width: 100%;
  float: left;
  display: block;
  font-size: 16px;
  font-weight: 400;
  text-align: center; }

#lottie {
  background-color: transparent;
  width: 60%;
  height: auto;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
  margin: 5% auto; }

.modal.audit-modal-full {
  z-index: 1100000 !important;
  background: rgba(0, 0, 0, 0.2); }

.modal-dialog {
  margin: 60px auto 0 !important; }

* ::-webkit-input-placeholder {
  color: #e9ecef; }
* ::-moz-placeholder {
  color: #e9ecef; }
* :-ms-input-placeholder {
  color: #e9ecef; }
* :-moz-placeholder {
  color: #e9ecef; }

.bootbox.modal .form-control.bootbox-error {
  border-color: #ff6767 !important;
  border-width: 2px !important; }

.dynamic-add-list {
  max-height: 120px;
  overflow-y: auto;
  list-style-type: none;
  width: 100%;
  float: left;
  margin: 0;
  margin-top: 5px;
  padding: 0;
  border-radius: 3px; }
  .dynamic-add-list.maxh-80 {
    max-height: 80px; }
  .dynamic-add-list li {
    float: left;
    width: auto;
    margin: 0 5px 5px 0; }
    .dynamic-add-list li label {
      float: left;
      width: auto;
      background: #e9ecef;
      padding: 0px 5px;
      border-radius: 10px;
      font-size: 12px !important;
      color: #343a40 !important;
      font-weight: normal !important;
      line-height: 20px !important; }
      .dynamic-add-list li label i {
        float: right;
        font-size: 12px;
        margin: 4px 0 0 4px;
        line-height: 15px;
        cursor: pointer; }
  .dynamic-add-list.table-list {
    border: 1px solid #c1d4e6; }
    .dynamic-add-list.table-list li {
      width: 100%;
      padding: 2px 0; }
      .dynamic-add-list.table-list li:first-child {
        background: #f9f9f9;
        border: none !important;
        border-bottom: 1px solid #c1d4e6 !important; }
        .dynamic-add-list.table-list li:first-child span {
          font-weight: 500;
          color: #343a40 !important; }
      .dynamic-add-list.table-list li:nth-child(odd) {
        border-top: 1px solid #c1d4e6;
        border-bottom: 1px solid #eee; }
      .dynamic-add-list.table-list li span {
        float: left;
        background: none;
        padding: 4px 10px;
        border-radius: 10px;
        font-size: 13px !important;
        color: #343a40 !important; }
        .dynamic-add-list.table-list li span i {
          float: right;
          font-size: 12px;
          margin: 4px 0 0 4px;
          line-height: 15px;
          cursor: pointer; }

.form-separation .dynamic-add-list li label {
  background: #fff;
  padding: 2px 6px;
  font-size: 13px !important;
  font-weight: 500 !important; }

.dynamic-add-control .input-group-btn .btn {
  padding: 1rem 1rem; }

.envelope-total {
  padding: 15px 20px 10px;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  margin: 10px; }
  .envelope-total .dynamic-tabs li {
    margin: 0 5px; }
  .envelope-total .dynamic-tabs .country-dd {
    padding: 0px 8px 0;
    border: none;
    margin-left: 2px; }
    .envelope-total .dynamic-tabs .country-dd.active {
      border-color: #ddd #ddd #fff; }
    .envelope-total .dynamic-tabs .country-dd select {
      height: 22px !important;
      min-height: 16px;
      border: none;
      font-size: 14px;
      padding: 0;
      color: #333; }
    .envelope-total .dynamic-tabs .country-dd .form-control.k-widget {
      height: 28px !important;
      line-height: 26px !important;
      font-size: 12px !important;
      min-height: 18px !important;
      min-width: 120px;
      width: auto;
      padding-right: 0;
      border: 2px solid #eee;
      max-width: 200px;
      padding-right: 20px; }
      .envelope-total .dynamic-tabs .country-dd .form-control.k-widget select, .envelope-total .dynamic-tabs .country-dd .form-control.k-widget .k-dropdown-wrap, .envelope-total .dynamic-tabs .country-dd .form-control.k-widget .k-select {
        height: 22px !important;
        line-height: 26px !important;
        font-size: 12px !important;
        min-height: 18px !important;
        padding: 0 0em 0 0; }
      .envelope-total .dynamic-tabs .country-dd .form-control.k-widget .k-select {
        height: 22px !important;
        line-height: 26px !important;
        font-size: 12px !important;
        min-height: 18px !important;
        padding: 0 0em 0 0;
        margin-right: -26px; }
      .envelope-total .dynamic-tabs .country-dd .form-control.k-widget .k-state-default .k-input {
        height: 22px !important;
        line-height: 26px !important;
        font-size: 12px !important;
        min-height: 18px !important; }
  .envelope-total .dynamic-tabs .nav-item a {
    padding: 4px 8px;
    border: none; }
    .envelope-total .dynamic-tabs .nav-item a.active {
      border-bottom: 2px solid #2367AB;
      color: #2367AB;
      font-weight: 600; }
    .envelope-total .dynamic-tabs .nav-item a.add-tab {
      padding: 7px 8px 4px 6px;
      border: 1px solid #eee;
      position: relative;
      top: 10px; }
      .envelope-total .dynamic-tabs .nav-item a.add-tab:hover {
        background: #f8f9fa; }
    .envelope-total .dynamic-tabs .nav-item a .tab-close:hover {
      color: #dc3545; }

.envelope-details {
  padding: 10px;
  background: #f8f9fa;
  border: 1px solid #E0E0E0; }

table.dynamic-add-list {
  border: 1px solid #d8d8d8 !important; }
  table.dynamic-add-list th {
    padding: 5px;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    background: #eee; }
  table.dynamic-add-list td {
    padding: 5px;
    text-align: left;
    font-size: 13px;
    font-weight: 400; }

.contact-info-btns i {
  line-height: 14px;
  padding: 0.5rem 0.7rem; }
  .contact-info-btns i.icon-draw {
    color: #2367AB; }
  .contact-info-btns i.icon-trash-o {
    color: #dc3545; }

.input-help {
  padding: 0 0 0 3px !important;
  line-height: 25px !important;
  width: 26px !important;
  height: 26px !important;
  text-align: center !important;
  float: right !important;
  margin: 35px -20px 0 0px !important;
  font-size: 13px !important;
  color: #FF594E !important; }
  .input-help .popover.bs-popover-left, .input-help .popover.bs-popover-auto[x-placement^="left"] {
    margin: -3.5% 0 0 -22%; }

.input-help-inline {
  padding: 0 0 0 3px !important;
  line-height: 25px !important;
  width: 26px !important;
  height: 26px !important;
  text-align: center !important;
  float: right !important;
  margin: 0px !important;
  font-size: 13px !important;
  color: #FF594E !important; }

.pop-tabs span {
  font-weight: 600 !important;
  border: 1px solid #999;
  padding: 2px 8px; }

.pop-tabs span.active {
  background: #2367AB !important;
  color: #fff !important; }

.pop-tabs {
  margin-bottom: 10px; }

.envelop-ch-required-note {
  position: relative;
  top: -30px; }

.favorite-check {
  visibility: hidden;
  font-size: 14px;
  cursor: pointer;
  opacity: 1 !important;
  left: auto !important; }

.favorite-check::before,
.favorite-check::after {
  position: absolute;
  font-family: "submitpro-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  border-radius: 3px; }

.favorite-check::before {
  color: #999;
  content: "\21";
  position: absolute;
  visibility: visible; }

.favorite-check:checked::before {
  color: #f9a80f;
  content: "\21";
  position: absolute; }

.app-check-div {
  width: 24px;
  float: left;
  height: 20px; }

.active-check {
  visibility: hidden;
  font-size: 14px;
  cursor: pointer;
  opacity: 1 !important;
  left: auto !important; }

.active-check:before,
.active-check:after {
  position: absolute;
  font-family: "submitpro-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  border-radius: 3px; }

.active-check:before {
  position: absolute;
  visibility: visible;
  font-family: "Roboto", sans-serif !important;
  content: 'In-active';
  font-size: 12px;
  background: #666;
  padding: 4px;
  color: #fff;
  margin-top: -9px;
  white-space: nowrap; }

.active-check:checked:before {
  position: absolute;
  font-family: "Roboto", sans-serif !important;
  content: 'active';
  font-size: 12px;
  background: #5ebb6a;
  padding: 4px;
  color: #fff;
  margin-top: -9px;
  white-space: nowrap; }

.unfavourite, .favourite {
  visibility: initial;
  font-size: 14px;
  cursor: pointer;
  float: left;
  width: 8%;
  margin: 0;
  padding: 0;
  height: 10px;
  background: none;
  border: none;
  text-align: left;
  line-height: 10px; }

.unfavourite::before,
.unfavourite::after,
.favourite::before,
.favourite::after {
  position: absolute;
  font-family: "submitpro-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  border-radius: 3px; }

.unfavourite::before {
  color: #999;
  content: "\21";
  position: absolute;
  visibility: visible; }

.favourite::before {
  color: #f9a80f;
  content: "\21";
  visibility: visible;
  position: absolute; }

.custom-dropdown-btn {
  position: relative; }

.custom-dropdown-btn > a {
  display: block;
  color: #333;
  background-color: #fff;
  padding: 10px 20px;
  text-decoration: none; }

.custom-dropdown-btn > a span {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  color: #999; }

.custom-dropdown-btn > a:hover, .custom-dropdown-btn > a.dropdown-opener.active {
  background-color: #289dcc;
  color: #fff; }

.custom-dropdown-btn > a:hover span, .custom-dropdown-btn > a.dropdown-opener.active span {
  color: #fff; }

.custom-dropdown {
  display: none;
  position: absolute;
  left: 0;
  padding: 0;
  margin: 0;
  margin-top: 3px;
  text-align: left; }

.custom-dropdown.active {
  display: block; }

.custom-dropdown a {
  width: 150px; }

.grid-paging.k-pager-wrap {
  width: 400px;
  float: left;
  background: none;
  border: none;
  margin-top: -5px;
  font-size: 12px !important; }
  .grid-paging.k-pager-wrap a.k-link[aria-label="Go to the last page"], .grid-paging.k-pager-wrap a.k-link[aria-label="Go to the first page"] {
    display: none; }
  .grid-paging.k-pager-wrap a.k-link[aria-label="Go to the previous page"], .grid-paging.k-pager-wrap a.k-link[aria-label="Go to the next page"] {
    border: none;
    color: #1f5a96 !important;
    background: #fff;
    padding: 0;
    border-radius: 3px;
    width: 24px;
    height: 24px;
    min-width: 12px;
    margin-top: 3px; }
    .grid-paging.k-pager-wrap a.k-link[aria-label="Go to the previous page"] .k-icon, .grid-paging.k-pager-wrap a.k-link[aria-label="Go to the next page"] .k-icon {
      font-size: 20px;
      width: 18px;
      height: 13px;
      line-height: 10px;
      margin-top: -6px;
      padding: 0; }
  .grid-paging.k-pager-wrap input.k-textbox {
    width: 30px;
    padding: 0;
    height: 26px; }
  .grid-paging.k-pager-wrap .k-pager-input.k-label {
    margin-top: 3px;
    padding: 0 5px 0 0px; }
  .grid-paging.k-pager-wrap .k-dropdown {
    width: 46px;
    padding: 0;
    margin: 2px 5px 0 20px;
    border: 1px solid #eee;
    background: none;
    height: 25px; }
    .grid-paging.k-pager-wrap .k-dropdown span.k-dropdown-wrap.k-state-default {
      background: none;
      border: none; }
      .grid-paging.k-pager-wrap .k-dropdown span.k-dropdown-wrap.k-state-default span.k-input {
        padding: 0 5px;
        text-align: left;
        width: 24px;
        text-indent: 0; }
      .grid-paging.k-pager-wrap .k-dropdown span.k-dropdown-wrap.k-state-default span.k-select .k-icon {
        padding: 0;
        margin: -5px -5px 0 3px; }
  .grid-paging.k-pager-wrap .k-pager-info {
    font-weight: 600;
    color: #343a40;
    padding-right: 0; }

.view-options {
  background: #e9ecef;
  border: 1px solid #e6e6e6;
  font-size: 14px;
  padding: 4px 5px;
  line-height: 10px;
  color: #343a40;
  margin: 2px;
  /*&:first-child{
     border-radius: 3px 0 0 3px;
     margin: 0 -5px 0 20px;
     border-radius: 2px;
  }*/ }
  .view-options.active, .view-options:hover {
    opacity: 0.5; }

.dropdown-content.grid-dropdown {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 3%;
  /* margin-left: -2%; */
  right: 20px; }
  .dropdown-content.grid-dropdown.dd-position-top {
    margin-top: -225px; }

.dropdown-content.grid-dropdown a {
  color: #495057;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  border-bottom: 0 solid #eee; }
  .dropdown-content.grid-dropdown a:hover {
    background: #f8f9fa;
    cursor: pointer; }
  .dropdown-content.grid-dropdown a i {
    font-size: 14px;
    line-height: 21px;
    float: left;
    padding-right: 8px; }
    .dropdown-content.grid-dropdown a i.icon-plus-1 {
      line-height: 24px; }
    .dropdown-content.grid-dropdown a i.icon-file-plus {
      font-size: 18px;
      color: #495057;
      margin-left: -2px; }
  .dropdown-content.grid-dropdown a.divide-here {
    border-bottom: 1px solid #eee; }

.btn.btn-dropdown {
  float: right;
  line-height: 15px;
  padding: 5px 5px; }
  .btn.btn-dropdown i {
    margin: 0; }
    .btn.btn-dropdown i:first-child {
      margin-right: 2px; }
    .btn.btn-dropdown i.icon-caret-down-two {
      font-size: 12px;
      line-height: 10px; }
  .btn.btn-dropdown.submission-moreoptions {
    font-size: 16px;
    color: #868e96;
    padding: 4px 5px !important; }

.treeInlineEdit > input {
  font-size: 1.5em;
  min-width: 10em;
  min-height: 2em;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border: 0px solid #ffffff; }

.my-selected-state {
  background-color: lightskyblue;
  color: white; }

.holder {
  width: 100%;
  height: 30px;
  position: absolute;
  margin: -25px 0 0 0; }

#localfile, #localfileForPlaceHolder, #localfileForLcm,
#localChangeFile {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 2px;
  opacity: 0; }

.sequence-details-view .form-group label {
  font-size: 13px;
  font-weight: 600;
  color: #343a40;
  line-height: 25px; }
.sequence-details-view .form-group span {
  font-size: 13px;
  font-weight: 400;
  color: #495057;
  line-height: 25px; }

.submissions-section {
  height: calc(100vh - 153px);
  overflow: auto; }
  .submissions-section.metadata-scroll-section {
    overflow: visible;
    height: auto; }

.admin-scroll-section {
  height: calc(100vh - 140px);
  overflow: auto;
  width: 100%;
  /*.admin-top-navigation{
      position:fixed;
  }*/ }

.btn.scrolltop-btn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px !important;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  border-radius: 50% !important;
  padding: 7px 6px 7px 9px !important;
  text-align: center !important; }

.import-kgrid input.btn.btn-primary {
  background: #fff;
  border: 1px solid #333;
  box-shadow: none;
  color: #333;
  padding: 3px 5px;
  font-weight: 500; }

.import-kgrid span.label-danger {
  background: none;
  border: 1px solid #dc3545;
  padding: 4px 9px;
  line-height: 10px;
  color: #dc3545;
  font-weight: 500; }

.import-kgrid span.metainactive {
  background: none;
  border: 1px solid #2367ab;
  border-radius: 5px;
  color: #2367ab;
  font-weight: 500;
  padding: 3px 5px; }

.import-kgrid span.label-success {
  background: none;
  border: 1px solid #28a745;
  padding: 4px 9px;
  line-height: 10px;
  color: #28a745; }

.filter-searchbox {
  float: left;
  width: 100%;
  margin-bottom: 10px; }
  .filter-searchbox input.form-control {
    min-height: 20px;
    height: 26px; }
    .filter-searchbox input.form-control:focus + .search-clear:after {
      opacity: 0; }
    .filter-searchbox input.form-control:focus + .search-clear i {
      opacity: 1;
      top: -4px;
      position: relative; }
  .filter-searchbox .search-clear {
    position: absolute;
    top: 35px;
    right: 10px;
    color: #2367AB;
    font-size: 12px;
    text-decoration: none; }
    .filter-searchbox .search-clear i {
      opacity: 0;
      top: -0px;
      right: -2px; }
    .filter-searchbox .search-clear:after {
      content: "\50";
      font-family: "submitpro-icons" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 10px;
      top: 1px;
      color: #868e96 !important; }

.badge {
  font-size: 12px !important;
  padding: 3px 8px;
  border-radius: 3px;
  font-weight: 600 !important; }

.badge-success {
  background: #71cb71b3;
  color: #006800 !important;
  border: 1px solid #75cb80; }

.badge-failed {
  background: #ff5a6a94;
  color: #ab0010 !important;
  border: 1px solid #e58192; }

.text-white {
  color: #fff !important; }

.manage-sequence-total {
  padding: 0; }
  .manage-sequence-total .manage-sequence-navigation {
    width: 100%;
    height: 46px;
    padding: 4px 0;
    /*background: $lightgray;
    box-shadow: -1px -1px 1px 2px #d9d9da;
    -webkit-box-shadow: -1px -1px 1px 2px #d9d9da;
    -moz-box-shadow: -1px -1px 1px 2px #d9d9da;
    z-index: 1;
    position: relative;*/ }

.sequence-top-btns {
  float: right;
    /*
    a {
        padding: 0;
    }
 
    .btn-flat {
       line-height: 28px;
        font-size: $font-size-small;
       color: $white;
        background:$primary $imp;
        background: $second-color $imp;

        i {
            padding: 2px 2px 0 0;
            float: left;
            font-size: $font-14;
            color: $white;

            &.icon-file-network {
                font-size: 26px;
                padding: 0;
                line-height: 20px;
            }

            &.icon-refresh-file {
                font-size: 17px;
            }
        }
   
        &:hover {
        background: darken($second-color, 8%)$imp;
        } 
    }*/ }

.sequence-sticky-btns {
  position: fixed;
  right: 0;
  top: 40%;
  width: 40px;
  margin: 0 !important;
  background: #fff !important;
  padding: 0;
  -webkit-box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2);
  -moz-box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2);
  box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2);
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  transition: right 0.5s ease-in-out;
  -webkit-transition: right 0.5s ease-in-out; }
  .sequence-sticky-btns.active {
    right: 35.2%;
    transition: right 0.5s ease-in-out;
    -webkit-transition: right 0.5s ease-in-out; }
  .sequence-sticky-btns > button {
    width: 100%;
    box-shadow: none !important;
    padding: 6px 6px 8px 8px !important; }
    .sequence-sticky-btns > button i {
      color: #868e96 !important;
      margin: 0 !important;
      padding: 0 !important;
      font-size: 20px !important;
      line-height: 20px; }
      .sequence-sticky-btns > button i.icon-file-network {
        font-size: 28px !important;
        margin-left: -3px !important; }
    .sequence-sticky-btns > button:hover i {
      color: #2367AB !important; }
    .sequence-sticky-btns > button.active {
      background: #2367AB !important; }
      .sequence-sticky-btns > button.active i {
        color: #fff !important; }
    .sequence-sticky-btns > button:last-child {
      -webkit-border-radius: 0 0 0 8px;
      -moz-border-radius: 0 0 0 8px;
      -ms-border-radius: 0 0 0 8px;
      -o-border-radius: 0 0 0 8px;
      border-radius: 0 0 0 8px; }

.btn-add-sequence {
  float: left;
  background: #2367AB !important;
  color: #fff;
  margin: 5px 0 0 10px;
  padding: 7px 8px 6px !important; }
  .btn-add-sequence i {
    position: relative;
    top: 2px;
    margin-right: 3px; }

.sequence-selection {
  float: left;
  width: 82%; }
  .sequence-selection .sequence-filter-dd {
    float: left;
    width: auto;
    padding: 5px 5px; }
    .sequence-selection .sequence-filter-dd > label,
    .sequence-selection .sequence-filter-dd > span,
    .sequence-selection .sequence-filter-dd > select {
      float: left;
      padding-right: 5px; }
    .sequence-selection .sequence-filter-dd .form-control.k-widget {
      height: auto !important;
      line-height: 27px !important;
      font-size: 12px !important;
      min-height: 18px !important;
      width: 130px;
      padding-right: 0; }
      .sequence-selection .sequence-filter-dd .form-control.k-widget select, .sequence-selection .sequence-filter-dd .form-control.k-widget .k-dropdown-wrap, .sequence-selection .sequence-filter-dd .form-control.k-widget .k-select {
        height: 24px !important;
        line-height: 27px !important;
        font-size: 12px !important;
        min-height: 18px !important;
        padding: 0 0em 0 0; }
      .sequence-selection .sequence-filter-dd .form-control.k-widget .k-state-default .k-input {
        height: 24px !important;
        line-height: 27px !important;
        font-size: 12px !important;
        min-height: 18px !important; }
  .sequence-selection .cumulative-drops .form-control.k-widget {
    width: 80px !important; }
  .sequence-selection .manage-sequence-title {
    max-width: 16%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.tree-search {
  padding: 2px 4px;
  min-height: 30px;
  width: 100%;
  float: left;
  color: #666;
  border-radius: 2px;
  border: 1px solid #ddd;
  font-size: 13px;
  line-height: 24px;
  background: #fff; }

.tree-searchManageSequence {
  padding: 2px 4px;
  min-height: 30px;
  width: 100%;
  float: left;
  color: #666;
  border-radius: 2px;
  border: 1px solid #ddd;
  font-size: 13px;
  line-height: 24px;
  background: #fff; }

.tree-search::-webkit-input-placeholder {
  color: #868e96 !important;
  font-size: 12px !important; }

.tree-search::-moz-placeholder {
  color: #868e96 !important;
  font-size: 12px !important; }

.tree-search:-ms-input-placeholder {
  color: #868e96 !important;
  font-size: 12px !important; }

.tree-search:-moz-placeholder {
  color: #868e96 !important;
  font-size: 12px !important; }

.manage-addforms-total {
  float: left;
  padding: 0;
  background: #F2F2F2;
  border-radius: 3px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  width: calc(100% - 1px);
  height: calc(100% - 45px);
  margin: 0;
  overflow-x: hidden; }
  .manage-addforms-total .manage-addform {
    padding: 0;
    float: left;
    width: 100%; }
    .manage-addforms-total .manage-addform .manage-addform-header {
      border-bottom: 1px solid #E0E0E0;
      padding: 15px; }
      .manage-addforms-total .manage-addform .manage-addform-header h4 {
        margin: 0; }
    .manage-addforms-total .manage-addform .manage-addform-body {
      padding: 15px; }

.sequence-details-btn {
  padding: 0;
  float: left;
  position: fixed !important;
  right: 0.5%;
  top: 40%;
  transition: right 0.5s ease-in-out;
  -webkit-transition: right 0.5s ease-in-out; }
  .sequence-details-btn.active {
    right: 485px;
    transition: right 0.5s ease-in-out;
    -webkit-transition: right 0.5s ease-in-out; }
  .sequence-details-btn i {
    padding: 4px 4px;
    font-size: 20px;
    line-height: 14px;
    background: #2367AB;
    color: #fff;
    float: left;
    margin: 5px -1px 0 0px;
    border-radius: 3px 0 0 3px; }
  .sequence-details-btn:hover i {
    background: #1f5a96; }

.searchTreeClose {
  position: absolute;
  top: 3px;
  right: 15px;
  color: #1976d2;
  font-size: 12px;
  text-decoration: none; }

.searchManageTree {
  position: absolute;
  top: 3px;
  right: 0px;
  color: #1976d2;
  font-size: 12px;
  text-decoration: none; }

.manage-sequence-search .search-clear {
  position: absolute;
  top: 3px;
  right: 0px;
  color: #1976d2;
  font-size: 12px;
  text-decoration: none; }
  .manage-sequence-search .search-clear:hover {
    text-decoration: none;
    color: #dc3545; }

.ich-listview {
  border: none;
  float: left;
  margin-top: 5px;
  width: 100%;
  overflow: visible; }
  .ich-listview > div {
    float: left;
    width: 100%; }
  .ich-listview .listview-record {
    padding: 0;
    border-bottom: 0px solid #eee;
    float: left;
    margin: 0;
    width: 100%; }
    .ich-listview .listview-record .app-name {
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      width: auto;
      float: left; }
    .ich-listview .listview-record .productname {
      margin: 0;
      padding: 4px 0;
      color: #999;
      clear: left; }
    .ich-listview .listview-record .fav-app {
      width: 3%;
      float: left;
      height: 30px; }
    .ich-listview .listview-record p {
      margin: 0; }
    .ich-listview .listview-record .region-data {
      color: #868e96;
      font-weight: 600; }
      .ich-listview .listview-record .region-data.TGA {
        background: url(../../../Images/tga-region.png) #f9f9f9 !important;
        background-size: 60px !important;
        font-size: 0 !important; }
    .ich-listview .listview-record .sequence-info span {
      color: #2367AB;
      padding-top: 4px;
      float: left;
      font-weight: 600; }
    .ich-listview .listview-record .date-info {
      padding-top: 4px;
      color: #999;
      font-style: italic; }
    .ich-listview .listview-record .status-info {
      float: right;
      width: 8px;
      height: 8px;
      border-radius: 10px;
      margin: 4px 0 0 4px; }
      .ich-listview .listview-record .status-info.appstatus-manage {
        background: #28a745; }

.kendo-listview.ich-listview .listview-record .sequence-info span {
  color: #495057;
  font-weight: 500; }

.ich-listview-title {
  padding: 4px 0px !important;
  float: left;
  width: 100% !important; }
  .ich-listview-title h4 {
    font-size: 13px;
    font-weight: 600;
    color: #666;
    margin: 0 !important; }
    .ich-listview-title h4.card-title {
      font-size: 14px;
      font-weight: 500; }
  .ich-listview-title .btn-sm {
    line-height: 12px;
    padding: 6px 5px 4px 5px;
    margin: 2px 0 0px 6px !important;
    background: #2367AB;
    color: #fff;
    border-radius: 3px; }
    .ich-listview-title .btn-sm i {
      padding-right: 2px;
      margin: 0;
      float: left; }

.excipients-total {
  padding: 0 !important;
  border: none;
  margin: -2px 0 10px;
  width: 100% !important;
  border: 0px solid #dee4ec;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.12); }

.excipients-title {
  padding: 2px 5px;
  font-size: 13px;
  font-weight: 600;
  background: none;
  margin-bottom: 0;
  display: none; }

.excipients-row-heads {
  display: flex;
  flex-wrap: nowrap;
  flex-flow: row;
  justify-content: space-around;
  padding: 6px 0 4px;
  background: #f9f9f9;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee; }
  .excipients-row-heads .excipient-head {
    width: 20%;
    float: left;
    color: #343a40;
    font-weight: 500;
    font-size: 12px; }

.excipients-row-content {
  display: flex;
  flex-wrap: nowrap;
  flex-flow: row;
  justify-content: space-around; }
  .excipients-row-content .excipient-data {
    width: 20%;
    float: left; }
    .excipients-row-content .excipient-data .list-span {
      line-height: 28px;
      padding: 0 5px;
      overflow: hidden;
      width: 100%;
      float: left;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-weight: 400;
      font-size: 13px; }

.excipients-row {
  border-bottom: none;
  padding-bottom: 0px;
  margin: 0 0 1px !important;
  padding: 5px 0;
  background: #fff;
  /*&:only-child, &:last-child {
      border-bottom: none;
      padding-bottom: 0px;
  }*/ }
  .excipients-row .list-label {
    color: #495057;
    padding-top: 4px;
    float: left;
    font-weight: 400;
    width: 100%; }
  .excipients-row .list-span {
    color: #495057;
    padding-top: 4px;
    float: left;
    font-weight: 500;
    width: 100%; }
  .excipients-row:last-child {
    margin: 0 0 0px !important; }

.add-excipients {
  padding: 10px;
  margin: 10px auto;
  border: 1px solid #eee;
  width: 40%; }

.sequence-pdf-view {
  width: 100%;
  float: left;
  height: calc(100vh - 200px);
  overflow-y: auto; }

.ich-flex-container {
  display: flex;
  flex-wrap: nowrap;
  flex-flow: row;
  justify-content: space-around;
  padding: 5px 10px; }
  .ich-flex-container > .ich-flex-col {
    width: 20%;
    margin: 0px; }
  .ich-flex-container .ich-flex-col-basic {
    flex-basis: 120px; }
  .ich-flex-container .ich-flex-col-actions {
    flex-basis: 60px; }
  .ich-flex-container.ich-flex-container-data {
    background: #fff;
    padding: 8px 0;
    background: #fff;
    padding: 8px 5px;
    margin: 2px 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.12);
    font-size: 13px; }
  .ich-flex-container span.ich-datacontent {
    line-height: 28px;
    padding: 0 5px;
    overflow: hidden;
    width: 100%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px; }
  .ich-flex-container .ich-datahead {
    color: #868e96;
    font-weight: 500;
    font-size: 12px; }

.ich-dataview .wd-20 {
  width: 20%;
  float: left; }

.ich-form-section {
  background: #fff;
  padding: 10px;
  margin: 0 -9px;
  width: 103%; }

.ich-manage-options {
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 3%;
  right: 0px; }
  .ich-manage-options > .btn {
    color: #495057;
    padding: 7px 10px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #eee !important;
    float: none !important;
    width: 100%;
    text-align: left;
    font-size: 14px;
    background: none;
    line-height: 21px; }
    .ich-manage-options > .btn:hover {
      background: #f8f9fa !important;
      cursor: pointer; }
    .ich-manage-options > .btn i {
      font-size: 14px;
      line-height: 21px !important;
      float: left;
      padding-right: 8px;
      color: #495057 !important;
      position: relative;
      top: 2px; }
      .ich-manage-options > .btn i.icon-plus-1 {
        line-height: 24px; }

.sequence-rightclick-menu li {
  color: #343a40; }
  .sequence-rightclick-menu li > span.k-link {
    padding: 6px 10px !important;
    line-height: 20px !important; }
    .sequence-rightclick-menu li > span.k-link .k-icon {
      top: 55% !important;
      right: 5px !important; }
  .sequence-rightclick-menu li.has-dropdown > span.k-link {
    padding-right: 50px !important; }
  .sequence-rightclick-menu li i {
    color: #343a40;
    padding-right: 6px;
    font-size: 14px;
    position: relative;
    top: 3px; }
    .sequence-rightclick-menu li i.icon-refresh {
      font-size: 12px;
      top: 2px;
      padding-right: 10px; }
    .sequence-rightclick-menu li i.icon-expand, .sequence-rightclick-menu li i.icon-collapse {
      padding-right: 8px; }
    .sequence-rightclick-menu li i.icon-close-1 {
      padding-right: 10px; }
  .sequence-rightclick-menu li ul.k-menu-group {
    padding: 0 !important; }

.pdf-view-total {
  margin: 0px 0px 0 0;
  background: #e9ecef;
  padding: 10px;
  float: left;
  width: calc(100% + 3px);
  height: calc(100vh - 95px); }
  .pdf-view-total > .dynamic-tabs .nav-link {
    padding: 4px 8px !important;
    font-size: 13px !important; }
  .pdf-view-total .nav-tabs .nav-item {
    margin-bottom: -2px;
    height: 28px;
    margin-right: 5px;
    border-radius: 3px 3px 0 0;
    padding: 2px 4px;
    box-shadow: 0px -5px 7px 1px rgba(113, 113, 113, 0.18); }
    .pdf-view-total .nav-tabs .nav-item:hover {
      cursor: pointer; }
    .pdf-view-total .nav-tabs .nav-item.active {
      background: #fff; }
      .pdf-view-total .nav-tabs .nav-item.active:hover {
        background: #fff; }
      .pdf-view-total .nav-tabs .nav-item.active .tab-close {
        background: #fff; }
        .pdf-view-total .nav-tabs .nav-item.active .tab-close:hover {
          color: #dc3545; }
    .pdf-view-total .nav-tabs .nav-item a.tab-close {
      padding: 7px 5px 0 0px;
      float: right;
      font-size: 12px;
      color: #868e96; }
    .pdf-view-total .nav-tabs .nav-item:hover {
      background: #fff; }
      .pdf-view-total .nav-tabs .nav-item:hover a.tab-close {
        background: #fff; }
        .pdf-view-total .nav-tabs .nav-item:hover a.tab-close:hover {
          color: #dc3545; }
    .pdf-view-total .nav-tabs .nav-item .nav-link i.tab-close {
      margin-left: 10px;
      margin-top: 4px; }
      .pdf-view-total .nav-tabs .nav-item .nav-link i.tab-close:hover {
        color: #dc3545; }
    .pdf-view-total .nav-tabs .nav-item .nav-link:hover {
      border-color: transparent !important; }
    .pdf-view-total .nav-tabs .nav-item .nav-link:focus {
      border-color: transparent !important; }
  .pdf-view-total .pdf-view-details {
    background: #fff;
    box-shadow: 0px 0px 1px 2px #e6e6e6;
    float: left;
    width: 100%; }
  .pdf-view-total .pdf-details-btn {
    font-size: 12px;
    padding: 8px;
    float: left;
    width: 99%;
    border: 1px solid #e2e2e2;
    margin: 5px;
    font-weight: 500; }
    .pdf-view-total .pdf-details-btn:hover {
      background: #f2f2f2; }
    .pdf-view-total .pdf-details-btn i {
      float: right;
      font-size: 12px;
      line-height: 0px;
      padding-top: 3px;
      color: #666; }
  .pdf-view-total .pdf-details-box {
    float: left;
    width: 100%;
    height: 0;
    max-height: 0;
    transition: max-height 0.8s ease-in-out;
    -webkit-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    -moz-transition: max-height 0.8s ease-in-out; }
    .pdf-view-total .pdf-details-box > div {
      opacity: 0;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out; }
    .pdf-view-total .pdf-details-box * {
      opacity: 0;
      max-height: 0;
      transition: opacity 0.2s ease-in-out;
      -webkit-transition: opacity 0.2s ease-in-out;
      -o-transition: opacity 0.2s ease-in-out;
      -moz-transition: opacity 0.2s ease-in-out; }
    .pdf-view-total .pdf-details-box.show-pdfdetails {
      height: auto;
      max-height: 300px;
      transition: max-height 2s ease-in-out;
      -webkit-transition: max-height 2s ease-in-out;
      -o-transition: max-height 2s ease-in-out;
      -moz-transition: max-height 2s ease-in-out;
      border-bottom: 1px solid #E0E0E0; }
      .pdf-view-total .pdf-details-box.show-pdfdetails > div {
        opacity: 1;
        transition: all 2s ease-in-out;
        -webkit-transition: all 2s ease-in-out; }
      .pdf-view-total .pdf-details-box.show-pdfdetails * {
        opacity: 1;
        max-height: 200px;
        transition: opacity 2s ease-in-out;
        -webkit-transition: opacity 2s ease-in-out;
        -o-transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out; }

.edit-pdf-iframe-btn {
  position: absolute;
  z-index: 100;
  color: #fff !important;
  margin-top: 10px !important;
  margin-left: 45% !important; }

.pdf-iframe {
  width: 100%;
  height: 465px; }

.add-dropdown {
  display: none; }

.open-add-dropdown:hover .add-dropdown {
  display: block; }

.sequence-view-settings-btn {
  float: left;
  padding: 1px 8px 5px 3px;
  border-right: 1px dotted #d1d1d2; }
  .sequence-view-settings-btn i {
    padding: 5px 4px;
    font-size: 18px;
    line-height: 14px;
    color: #495057;
    float: left;
    margin: 5px 0 0px 5px;
    border-radius: 3px; }
    .sequence-view-settings-btn i.icon-refresh {
      font-size: 14px;
      position: relative;
      top: 1px; }
  .sequence-view-settings-btn:hover {
    background: #e9ecef; }

.sequence-view-settings {
  float: left;
  position: absolute;
  z-index: 100;
  background: #fff;
  padding: 10px;
  margin-top: 0%;
  margin-left: 20%;
  box-shadow: 0px 0px 1px 1px #e2e2e2; }
  .sequence-view-settings .sequence-filter-dd {
    padding: 0 5px; }
  .sequence-view-settings .icon-close-round {
    font-size: 10px;
    position: absolute;
    right: 5px;
    color: #10B5E8;
    top: 5px; }
    .sequence-view-settings .icon-close-round:hover {
      color: #0ea2d0;
      cursor: pointer; }
  .sequence-view-settings:after, .sequence-view-settings:before {
    right: 50%;
    top: -5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .sequence-view-settings:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #969696;
    border-width: 6px;
    margin-top: -6px; }
  .sequence-view-settings:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #969696;
    border-width: 7px;
    margin-top: -7px; }
  .sequence-view-settings.sq-view {
    margin-left: 32%; }
    .sequence-view-settings.sq-view:before {
      right: 0;
      left: 100%;
      border-left-color: #969696;
      border-right: 0; }
    .sequence-view-settings.sq-view:after {
      display: none; }
  .sequence-view-settings.cm-view {
    margin: 7vh 15% 0 0vw;
    float: right;
    right: 0; }

.sequence-add-dropcontent {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  z-index: 1;
  margin-top: 5px;
  margin-left: -10px; }
  .sequence-add-dropcontent button {
    float: left;
    padding: 10px;
    color: #495057;
    width: 100%;
    text-align: left;
    line-height: 15px;
    font-size: 13px; }
    .sequence-add-dropcontent button i {
      padding: 1px 6px 0 0;
      float: left;
      margin: 0;
      line-height: 10px; }
    .sequence-add-dropcontent button:hover {
      background: #e9ecef; }

.sequence-add-dropdown {
  position: relative;
  float: left;
  line-height: 0px;
  padding: 7px 2px 6px 10px;
  font-weight: 500;
  color: #343a40;
  background: #fff;
  box-shadow: 0px 0px 1px 1px #eee;
  margin: 4px 0;
  border-radius: 2px;
  font-size: 13px; }
  .sequence-add-dropdown:hover {
    cursor: pointer;
    background: #f8f9fa; }
    .sequence-add-dropdown:hover .sequence-add-dropcontent {
      display: block; }
  .sequence-add-dropdown > i.icon.icon-plus {
    padding: 3px 6px 1px 0;
    float: left;
    font-size: 12px;
    color: #343a40;
    line-height: 15px; }
  .sequence-add-dropdown > i.icon-caret-down-two {
    padding: 0px 6px 0 0;
    display: inline-block;
    font-size: 13px;
    color: #343a40;
    line-height: 17px;
    position: relative;
    top: 3px; }

.sequence-check-dropcontent {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  z-index: 1;
  margin-top: 36px;
  margin-left: -4px; }
  .sequence-check-dropcontent button {
    float: left;
    padding: 10px;
    color: #666;
    width: 100%;
    text-align: left;
    line-height: 15px; }
    .sequence-check-dropcontent button i {
      padding: 1px 6px 0 0;
      float: left;
      margin: 0;
      line-height: 10px; }
    .sequence-check-dropcontent button:hover {
      background: #f8f9fa; }
    .sequence-check-dropcontent button:first-child {
      margin-top: 5px; }
  .sequence-check-dropcontent .treeview-select-options {
    float: left;
    font-size: 13px;
    padding: 10px; }
    .sequence-check-dropcontent .treeview-select-options .selection-check {
      float: left;
      width: 100%; }
      .sequence-check-dropcontent .treeview-select-options .selection-check [type=checkbox] + label {
        white-space: nowrap;
        height: 24px; }

.sequence-check-dropdown {
  position: relative;
  float: left;
  line-height: 0px;
  padding: 0;
  font-weight: 500;
  color: #2367AB; }
  .sequence-check-dropdown:hover .sequence-check-dropcontent {
    display: block; }
  .sequence-check-dropdown > i.icon.icon-plus {
    padding: 4px 6px 0 0;
    float: left;
    font-size: 12px;
    color: #2367AB;
    line-height: 15px; }
  .sequence-check-dropdown > i.icon-caret-down-two {
    padding: 0px 6px 0 0;
    display: inline-block;
    font-size: 13px;
    color: #2367AB;
    line-height: 17px;
    position: relative;
    top: 3px; }

/* Sequence Import */
.sequence-import-btn {
  float: left;
  padding: 1px 8px 5px 3px;
  border-right: 1px dotted #d1d1d2; }
  .sequence-import-btn i {
    padding: 5px 4px;
    font-size: 18px;
    line-height: 14px;
    color: #495057;
    float: left;
    margin: 5px 0 0px 5px;
    border-radius: 3px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg); }
    .sequence-import-btn i.icon-arrows-1 {
      font-size: 14px;
      position: relative;
      top: 1px; }
  .sequence-import-btn:hover {
    background: #e9ecef; }

.sequence-import-dropcontent {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  z-index: 1;
  margin-top: 34px;
  margin-left: 4px;
  padding: 5px 0; }
  .sequence-import-dropcontent button {
    float: left;
    padding: 10px;
    color: #495057;
    width: 100%;
    text-align: left;
    line-height: 15px;
    font-size: 13px; }
    .sequence-import-dropcontent button i {
      padding: 1px 6px 0 0;
      float: left;
      margin: 0;
      line-height: 10px; }
    .sequence-import-dropcontent button:hover {
      background: #f8f9fa; }
  .sequence-import-dropcontent .treeview-select-options {
    float: left;
    font-size: 13px;
    padding: 10px; }
    .sequence-import-dropcontent .treeview-select-options .selection-check {
      float: left;
      width: 100%; }
      .sequence-import-dropcontent .treeview-select-options .selection-check [type=checkbox] + label {
        white-space: nowrap;
        height: 24px; }
  .sequence-import-dropcontent ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .sequence-import-dropcontent ul li {
      float: left;
      width: 100%; }
      .sequence-import-dropcontent ul li button {
        float: left;
        padding: 10px 10px;
        font-size: 14px -1;
        margin: 0 !important; }

.sequence-import-dropdown {
  position: relative;
  float: left;
  line-height: 0px;
  padding: 0;
  font-weight: 500;
  color: #2367AB; }
  .sequence-import-dropdown:hover .sequence-import-dropcontent {
    display: block; }
  .sequence-import-dropdown > i.icon.icon-plus {
    padding: 4px 6px 0 0;
    float: left;
    font-size: 12px;
    color: #2367AB;
    line-height: 15px; }
  .sequence-import-dropdown > i.icon-caret-down-two {
    padding: 0px 6px 0 0;
    display: inline-block;
    font-size: 13px;
    color: #2367AB;
    line-height: 17px;
    position: relative;
    top: 3px; }

/*End  Sequence Import */
.pdf-information-btn {
  float: left;
  padding: 1px 8px 5px 3px;
  border-right: 1px dotted #d1d1d2; }
  .pdf-information-btn i {
    padding: 5px 4px;
    font-size: 18px;
    line-height: 14px;
    color: #495057;
    float: left;
    margin: 4px 0 0px 5px;
    border-radius: 3px; }
    .pdf-information-btn i.icon-arrows-1 {
      font-size: 14px;
      position: relative;
      top: 1px; }
  .pdf-information-btn:hover {
    background: #e9ecef; }
  .pdf-information-btn#ShowPdfDetails:hover {
    background: none; }
    .pdf-information-btn#ShowPdfDetails:hover i {
      background: #e9ecef;
      color: #495057; }
  .pdf-information-btn.active i {
    background: #2367AB;
    color: #fff; }
  .pdf-information-btn[disabled] {
    pointer-events: none; }
    .pdf-information-btn[disabled] * {
      opacity: 0.2; }
  .pdf-information-btn.edit-pdf-btn {
    background: none !important;
    box-shadow: none !important;
    border-width: 0 1px 0 0 !important; }
    .pdf-information-btn.edit-pdf-btn img {
      width: 26px;
      height: 22px;
      margin: 7px 0 3px 0 !important; }
    .pdf-information-btn.edit-pdf-btn:hover {
      /*opacity:0.6;*/ }
  .pdf-information-btn.iconnobg i {
    font-size: 22px;
    padding: 2px 4px; }
    .pdf-information-btn.iconnobg i.icon-text-file1 {
      font-size: 20px;
      padding: 4px 4px 2px; }

.change-sequence {
  height: 26px !important;
  line-height: 27px !important;
  font-size: 12px !important;
  min-height: 18px !important;
  width: 120px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.fade-before {
  z-index: 1;
  position: relative; }
  .fade-before:before {
    position: fixed;
    content: "";
    z-index: -1;
    background: rgba(255, 255, 255, 0.1);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.fade-before-except-mainmenu {
  z-index: 1;
  position: relative; }
  .fade-before-except-mainmenu:before {
    position: fixed;
    content: "";
    z-index: 2;
    background: rgba(255, 255, 255, 0.1);
    left: 0;
    top: 7%;
    width: 100%;
    height: 93%; }

.img-current-sq {
  background: url(../../../Svg/current-icon.svg) no-repeat;
  float: left;
  width: 26px;
  height: 26px;
  margin-right: -8px; }

.sequence-filter-dd.current-sq-options {
  padding: 7px 0 7px 5px !important;
  margin-left: 10px;
  border: 1px dotted #d1d1d2;
  border-width: 0 1px 0; }
  .sequence-filter-dd.current-sq-options .form-control.k-widget {
    background: none !important;
    border: none !important;
    box-shadow: none !important; }
    .sequence-filter-dd.current-sq-options .form-control.k-widget * {
      background: none !important;
      border: none !important;
      box-shadow: none !important; }
    .sequence-filter-dd.current-sq-options .form-control.k-widget .k-state-default span.k-input {
      font-size: 14px !important;
      font-weight: 500;
      color: #2367AB;
      text-decoration: underline; }
    .sequence-filter-dd.current-sq-options .form-control.k-widget .k-state-default span.k-select {
      color: #2367AB; }
    .sequence-filter-dd.current-sq-options .form-control.k-widget:hover .k-state-default span.k-input,
    .sequence-filter-dd.current-sq-options .form-control.k-widget:hover .k-state-default span.k-select {
      color: #579add; }

.clone-sqdetails-btn {
  font-size: 13px;
  padding: 8px;
  float: right;
  width: 20%;
  border: 1px solid #e2e2e2;
  font-weight: 500;
  margin-bottom: 30px;
  clear: both;
  margin: -34px 6% 20px 76%;
  display: block;
  position: absolute; }
  .clone-sqdetails-btn:hover {
    background: #f2f2f2; }
  .clone-sqdetails-btn i {
    float: right;
    font-size: 12px;
    line-height: 0px;
    padding-top: 3px;
    color: #666; }

/* The keyframe used for the animation, don't forget the -webkit-, .... for support on all browsers */
@-webkit-keyframes slide {
  0% {
    background: #009900;
    animation-timing-function: ease-in-out; }
  100% {
    background: #CC66FF;
    width: 300px;
    height: 300px;
    animation-timing-function: ease-in-out; } }
@-moz-keyframes slide {
  0% {
    background: #009900;
    animation-timing-function: ease-in-out; }
  100% {
    background: #CC66FF;
    width: 300px;
    height: 300px;
    animation-timing-function: ease-in-out; } }
@-o-keyframes slide {
  0% {
    background: #009900;
    animation-timing-function: ease-in-out; }
  100% {
    background: #CC66FF;
    width: 300px;
    height: 300px;
    animation-timing-function: ease-in-out; } }
@keyframes demo {
  0% {
    height: 0;
    opacity: 0;
    animation-timing-function: ease-in-out; }
  99% {
    opacity: 0.2; }
  100% {
    height: 300px;
    animation-timing-function: ease-in-out;
    opacity: 1; } }
.height-animate {
  animation: demo 0.5s ease-in-out;
  -webkit-animation: demo 0.5s ease-in-out;
  /* Prefix for Safari and Chrome */ }

.clone-treeview {
  max-height: 300px;
  float: left;
  overflow: auto;
  width: 100%; }
  .clone-treeview .k-treeview {
    overflow: hidden; }
    .clone-treeview .k-treeview .k-checkbox-wrapper {
    /* [type=checkbox]:checked + .k-checkbox-label:after {
    width: 14px;
    height: 14px;
}*/ }
      .clone-treeview .k-treeview .k-checkbox-wrapper * {
        transition: none; }
      .clone-treeview .k-treeview .k-checkbox-wrapper [type=checkbox] + .k-checkbox-label {
        margin-top: -3px;
        margin-left: 2px; }
        .clone-treeview .k-treeview .k-checkbox-wrapper [type=checkbox] + .k-checkbox-label:hover {
          color: #2367AB; }
      .clone-treeview .k-treeview .k-checkbox-wrapper [type=checkbox]:not(:checked) + .k-checkbox-label:after {
        height: 14px;
        width: 14px; }
      .clone-treeview .k-treeview .k-checkbox-wrapper [type=checkbox] + .k-checkbox-label:before {
        height: 14px;
        width: 14px;
        border-width: 1px; }
      .clone-treeview .k-treeview .k-checkbox-wrapper [type="checkbox"]:checked + .k-checkbox-label::before {
        top: 1px;
        left: -1px;
        height: 8px;
        width: 4px;
        transform: rotateZ(37deg);
        transform-origin: 100% 100% 0px;
        border-top: 2px solid transparent !important;
        border-left: 2px solid transparent !important;
        border-right: 2px solid white !important;
        border-bottom: 2px solid white !important;
        background: none; }
      .clone-treeview .k-treeview .k-checkbox-wrapper [type="checkbox"]:checked + .k-checkbox-label::after {
        top: 0px;
        height: 15px;
        width: 15px;
        background-color: #2367AB;
        z-index: 0;
        border-width: 0px;
        border-style: solid;
        border-color: #2367AB;
        border-image: initial;
        border-radius: 0 !important; }
      .clone-treeview .k-treeview .k-checkbox-wrapper [type="checkbox"] + .k-checkbox-label::after, .clone-treeview .k-treeview .k-checkbox-wrapper [type="checkbox"] + .k-checkbox-label::before {
        content: "";
        left: 0px;
        position: absolute;
        z-index: 1; }
      .clone-treeview .k-treeview .k-checkbox-wrapper [type="checkbox"]:indeterminate + .k-checkbox-label:after {
        background-color: #2367AB;
        background-image: none;
        border-color: #2367AB;
        border-radius: 0; }
      .clone-treeview .k-treeview .k-checkbox-wrapper [type="checkbox"]:indeterminate + .k-checkbox-label:after {
        width: 12px;
        height: 12px;
        border-width: 0;
        margin-left: 0;
        top: 2px;
        left: 2px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 2; }

/* Pre compile pages*/
.pre-compile-page {
  float: left;
  padding: 10px;
  width: 100%; }
  .pre-compile-page.wizard-content .wizard > .steps {
    width: 50%;
    margin: 0 auto; }

.search-clear.input-search-clear {
  position: absolute;
  top: 9px;
  right: 10px !important;
  color: #1976d2;
  font-size: 12px;
  text-decoration: none; }
  .search-clear.input-search-clear:hover {
    text-decoration: none;
    color: #dc3545; }

.btn-icon-manage-shadow {
  background: #fff !important;
  border: none !important;
  box-shadow: 0px 0px 1px 1px #eee !important;
  margin: 4px 5px 4px 0 !important;
  border-radius: 2px !important;
  padding: 3px 4px !important; }
  .btn-icon-manage-shadow * {
    margin: 0 !important; }
  .btn-icon-manage-shadow i {
    font-size: 18px !important; }
    .btn-icon-manage-shadow i.icon-refresh {
      font-size: 16px !important; }
    .btn-icon-manage-shadow i.icon-inbox-document-text2 {
      font-size: 25px !important;
      padding: 5px 1px;
      transform: none; }
  .btn-icon-manage-shadow.btn-flat i {
    padding: 4px 3px 2px;
    line-height: 20px; }
    .btn-icon-manage-shadow.btn-flat i.icon-file-network {
      font-size: 28px !important; }
  .btn-icon-manage-shadow:hover {
    background: #f8f9fa !important; }

.btn-download {
  line-height: 20px !important;
  padding: 6px 3px 1px !important; }
  .btn-download:before, .btn-download:after {
    line-height: 24px !important; }

.sequence-rightsidebar-floating {
  position: fixed !important;
  right: 0;
  width: 0;
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  transition: width 0.5s ease-in-out;
  -webkit-transition: width 0.5s ease-in-out;
  top: 0;
  /*z-index: 10000 !important;*/
  -webkit-box-shadow: -6px 3px 45px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -6px 3px 45px -10px rgba(0, 0, 0, 0.75);
  box-shadow: -6px 3px 45px -10px rgba(0, 0, 0, 0.75); }
  .sequence-rightsidebar-floating .sequence-details-view {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; }
  .sequence-rightsidebar-floating.show {
    width: 480px;
    transition: width 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out; }
    .sequence-rightsidebar-floating.show .sequence-details-view {
      opacity: 1;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out; }
  .sequence-rightsidebar-floating .sequence-details-view .card-title {
    background: #2367AB;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    border-bottom: 1px solid #e9ecef; }
  .sequence-rightsidebar-floating .row {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px; }
    .sequence-rightsidebar-floating .row:first-child, .sequence-rightsidebar-floating .row:last-child {
      border-bottom: 0 solid #eee;
      padding-bottom: 0; }

.nodisplay-resize {
  display: none !important; }

.left-sidebar,
.manage-right-content,
.manage-sequence-total {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out; }

.left-sidebar .filter-buttons li.expand-collapse-btns {
  background: #fff;
  padding: 4px 6px 0;
  box-shadow: 0px 0px 1px 1px #ddd !important; }
  .left-sidebar .filter-buttons li.expand-collapse-btns i {
    color: #212529;
    font-size: 14px;
    line-height: 20px; }
  .left-sidebar .filter-buttons li.expand-collapse-btns:hover {
    background: #e9ecef; }
    .left-sidebar .filter-buttons li.expand-collapse-btns:hover i {
      color: #212529 !important; }
  .left-sidebar .filter-buttons li.expand-collapse-btns.sequence-check-dropdown i.icon-filter {
    font-size: 13px; }
  .left-sidebar .filter-buttons li.expand-collapse-btns.sequence-check-dropdown .sequence-check-dropcontent {
    margin-left: -162px;
    width: 180px;
    margin-top: 23%; }
    .left-sidebar .filter-buttons li.expand-collapse-btns.sequence-check-dropdown .sequence-check-dropcontent:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 10px;
      top: -10px; }
    .left-sidebar .filter-buttons li.expand-collapse-btns.sequence-check-dropdown .sequence-check-dropcontent label {
      color: #868e96;
      font-weight: 400; }
      .left-sidebar .filter-buttons li.expand-collapse-btns.sequence-check-dropdown .sequence-check-dropcontent label:hover {
        color: #2367AB; }
    .left-sidebar .filter-buttons li.expand-collapse-btns.sequence-check-dropdown .sequence-check-dropcontent [type=radio]:checked + label {
      color: #2367AB; }
.left-sidebar .filter-buttons li.tree-toggle-btn {
  background: #fff;
  padding: 4px 6px 0;
  box-shadow: 0px 0px 1px 1px #ddd !important; }
  .left-sidebar .filter-buttons li.tree-toggle-btn i {
    color: #212529;
    font-size: 14px;
    line-height: 20px; }
  .left-sidebar .filter-buttons li.tree-toggle-btn:hover {
    background: #e9ecef; }
    .left-sidebar .filter-buttons li.tree-toggle-btn:hover i {
      color: #212529 !important; }

.ha-conversations {
  padding: 20px;
  background: none; }

.conversations-total .conversation-list {
  padding: 5px 10px;
  float: left;
  background: #fff;
  width: 100%;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.0902) 0px 2px 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.0902) 0px 2px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.0902) 0px 2px 6px;
  margin-bottom: 10px; }

.sequence-close {
  color: #fff;
  font-size: 13px; }
  .sequence-close:hover {
    color: #fff;
    opacity: 0.6; }

.upload-options {
  width: 50%;
  margin: 0 auto;
  height: auto; }
  .upload-options .upload-option-radio {
    float: left;
    margin: 0 0 0 10px; }
    .upload-options .upload-option-radio span {
      width: auto;
      height: auto;
      display: block;
      line-height: 20px;
      margin: -20px 0 0 0; }
    .upload-options .upload-option-radio svg {
      width: 60px;
      height: 60px;
      margin: 15px 0 0 0; }
      .upload-options .upload-option-radio svg path {
        fill: #2367AB !important; }
  .upload-options.upload-sub-options .upload-option-radio svg {
    width: 30px;
    height: 30px;
    margin: 15px 0 0 10px;
    float: left; }
    .upload-options.upload-sub-options .upload-option-radio svg path {
      fill: #2367AB !important; }
  .upload-options.upload-sub-options .upload-option-radio input[type=radio].input-hidden + label {
    width: 180px;
    height: 60px;
    padding-right: 10px; }
  .upload-options.upload-sub-options .upload-option-radio span {
    margin: 0;
    line-height: 60px; }

.import-tree-pane {
  border: 1px solid #c5c5c5;
  max-height: 86vh; }
  .import-tree-pane .import-header {
    background: #fff;
    padding: 5px; }
  .import-tree-pane .card-title {
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 10px;
    font-weight: 500;
    color: #495057; }

.drag-drop-area {
  padding: 15px 15px;
  float: left;
  width: 100%; }
  .drag-drop-area h4 {
    font-size: 16px; }
  .drag-drop-area .drop-input {
    background: #fff;
    display: block;
    font-weight: bold;
    text-align: center;
    margin: 0;
    color: #868e96;
    border: 2px dashed #2367AB;
    border-radius: 7px;
    cursor: default;
    height: 200px; }
  .drag-drop-area .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
    .drag-drop-area .inputfile + label {
      font-size: 1.25em;
      font-weight: 700;
      color: white;
      background-color: #2367AB;
      display: inline-block;
      cursor: pointer;
      padding: 4px 12px;
      border-radius: 3px; }
      .drag-drop-area .inputfile + label:hover {
        background-color: #1f5a96; }
      .drag-drop-area .inputfile + label * {
        pointer-events: none; }
    .drag-drop-area .inputfile:focus + label {
      background-color: #1f5a96; }

.btn-icon-has-arrow i.icon-left-arrow {
  font-size: 9px !important;
  margin-left: -3px !important;
  margin-top: 2px !important;
  float: left !important;
  margin-right: -10px !important; }
.btn-icon-has-arrow.active i.icon-left-arrow:before {
  content: "\62"; }

.identifiers-leftbar {
  width: 20%; }

.identifiers-leftbar + .right-content {
  width: 80% !important; }

.identifiers-tree {
  float: left;
  width: 100%;
  padding: 5px 10px;
  max-height: 71vh;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #dedede;
  border-width: 0 1px 1px 0; }

.page-content.page-fullscreen {
  height: 100.9vh; }
  .page-content.page-fullscreen .manage-addforms-total {
    height: 100vh; }
    .page-content.page-fullscreen .manage-addforms-total .pdf-view-total {
      height: 100vh; }
    .page-content.page-fullscreen .manage-addforms-total .sequence-pdf-view {
      height: 83vh; }
      .page-content.page-fullscreen .manage-addforms-total .sequence-pdf-view .pdf-iframe {
        height: 100vh; }

.css-actabs.filter-tab .tab > [type=checkbox] + label {
  background: #fff !important;
  border-color: #fff !important; }

.css-actabs.filter-tab input:checked ~ .tab-content {
  border: none !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 6px 5px !important; }

.css-actabs.subhead-tabs.filter-tab .tab-content {
  background: #fff !important; }

.css-actabs.filter-tab input:checked ~ .tab-content * {
  box-shadow: none !important; }

.leafdetails-header .btn, .leafdetails-header .btn-icon-manage-shadow {
  padding: 0 2px !important; }
  .leafdetails-header .btn i, .leafdetails-header .btn-icon-manage-shadow i {
    font-size: 13px; }

.btn-floating-refresh {
  position: fixed !important;
  bottom: 4vh;
  right: 4vh;
  padding: 12px 9px 8px 12px !important;
  border-radius: 50% !important;
  box-shadow: 1px 1px 1px 1px #ddd !important;
  background: #2367AB !important; }

.btn-floating-refresh:hover {
  background: #2367AB !important; }

.btn-floating-refresh i.icon.icon-refresh2 {
  font-size: 20px !important;
  color: #fff !important; }

.selectedseqstatus {
  padding: 3px 5px 3px 8px;
  float: left;
  margin-left: 10px;
  background: #f2f2f2;
  color: #2367AB;
  border-radius: 3px;
  font-weight: 500;
  margin-top: -4px; }

.selectedseqstatus .icon-cancel {
  color: red;
  font-size: 16px;
  line-height: 15px;
  float: right;
  margin: 1px 0 0 2px; }

.css-actabs.filter-tab {
  overflow-y: auto !important; }

.css-actabs.filter-tab .tab-content {
  overflow-y: auto !important; }

.kendo-custom-inline-table .k-grid-content tr > td.metapublishedtd {
  display: inline-block;
  height: 0;
  margin-right: 8px;
  float: right;
  cursor: default;
  border: none;
  width: 100px;
  text-align: left; }

.metapublishedtd .input-help {
  margin: -5px 2px 0 0 !important;
  color: #2367AB !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  float: left !important;
  cursor: default; }
  .metapublishedtd .input-help i {
    font-size: 16px !important;
    color: #adb5bd !important; }
    .metapublishedtd .input-help i.icon-delete-button-lines {
      font-size: 17px !important; }

.bootbox.modal.stfprofilepopup {
  width: 40%;
  margin: 0 auto; }

.bootbox.modal.stfprofilepopup .modal-title {
  float: right !important;
  width: 100%; }

.bootbox.modal.stfprofilepopup .close {
  float: right !important;
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  font-size: 23px; }

.bootbox.modal.stfprofilepopup .form-control {
  border-width: 2px;
  border-color: #eaeaea;
  box-shadow: none;
  height: 38px !important;
  min-height: 32px !important; }

.doc-reader-select.form-control.k-widget.k-dropdown {
  height: 26px !important;
  min-height: 26px; }
  .doc-reader-select.form-control.k-widget.k-dropdown .k-state-default {
    height: 24px; }
    .doc-reader-select.form-control.k-widget.k-dropdown .k-state-default .k-input {
      max-height: 26px !important;
      line-height: 25px !important;
      padding: 0; }
    .doc-reader-select.form-control.k-widget.k-dropdown .k-state-default .k-select {
      max-height: 26px !important;
      line-height: 25px !important; }

.textLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.2;
  line-height: 1.0; }

.textLayer > div {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%; }

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: #b400aa;
  border-radius: 4px; }

.textLayer .highlight.begin {
  border-radius: 4px 0px 0px 4px; }

.textLayer .highlight.end {
  border-radius: 0px 4px 4px 0px; }

.textLayer .highlight.middle {
  border-radius: 0px; }

.textLayer .highlight.selected {
  background-color: #ff0000 !important;
  opacity: 1 !important; }

.textLayer ::selection {
  background-color: #ff0000 !important; }

.textLayer ::-moz-selection {
  background-color: #ff0000 !important; }

.textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none; }

.textLayer .endOfContent.active {
  top: 0px; }

.annotationLayer section {
  position: absolute; }

.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: #ff0;
  box-shadow: 0px 2px 10px #ff0; }

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer; }

.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%; }

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0; }

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%; }

.annotationLayer .textWidgetAnnotation textarea {
  color: #333;
  font-size: 9px;
  resize: none; }

.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed; }

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid #000; }

.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent; }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: #000;
  content: '';
  display: block;
  position: absolute; }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px; }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg); }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg); }

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%; }

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0; }

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 115%; }

.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  padding: 0; }

.annotationLayer .popupWrapper {
  position: absolute;
  width: 20em; }

.annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #FFFF99;
  box-shadow: 0px 2px 5px #333;
  border-radius: 2px;
  padding: 0.6em;
  margin-left: 5px;
  cursor: pointer;
  font-size: 13px;
  word-wrap: break-word; }

.annotationLayer .popup h1 {
  font-size: 1em;
  border-bottom: 1px solid #000000;
  margin: 0;
  padding-bottom: 0.2em; }

.annotationLayer .popup p {
  margin: 0;
  padding-top: 0.2em; }

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer; }

.pdfViewer .canvasWrapper {
  overflow: hidden; }

.pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: 1px auto -8px auto;
  position: relative;
  overflow: visible;
  border: 9px solid transparent;
  background-clip: content-box;
  border-image: url(../../Images/shadow.png) 9 9 repeat;
  background-color: white; }

.pdfViewer.removePageBorders .page {
  margin: 0px auto 10px auto;
  border: none; }

.pdfViewer.singlePageView {
  display: inline-block; }

.pdfViewer.singlePageView .page {
  margin: 0;
  border: none; }

.pdfViewer .page canvas {
  margin: 0;
  display: block; }

.pdfViewer .page canvas[hidden] {
  display: none; }

.pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("../../Images/loading-icon.gif") center no-repeat; }

.pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0; }

.pdfPresentationMode:-moz-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0; }

.pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
  margin-bottom: 100% !important;
  border: 0; }

.pdfPresentationMode:fullscreen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0; }

.sequence-pdf-view:root {
  --sidebar-width: 200px; }

.sequence-pdf-view * {
  padding: 0;
  margin: 0; }

.sequence-pdf-view html {
  height: 100%;
  width: 100%;
  /* Font size is needed to make the activity bar the correct size. */
  font-size: 10px; }

.sequence-pdf-view body {
  height: 100%;
  width: 100%;
  background-color: #404040;
  background-image: url(../../Images/texture.png); }

.sequence-pdf-view body,
.sequence-pdf-view input,
.sequence-pdf-view button,
.sequence-pdf-view select {
  font-size: 13px;
  color: #333;
  outline: none; }

.hidden {
  display: none !important; }

[hidden] {
  display: none !important; }

#viewerContainer.pdfPresentationMode:-webkit-full-screen {
  top: 0px;
  border-top: 2px solid transparent;
  background-color: #000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -webkit-user-select: none; }

#viewerContainer.pdfPresentationMode:-moz-full-screen {
  top: 0px;
  border-top: 2px solid transparent;
  background-color: #000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -moz-user-select: none; }

#viewerContainer.pdfPresentationMode:-ms-fullscreen {
  top: 0px !important;
  border-top: 2px solid transparent;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  cursor: none;
  -ms-user-select: none; }

#viewerContainer.pdfPresentationMode:-ms-fullscreen::-ms-backdrop {
  background-color: #000; }

#viewerContainer.pdfPresentationMode:fullscreen {
  top: 0px;
  border-top: 2px solid transparent;
  background-color: #000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.pdfPresentationMode:-webkit-full-screen a:not(.internalLink) {
  display: none; }

.pdfPresentationMode:-moz-full-screen a:not(.internalLink) {
  display: none; }

.pdfPresentationMode:-ms-fullscreen a:not(.internalLink) {
  display: none !important; }

.pdfPresentationMode:fullscreen a:not(.internalLink) {
  display: none; }

.pdfPresentationMode:-webkit-full-screen .textLayer > div {
  cursor: none; }

.pdfPresentationMode:-moz-full-screen .textLayer > div {
  cursor: none; }

.pdfPresentationMode:-ms-fullscreen .textLayer > div {
  cursor: none; }

.pdfPresentationMode:fullscreen .textLayer > div {
  cursor: none; }

.pdfPresentationMode.pdfPresentationModeControls > *,
.pdfPresentationMode.pdfPresentationModeControls .textLayer > div {
  cursor: default; }

#outerContainer {
  width: 100%;
  height: 100%;
  position: relative; }

#sidebarContainer {
  position: absolute;
  top: 32px;
  bottom: 0;
  width: 200px;
  /* Here, and elsewhere below, keep the constant value for compatibility
     with older browsers that lack support for CSS variables. */
  width: var(--sidebar-width);
  min-width: 180px;
  visibility: hidden;
  z-index: 100;
  border-top: 1px solid #333;
  -webkit-transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
  transition-duration: 200ms;
  transition-timing-function: ease; }

html[dir='ltr'] #sidebarContainer {
  -webkit-transition-property: left;
  transition-property: left;
  left: -200px;
  left: calc(-1 * var(--sidebar-width)); }

html[dir='rtl'] #sidebarContainer {
  -webkit-transition-property: right;
  transition-property: right;
  right: -200px;
  right: calc(-1 * var(--sidebar-width)); }

.loadingInProgress #sidebarContainer {
  top: 36px; }

#outerContainer.sidebarResizing #sidebarContainer {
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  /* Prevent e.g. the thumbnails being selected when the sidebar is resized. */
  -webkit-user-select: none;
  -moz-user-select: none; }

#outerContainer.sidebarMoving #sidebarContainer,
#outerContainer.sidebarOpen #sidebarContainer {
  visibility: visible; }

html[dir='ltr'] #outerContainer.sidebarOpen #sidebarContainer {
  left: 0px; }

html[dir='rtl'] #outerContainer.sidebarOpen #sidebarContainer {
  right: 0px; }

#mainContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 320px; }

#sidebarContent {
  top: 32px;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  width: 100%;
  background-color: #3d3d3d; }

html[dir='ltr'] #sidebarContent {
  left: 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25); }

html[dir='rtl'] #sidebarContent {
  right: 0;
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25); }

#viewerContainer {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  outline: none;
  -webkit-transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
  transition-duration: 200ms;
  transition-timing-function: ease; }

html[dir='ltr'] #viewerContainer {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05); }

html[dir='rtl'] #viewerContainer {
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.05); }

#outerContainer.sidebarResizing #viewerContainer {
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
  -webkit-transition-duration: 0s;
  transition-duration: 0s; }

html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer {
  -webkit-transition-property: left;
  transition-property: left;
  left: 200px;
  left: var(--sidebar-width); }

html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer {
  -webkit-transition-property: right;
  transition-property: right;
  right: 200px;
  right: var(--sidebar-width); }

.toolbar {
  position: relative;
  left: 0;
  right: 0;
  z-index: 9999;
  cursor: default; }

#toolbarContainer {
  width: 100%; }

#toolbarSidebar {
  width: 100%;
  height: 32px;
  background-color: #424242;
  /* fallback */
  background-image: url(../../Images/texture.png), linear-gradient(rgba(77, 77, 77, 0.99), rgba(64, 64, 64, 0.95)); }

html[dir='ltr'] #toolbarSidebar {
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1); }

html[dir='rtl'] #toolbarSidebar {
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1); }

#sidebarResizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  z-index: 200;
  cursor: ew-resize; }

html[dir='ltr'] #sidebarResizer {
  right: -6px; }

html[dir='rtl'] #sidebarResizer {
  left: -6px; }

#toolbarContainer, .findbar, .secondaryToolbar {
  position: relative;
  height: 32px;
  background-color: #474747;
  /* fallback */
  background-image: url(../../Images/texture.png), linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)); }

html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1); }

html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1); }

#toolbarViewer {
  height: 32px; }

#loadingBar {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #333;
  border-bottom: 1px solid #333; }

#loadingBar .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #ddd;
  overflow: hidden;
  -webkit-transition: width 200ms;
  transition: width 200ms; }

@-webkit-keyframes progressIndeterminate {
  0% {
    left: -142px; }
  100% {
    left: 0; } }
@keyframes progressIndeterminate {
  0% {
    left: -142px; }
  100% {
    left: 0; } }
#loadingBar .progress.indeterminate {
  background-color: #999;
  -webkit-transition: none;
  transition: none; }

#loadingBar .progress.indeterminate .glimmer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% + 150px);
  background: repeating-linear-gradient(135deg, #bbb 0, #999 5px, #999 45px, #ddd 55px, #ddd 95px, #bbb 100px);
  -webkit-animation: progressIndeterminate 950ms linear infinite;
  animation: progressIndeterminate 950ms linear infinite; }

.findbar, .secondaryToolbar {
  top: 32px;
  position: absolute;
  z-index: 10000;
  height: auto;
  min-width: 16px;
  padding: 0px 6px 0px 6px;
  margin: 4px 2px 4px 2px;
  color: #d9d9d9;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  cursor: default; }

.findbar {
  min-width: 300px; }

.findbar > div {
  height: 32px; }

.findbar.wrapContainers > div {
  clear: both; }

.findbar.wrapContainers > div#findbarMessageContainer {
  height: auto; }

html[dir='ltr'] .findbar {
  left: 68px; }

html[dir='rtl'] .findbar {
  right: 68px; }

.findbar label {
  -webkit-user-select: none;
  -moz-user-select: none; }

#findInput {
  width: 200px; }

#findInput::-webkit-input-placeholder {
  font-style: italic;
  color: #bfbfbf; }

#findInput::-moz-placeholder {
  font-style: italic; }

#findInput:-ms-input-placeholder {
  font-style: italic; }

#findInput::placeholder {
  font-style: italic; }

#findInput[data-status="pending"] {
  background-image: url(../../Images/loading-small.png);
  background-repeat: no-repeat;
  background-position: right; }

html[dir='rtl'] #findInput[data-status="pending"] {
  background-position: left; }

.secondaryToolbar {
  padding: 6px;
  height: auto;
  z-index: 30000; }

html[dir='ltr'] .secondaryToolbar {
  right: 4px; }

html[dir='rtl'] .secondaryToolbar {
  left: 4px; }

#secondaryToolbarButtonContainer {
  max-width: 200px;
  max-height: 400px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: -4px; }

.doorHanger,
.doorHangerRight {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }

.doorHanger:after, .doorHanger:before,
.doorHangerRight:after, .doorHangerRight:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.doorHanger:after,
.doorHangerRight:after {
  border-bottom-color: rgba(82, 82, 82, 0.99);
  border-width: 8px; }

.doorHanger:before,
.doorHangerRight:before {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  border-width: 9px; }

html[dir='ltr'] .doorHanger:after,
html[dir='rtl'] .doorHangerRight:after {
  left: 13px;
  margin-left: -8px; }

html[dir='ltr'] .doorHanger:before,
html[dir='rtl'] .doorHangerRight:before {
  left: 13px;
  margin-left: -9px; }

html[dir='rtl'] .doorHanger:after,
html[dir='ltr'] .doorHangerRight:after {
  right: 13px;
  margin-right: -8px; }

html[dir='rtl'] .doorHanger:before,
html[dir='ltr'] .doorHangerRight:before {
  right: 13px;
  margin-right: -9px; }

#findResultsCount {
  background-color: #d9d9d9;
  color: #525252;
  text-align: center;
  padding: 3px 4px; }

#findMsg {
  font-style: italic;
  color: #A6B7D0; }

#findMsg:empty {
  display: none; }

#findInput.notFound {
  background-color: #ff6666; }

#toolbarViewerMiddle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

html[dir='ltr'] #toolbarViewerLeft,
html[dir='rtl'] #toolbarViewerRight {
  float: left; }

html[dir='ltr'] #toolbarViewerRight,
html[dir='rtl'] #toolbarViewerLeft {
  float: right; }

html[dir='ltr'] #toolbarViewerLeft > *,
html[dir='ltr'] #toolbarViewerMiddle > *,
html[dir='ltr'] #toolbarViewerRight > *,
html[dir='ltr'] .findbar * {
  position: relative;
  float: left; }

html[dir='rtl'] #toolbarViewerLeft > *,
html[dir='rtl'] #toolbarViewerMiddle > *,
html[dir='rtl'] #toolbarViewerRight > *,
html[dir='rtl'] .findbar * {
  position: relative;
  float: right; }

html[dir='ltr'] .splitToolbarButton {
  margin: 3px 2px 4px 0;
  display: inline-block; }

html[dir='rtl'] .splitToolbarButton {
  margin: 3px 0 4px 2px;
  display: inline-block; }

html[dir='ltr'] .splitToolbarButton > .toolbarButton {
  border-radius: 0;
  float: left; }

html[dir='rtl'] .splitToolbarButton > .toolbarButton {
  border-radius: 0;
  float: right; }

.toolbarButton,
.secondaryToolbarButton,
.overlayButton {
  border: 0 none;
  background: none;
  width: 32px;
  height: 25px;
  color: #fff !important; }

.toolbarButton > span {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden; }

.toolbarButton[disabled],
.secondaryToolbarButton[disabled],
.overlayButton[disabled] {
  opacity: .5; }

.splitToolbarButton.toggled .toolbarButton {
  margin: 0; }

.splitToolbarButton:hover > .toolbarButton,
.splitToolbarButton:focus > .toolbarButton,
.splitToolbarButton.toggled > .toolbarButton,
.toolbarButton.textButton {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
  -webkit-transition-property: background-color, border-color, box-shadow;
  -webkit-transition-duration: 150ms;
  -webkit-transition-timing-function: ease;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: ease; }

.splitToolbarButton > .toolbarButton:hover,
.splitToolbarButton > .toolbarButton:focus,
.dropdownToolbarButton:hover,
.overlayButton:hover,
.overlayButton:focus,
.toolbarButton.textButton:hover,
.toolbarButton.textButton:focus {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 0 1px rgba(0, 0, 0, 0.05);
  z-index: 199; }

.splitToolbarButton > .toolbarButton {
  position: relative; }

html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child,
html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {
  position: relative;
  margin: 0;
  margin-right: -1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-right-color: transparent; }

html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,
html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
  position: relative;
  margin: 0;
  margin-left: -1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-left-color: transparent; }

.splitToolbarButtonSeparator {
  padding: 8px 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
  display: inline-block;
  margin: 5px 0; }

html[dir='ltr'] .splitToolbarButtonSeparator {
  float: left; }

html[dir='rtl'] .splitToolbarButtonSeparator {
  float: right; }

.splitToolbarButton:hover > .splitToolbarButtonSeparator,
.splitToolbarButton.toggled > .splitToolbarButtonSeparator {
  padding: 12px 0;
  margin: 1px 0;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.03);
  -webkit-transition-property: padding;
  -webkit-transition-duration: 10ms;
  -webkit-transition-timing-function: ease;
  transition-property: padding;
  transition-duration: 10ms;
  transition-timing-function: ease; }

.toolbarButton,
.dropdownToolbarButton,
.secondaryToolbarButton,
.overlayButton {
  min-width: 16px;
  padding: 2px 6px 0;
  border: 1px solid transparent;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  /* Opera does not support user-select, use <... unselectable="on"> instead */
  cursor: default;
  -webkit-transition-property: background-color, border-color, box-shadow;
  -webkit-transition-duration: 150ms;
  -webkit-transition-timing-function: ease;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: ease; }

html[dir='ltr'] .toolbarButton,
html[dir='ltr'] .overlayButton,
html[dir='ltr'] .dropdownToolbarButton {
  margin: 3px 2px 4px 0; }

html[dir='rtl'] .toolbarButton,
html[dir='rtl'] .overlayButton,
html[dir='rtl'] .dropdownToolbarButton {
  margin: 3px 0 4px 2px; }

.toolbarButton:hover,
.toolbarButton:focus,
.dropdownToolbarButton,
.overlayButton,
.secondaryToolbarButton:hover,
.secondaryToolbarButton:focus {
  background-color: rgba(0, 0, 0, 0.12);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.05); }

.toolbarButton:hover:active,
.overlayButton:hover:active,
.dropdownToolbarButton:hover:active,
.secondaryToolbarButton:hover:active {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  border-color: rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
  -webkit-transition-property: background-color, border-color, box-shadow;
  -webkit-transition-duration: 10ms;
  -webkit-transition-timing-function: linear;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 10ms;
  transition-timing-function: linear; }

.toolbarButton.toggled,
.splitToolbarButton.toggled > .toolbarButton.toggled,
.secondaryToolbarButton.toggled {
  background-color: rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
  -webkit-transition-property: background-color, border-color, box-shadow;
  -webkit-transition-duration: 10ms;
  -webkit-transition-timing-function: linear;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 10ms;
  transition-timing-function: linear; }

.toolbarButton.toggled:hover:active,
.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active,
.secondaryToolbarButton.toggled:hover:active {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.55);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.05); }

.dropdownToolbarButton {
  width: 150px !important;
  max-width: 150px !important;
  padding: 0;
  overflow: hidden;
  /*background: url(../../Images/toolbarButton-menuArrows.png) no-repeat;*/ }

html[dir='ltr'] .dropdownToolbarButton {
  background-position: 95%; }

html[dir='rtl'] .dropdownToolbarButton {
  background-position: 5%; }

.dropdownToolbarButton > select {
  min-width: 140px;
  font-size: 12px;
  color: #f2f2f2;
  margin: 0;
  padding: 3px 2px 2px;
  border: none;
  background: rgba(0, 0, 0, 0);
  /* Opera does not support 'transparent' <select> background */ }

.dropdownToolbarButton > select > option {
  background: #3d3d3d; }

#customScaleOption {
  display: none; }

#pageWidthOption {
  border-bottom: 1px rgba(255, 255, 255, 0.5) solid; }

html[dir='ltr'] .splitToolbarButton:first-child,
html[dir='ltr'] .toolbarButton:first-child,
html[dir='rtl'] .splitToolbarButton:last-child,
html[dir='rtl'] .toolbarButton:last-child {
  margin-left: 4px; }

html[dir='ltr'] .splitToolbarButton:last-child,
html[dir='ltr'] .toolbarButton:last-child,
html[dir='rtl'] .splitToolbarButton:first-child,
html[dir='rtl'] .toolbarButton:first-child {
  margin-right: 4px; }

.toolbarButtonSpacer {
  width: 30px;
  display: inline-block;
  height: 1px; }

html[dir='ltr'] #findPrevious {
  margin-left: 3px; }

html[dir='ltr'] #findNext {
  margin-right: 3px; }

html[dir='rtl'] #findPrevious {
  margin-right: 3px; }

html[dir='rtl'] #findNext {
  margin-left: 3px; }

.toolbarButton::before,
.secondaryToolbarButton::before {
  /* All matching images have a size of 16x16
   * All relevant containers have a size of 32x25 */
  position: absolute;
  display: inline-block;
  top: 4px;
  left: 7px; }

html[dir="ltr"] .secondaryToolbarButton::before {
  left: 4px; }

html[dir="rtl"] .secondaryToolbarButton::before {
  right: 4px; }

html[dir='ltr'] .toolbarButton#sidebarToggle::before {
  content: url(../../Images/toolbarButton-sidebarToggle.png); }

html[dir='rtl'] .toolbarButton#sidebarToggle::before {
  content: url(../../Images/toolbarButton-sidebarToggle-rtl.png); }

html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
  content: url(../../Images/toolbarButton-secondaryToolbarToggle.png); }

html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
  content: url(../../Images/toolbarButton-secondaryToolbarToggle-rtl.png); }

html[dir='ltr'] .toolbarButton.findPrevious::before {
  content: url(../../Images/findbarButton-previous.png); }

html[dir='rtl'] .toolbarButton.findPrevious::before {
  content: url(../../Images/findbarButton-previous-rtl.png); }

html[dir='ltr'] .toolbarButton.findNext::before {
  content: url(../../Images/findbarButton-next.png); }

html[dir='rtl'] .toolbarButton.findNext::before {
  content: url(../../Images/findbarButton-next-rtl.png); }

html[dir='ltr'] .toolbarButton.pageUp::before {
  content: url(../../Images/toolbarButton-pageUp.png); }

html[dir='rtl'] .toolbarButton.pageUp::before {
  content: url(../../Images/toolbarButton-pageUp-rtl.png); }

html[dir='ltr'] .toolbarButton.pageDown::before {
  content: url(../../Images/toolbarButton-pageDown.png); }

html[dir='rtl'] .toolbarButton.pageDown::before {
  content: url(../../Images/toolbarButton-pageDown-rtl.png); }

.toolbarButton.zoomOut::before {
  content: url(../../Images/toolbarButton-zoomOut.png); }

.toolbarButton.zoomIn::before {
  content: url(../../Images/toolbarButton-zoomIn.png); }

.toolbarButton.presentationMode::before,
.secondaryToolbarButton.presentationMode::before {
  content: url(../../Images/toolbarButton-presentationMode.png); }

.toolbarButton.print::before,
.secondaryToolbarButton.print::before {
  content: url(../../Images/toolbarButton-print.png); }

.toolbarButton.openFile::before,
.secondaryToolbarButton.openFile::before {
  content: url(../../Images/toolbarButton-openFile.png); }

.toolbarButton.download::before,
.secondaryToolbarButton.download::before {
  content: url(../../Images/toolbarButton-download.png); }

.toolbarButton.bookmark,
.secondaryToolbarButton.bookmark {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  padding-top: 4px;
  text-decoration: none; }

.secondaryToolbarButton.bookmark {
  padding-top: 5px; }

.bookmark[href='#'] {
  opacity: .5;
  pointer-events: none; }

.toolbarButton.bookmark::before,
.secondaryToolbarButton.bookmark::before {
  content: url(../../Images/toolbarButton-bookmark.png); }

#viewThumbnail.toolbarButton::before {
  content: url(../../Images/toolbarButton-viewThumbnail.png); }

html[dir="ltr"] #viewOutline.toolbarButton::before {
  content: url(../../Images/toolbarButton-viewOutline.png); }

html[dir="rtl"] #viewOutline.toolbarButton::before {
  content: url(../../Images/toolbarButton-viewOutline-rtl.png); }

#viewAttachments.toolbarButton::before {
  content: url(../../Images/toolbarButton-viewAttachments.png); }

#viewFind.toolbarButton::before {
  content: url(../../Images/toolbarButton-search.png); }

.toolbarButton.pdfSidebarNotification::after {
  position: absolute;
  display: inline-block;
  top: 1px;
  /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */
  content: '';
  background-color: #70DB55;
  height: 9px;
  width: 9px;
  border-radius: 50%; }

html[dir='ltr'] .toolbarButton.pdfSidebarNotification::after {
  left: 17px; }

html[dir='rtl'] .toolbarButton.pdfSidebarNotification::after {
  right: 17px; }

.secondaryToolbarButton {
  position: relative;
  margin: 0 0 4px 0;
  padding: 3px 0 1px 0;
  height: auto;
  min-height: 25px;
  width: auto;
  min-width: 100%;
  white-space: normal; }

html[dir="ltr"] .secondaryToolbarButton {
  padding-left: 24px;
  text-align: left;
  color: #fff !important; }

html[dir="rtl"] .secondaryToolbarButton {
  padding-right: 24px;
  text-align: right; }

html[dir="ltr"] .secondaryToolbarButton.bookmark {
  padding-left: 27px; }

html[dir="rtl"] .secondaryToolbarButton.bookmark {
  padding-right: 27px; }

html[dir="ltr"] .secondaryToolbarButton > span {
  padding-right: 4px; }

html[dir="rtl"] .secondaryToolbarButton > span {
  padding-left: 4px; }

.secondaryToolbarButton.firstPage::before {
  content: url(../../Images/secondaryToolbarButton-firstPage.png); }

.secondaryToolbarButton.lastPage::before {
  content: url(../../Images/secondaryToolbarButton-lastPage.png); }

.secondaryToolbarButton.rotateCcw::before {
  content: url(../../Images/secondaryToolbarButton-rotateCcw.png); }

.secondaryToolbarButton.rotateCw::before {
  content: url(../../Images/secondaryToolbarButton-rotateCw.png); }

.secondaryToolbarButton.selectTool::before {
  content: url(../../Images/secondaryToolbarButton-selectTool.png); }

.secondaryToolbarButton.handTool::before {
  content: url(../../Images/secondaryToolbarButton-handTool.png); }

.secondaryToolbarButton.documentProperties::before {
  content: url(../../Images/secondaryToolbarButton-documentProperties.png); }

.verticalToolbarSeparator {
  display: block;
  padding: 8px 0;
  margin: 8px 4px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); }

html[dir='ltr'] .verticalToolbarSeparator {
  margin-left: 2px; }

html[dir='rtl'] .verticalToolbarSeparator {
  margin-right: 2px; }

.horizontalToolbarSeparator {
  display: block;
  margin: 0 0 4px 0;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); }

.toolbarField {
  padding: 3px 6px;
  margin: 4px 0 4px 0;
  border: 1px solid transparent;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.09);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.38) rgba(0, 0, 0, 0.42);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
  color: #f2f2f2;
  font-size: 12px;
  line-height: 14px;
  outline-style: none;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: ease; }

.toolbarField[type=checkbox] {
  display: inline-block;
  margin: 8px 0px; }

.toolbarField.pageNumber {
  -moz-appearance: textfield;
  /* hides the spinner in moz */
  min-width: 16px;
  text-align: right;
  width: 40px; }

.toolbarField.pageNumber.visiblePageIsLoading {
  background-image: url(../../Images/loading-small.png);
  background-repeat: no-repeat;
  background-position: 1px; }

.toolbarField.pageNumber::-webkit-inner-spin-button,
.toolbarField.pageNumber::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.toolbarField:hover {
  background-color: rgba(255, 255, 255, 0.11);
  border-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.43) rgba(0, 0, 0, 0.45); }

.toolbarField:focus {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(77, 184, 255, 0.8) rgba(77, 184, 255, 0.85) rgba(77, 184, 255, 0.9); }

.toolbarLabel {
  min-width: 16px;
  padding: 3px 6px 3px 2px;
  margin: 4px 2px 4px 0;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #d9d9d9;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor: default; }

#thumbnailView {
  position: absolute;
  width: calc(100% - 20px);
  top: 0;
  bottom: 0;
  padding: 10px 30px 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.thumbnail {
  margin: 0 10px 5px 10px; }

html[dir='ltr'] .thumbnail {
  float: left; }

html[dir='rtl'] .thumbnail {
  float: right; }

#thumbnailView > a:last-of-type > .thumbnail {
  margin-bottom: 10px; }

#thumbnailView > a:last-of-type > .thumbnail:not([data-loaded]) {
  margin-bottom: 9px; }

.thumbnail:not([data-loaded]) {
  border: 1px dashed rgba(255, 255, 255, 0.5);
  margin: -1px 9px 4px 9px; }

.thumbnailImage {
  border: 1px solid transparent;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
  opacity: 0.8;
  z-index: 99;
  background-color: white;
  background-clip: content-box; }

.thumbnailSelectionRing {
  border-radius: 2px;
  padding: 7px; }

a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
.thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
  opacity: .9; }

a:focus > .thumbnail > .thumbnailSelectionRing,
.thumbnail:hover > .thumbnailSelectionRing {
  /*background-color: hsla(0,0%,100%,.15);
  background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
  background-clip: padding-box;
  box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
              0 0 1px hsla(0,0%,100%,.2) inset,
              0 0 1px hsla(0,0%,0%,.2);
  color: hsla(0,0%,100%,.9);*/
  background: none;
  border: none; }

.thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
  box-shadow: 0 0 0 2px rgba(35, 103, 171, 0.7);
  opacity: 1; }

.thumbnail.selected > .thumbnailSelectionRing {
  /* background-color: hsla(0,0%,100%,.3);
   background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
   background-clip: padding-box;
   box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
               0 0 1px hsla(0,0%,100%,.1) inset,
               0 0 1px hsla(0,0%,0%,.2);
   color: hsla(0,0%,100%,1);*/
  background: none;
  border: none; }

#outlineView,
#attachmentsView {
  position: absolute;
  width: calc(100% - 8px);
  top: 0;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  -moz-user-select: none; }

#outlineView {
  padding: 4px 4px 0; }

#attachmentsView {
  padding: 3px 4px 0; }

html[dir='ltr'] .outlineWithDeepNesting > .outlineItem,
html[dir='ltr'] .outlineItem > .outlineItems {
  margin-left: 20px; }

html[dir='rtl'] .outlineWithDeepNesting > .outlineItem,
html[dir='rtl'] .outlineItem > .outlineItems {
  margin-right: 20px; }

.outlineItem > a,
.attachmentsItem > button {
  text-decoration: none;
  display: inline-block;
  min-width: 95%;
  min-width: calc(100% - 4px);
  /* Subtract the right padding (left, in RTL mode)
     of the container. */
  height: auto;
  margin-bottom: 1px;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 15px;
  -moz-user-select: none;
  white-space: normal; }

.attachmentsItem > button {
  border: 0 none;
  background: none;
  cursor: pointer;
  width: 100%; }

html[dir='ltr'] .outlineItem > a {
  padding: 2px 0 5px 4px; }
  html[dir='ltr'] .outlineItem > a:hover, html[dir='ltr'] .outlineItem > a:focus {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.02);
    background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
    background-clip: padding-box;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2); }

html[dir='ltr'] .attachmentsItem > button {
  padding: 2px 0 3px 7px;
  text-align: left; }

html[dir='rtl'] .outlineItem > a {
  padding: 2px 4px 5px 0; }

html[dir='rtl'] .attachmentsItem > button {
  padding: 2px 7px 3px 0;
  text-align: right; }

.outlineItemToggler {
  position: relative;
  height: 0;
  width: 0;
  color: rgba(255, 255, 255, 0.5); }

.outlineItemToggler::before {
  content: url(../../Images/treeitem-expanded.png);
  display: inline-block;
  position: absolute; }

html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before {
  content: url(../../Images/treeitem-collapsed.png); }

html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before {
  content: url(../../Images/treeitem-collapsed-rtl.png); }

.outlineItemToggler.outlineItemsHidden ~ .outlineItems {
  display: none; }

html[dir='ltr'] .outlineItemToggler {
  float: left; }

html[dir='rtl'] .outlineItemToggler {
  float: right; }

html[dir='ltr'] .outlineItemToggler::before {
  right: 4px; }

html[dir='rtl'] .outlineItemToggler::before {
  left: 4px; }

.outlineItemToggler:hover,
.outlineItemToggler:hover + a,
.outlineItemToggler:hover ~ .outlineItems,
.outlineItem > a:hover,
.attachmentsItem > button:hover {
  background-color: rgba(255, 255, 255, 0.02);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.9); }

.outlineItem.selected {
  background-color: rgba(255, 255, 255, 0.08);
  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  background-clip: padding-box;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.2);
  color: white; }

.noResults {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  font-style: italic;
  cursor: default; }

/* TODO: file FF bug to support ::-moz-selection:window-inactive
   so we can override the opaque grey background when the window is inactive;
   see https://bugzilla.mozilla.org/show_bug.cgi?id=706209 */
::selection {
  background: rgba(0, 114, 255, 0.8);
  color: #fff; }

::-moz-selection {
  background: rgba(0, 114, 255, 0.8);
  color: #fff; }

#errorWrapper {
  background: none repeat scroll 0 0 #FF5555;
  color: white;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1000;
  padding: 3px;
  font-size: 0.8em; }

.loadingInProgress #errorWrapper {
  top: 37px; }

#errorMessageLeft {
  float: left; }

#errorMessageRight {
  float: right; }

#errorMoreInfo {
  background-color: #FFFFFF;
  color: black;
  padding: 3px;
  margin: 3px;
  width: 98%; }

.overlayButton {
  width: auto;
  margin: 3px 4px 2px 4px !important;
  padding: 2px 6px 3px 6px; }

#overlayContainer {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 40000; }

#overlayContainer > * {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#overlayContainer > .container {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

#overlayContainer > .container > .dialog {
  display: inline-block;
  padding: 15px;
  border-spacing: 4px;
  color: #d9d9d9;
  font-size: 12px;
  line-height: 14px;
  background-color: #474747;
  /* fallback */
  background-image: url(../../Images/texture.png), linear-gradient(rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95));
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08), inset 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }

.dialog > .row {
  display: table-row; }

.dialog > .row > * {
  display: table-cell; }

.dialog .toolbarField {
  margin: 5px 0; }

.dialog .separator {
  display: block;
  margin: 4px 0 4px 0;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); }

.dialog .buttonRow {
  text-align: center;
  vertical-align: middle; }

.dialog :link {
  color: white; }

#passwordOverlay > .dialog {
  text-align: center; }

#passwordOverlay .toolbarField {
  width: 200px; }

#documentPropertiesOverlay > .dialog {
  text-align: left; }

#documentPropertiesOverlay .row > * {
  min-width: 100px; }

html[dir='ltr'] #documentPropertiesOverlay .row > * {
  text-align: left;
  color: #fff !important; }

html[dir='rtl'] #documentPropertiesOverlay .row > * {
  text-align: right; }

#documentPropertiesOverlay .row > span {
  width: 125px;
  word-wrap: break-word; }

#documentPropertiesOverlay .row > p {
  max-width: 225px;
  word-wrap: break-word; }

#documentPropertiesOverlay .buttonRow {
  margin-top: 10px; }

.clearBoth {
  clear: both; }

.fileInput {
  background: white;
  color: black;
  margin-top: 5px;
  visibility: hidden;
  position: fixed;
  right: 0;
  top: 0; }

#PDFBug {
  background: none repeat scroll 0 0 white;
  border: 1px solid #666666;
  position: fixed;
  top: 32px;
  right: 0;
  bottom: 0;
  font-size: 10px;
  padding: 0;
  width: 300px; }

#PDFBug .controls {
  background: #EEEEEE;
  border-bottom: 1px solid #666666;
  padding: 3px; }

#PDFBug .panels {
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  right: 0;
  top: 27px; }

#PDFBug button.active {
  font-weight: bold; }

.debuggerShowText {
  background: none repeat scroll 0 0 yellow;
  color: blue; }

.debuggerHideText:hover {
  background: none repeat scroll 0 0 yellow; }

#PDFBug .stats {
  font-family: courier;
  font-size: 10px;
  white-space: pre; }

#PDFBug .stats .title {
  font-weight: bold; }

#PDFBug table {
  font-size: 10px; }

#viewer.textLayer-visible .textLayer {
  opacity: 1.0; }

#viewer.textLayer-visible .canvasWrapper {
  background-color: #80ff80; }

#viewer.textLayer-visible .canvasWrapper canvas {
  mix-blend-mode: screen; }

#viewer.textLayer-visible .textLayer > div {
  background-color: rgba(255, 255, 0, 0.1);
  color: black;
  border: solid 1px rgba(255, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#viewer.textLayer-hover .textLayer > div:hover {
  background-color: white;
  color: black; }

#viewer.textLayer-shadow .textLayer > div {
  background-color: rgba(255, 255, 255, 0.6);
  color: black; }

.grab-to-pan-grab {
  cursor: url("../../Images/grab.cur"), move !important;
  cursor: -webkit-grab !important;
  cursor: -moz-grab !important;
  cursor: grab !important; }

.grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
  cursor: inherit !important; }

.grab-to-pan-grab:active,
.grab-to-pan-grabbing {
  cursor: url("../../Images/grabbing.cur"), move !important;
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
  position: fixed;
  background: transparent;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 50000;
  /* should be higher than anything else in PDF.js! */ }

@page {
  margin: 0; }
#printContainer {
  display: none; }

@media screen and (min-resolution: 2dppx) {
  /* Rules for Retina screens */
  .toolbarButton::before {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    top: -5px; }

  .secondaryToolbarButton::before {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    top: -4px; }

  html[dir='ltr'] .toolbarButton::before,
  html[dir='rtl'] .toolbarButton::before {
    left: -1px; }

  html[dir='ltr'] .secondaryToolbarButton::before {
    left: -2px; }

  html[dir='rtl'] .secondaryToolbarButton::before {
    left: 186px; }

  .toolbarField.pageNumber.visiblePageIsLoading,
  #findInput[data-status="pending"] {
    background-image: url(../../Images/loading-small@2x.png);
    background-size: 16px 17px; }

  .dropdownToolbarButton {
    background: url(../../Images/toolbarButton-menuArrows@2x.png) no-repeat;
    background-size: 7px 16px; }

  html[dir='ltr'] .toolbarButton#sidebarToggle::before {
    content: url(../../Images/toolbarButton-sidebarToggle@2x.png); }

  html[dir='rtl'] .toolbarButton#sidebarToggle::before {
    content: url(../../Images/toolbarButton-sidebarToggle-rtl@2x.png); }

  html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before {
    content: url(../../Images/toolbarButton-secondaryToolbarToggle@2x.png); }

  html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before {
    content: url(../../Images/toolbarButton-secondaryToolbarToggle-rtl@2x.png); }

  html[dir='ltr'] .toolbarButton.findPrevious::before {
    content: url(../../Images/findbarButton-previous@2x.png); }

  html[dir='rtl'] .toolbarButton.findPrevious::before {
    content: url(../../Images/findbarButton-previous-rtl@2x.png); }

  html[dir='ltr'] .toolbarButton.findNext::before {
    content: url(../../Images/findbarButton-next@2x.png); }

  html[dir='rtl'] .toolbarButton.findNext::before {
    content: url(../../Images/findbarButton-next-rtl@2x.png); }

  html[dir='ltr'] .toolbarButton.pageUp::before {
    content: url(../../Images/toolbarButton-pageUp@2x.png); }

  html[dir='rtl'] .toolbarButton.pageUp::before {
    content: url(../../Images/toolbarButton-pageUp-rtl@2x.png); }

  html[dir='ltr'] .toolbarButton.pageDown::before {
    content: url(../../Images/toolbarButton-pageDown@2x.png); }

  html[dir='rtl'] .toolbarButton.pageDown::before {
    content: url(../../Images/toolbarButton-pageDown-rtl@2x.png); }

  .toolbarButton.zoomIn::before {
    content: url(../../Images/toolbarButton-zoomIn@2x.png); }

  .toolbarButton.zoomOut::before {
    content: url(../../Images/toolbarButton-zoomOut@2x.png); }

  .toolbarButton.presentationMode::before,
  .secondaryToolbarButton.presentationMode::before {
    content: url(../../Images/toolbarButton-presentationMode@2x.png); }

  .toolbarButton.print::before,
  .secondaryToolbarButton.print::before {
    content: url(../../Images/toolbarButton-print@2x.png); }

  .toolbarButton.openFile::before,
  .secondaryToolbarButton.openFile::before {
    content: url(../../Images/toolbarButton-openFile@2x.png); }

  .toolbarButton.download::before,
  .secondaryToolbarButton.download::before {
    content: url(../../Images/toolbarButton-download@2x.png); }

  .toolbarButton.bookmark::before,
  .secondaryToolbarButton.bookmark::before {
    content: url(../../Images/toolbarButton-bookmark@2x.png); }

  #viewThumbnail.toolbarButton::before {
    content: url(../../Images/toolbarButton-viewThumbnail@2x.png); }

  html[dir="ltr"] #viewOutline.toolbarButton::before {
    content: url(../../Images/toolbarButton-viewOutline@2x.png); }

  html[dir="rtl"] #viewOutline.toolbarButton::before {
    content: url(../../Images/toolbarButton-viewOutline-rtl@2x.png); }

  #viewAttachments.toolbarButton::before {
    content: url(../../Images/toolbarButton-viewAttachments@2x.png); }

  #viewFind.toolbarButton::before {
    content: url(../../Images/toolbarButton-search@2x.png); }

  .secondaryToolbarButton.firstPage::before {
    content: url(../../Images/secondaryToolbarButton-firstPage@2x.png); }

  .secondaryToolbarButton.lastPage::before {
    content: url(../../Images/secondaryToolbarButton-lastPage@2x.png); }

  .secondaryToolbarButton.rotateCcw::before {
    content: url(../../Images/secondaryToolbarButton-rotateCcw@2x.png); }

  .secondaryToolbarButton.rotateCw::before {
    content: url(../../Images/secondaryToolbarButton-rotateCw@2x.png); }

  .secondaryToolbarButton.selectTool::before {
    content: url(../../Images/secondaryToolbarButton-selectTool@2x.png); }

  .secondaryToolbarButton.handTool::before {
    content: url(../../Images/secondaryToolbarButton-handTool@2x.png); }

  .secondaryToolbarButton.documentProperties::before {
    content: url(../../Images/secondaryToolbarButton-documentProperties@2x.png); }

  .outlineItemToggler::before {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    top: -1px;
    content: url(../../Images/treeitem-expanded@2x.png); }

  html[dir='ltr'] .outlineItemToggler.outlineItemsHidden::before {
    content: url(../../Images/treeitem-collapsed@2x.png); }

  html[dir='rtl'] .outlineItemToggler.outlineItemsHidden::before {
    content: url(../../Images/treeitem-collapsed-rtl@2x.png); }

  html[dir='ltr'] .outlineItemToggler::before {
    right: 0; }

  html[dir='rtl'] .outlineItemToggler::before {
    left: 0; } }
@media print {
  /* General rules for printing. */
  body {
    background: transparent none; }

  /* Rules for browsers that don't support mozPrintCallback. */
  #sidebarContainer, #secondaryToolbar, .toolbar, #loadingBox, #errorWrapper, .textLayer {
    display: none; }

  #viewerContainer {
    overflow: visible; }

  #mainContainer, #viewerContainer, .page, .page canvas {
    position: static;
    padding: 0;
    margin: 0; }

  .page {
    float: left;
    display: none;
    border: none;
    box-shadow: none;
    background-clip: content-box;
    background-color: white; }

  .page[data-loaded] {
    display: block; }

  .fileInput {
    display: none; }

  /* Rules for browsers that support PDF.js printing */
  body[data-pdfjsprinting] #outerContainer {
    display: none; }

  body[data-pdfjsprinting] #printContainer {
    display: block; }

  #printContainer {
    height: 100%; }

  /* wrapper around (scaled) print canvas elements */
  #printContainer > div {
    position: relative;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: visible;
    page-break-after: always;
    page-break-inside: avoid; }

  #printContainer canvas,
  #printContainer img {
    display: block; } }
.visibleLargeView,
.visibleMediumView,
.visibleSmallView {
  display: none; }

@media all and (max-width: 900px) {
  #toolbarViewerMiddle {
    display: table;
    margin: auto;
    left: auto;
    position: inherit;
    transform: none; } }
@media all and (max-width: 840px) {
  #sidebarContent {
    background-color: #3d3d3d; }

  html[dir='ltr'] #outerContainer.sidebarOpen #viewerContainer {
    left: 0px; }

  html[dir='rtl'] #outerContainer.sidebarOpen #viewerContainer {
    right: 0px; }

  #outerContainer .hiddenLargeView,
  #outerContainer .hiddenMediumView {
    display: inherit; }

  #outerContainer .visibleLargeView,
  #outerContainer .visibleMediumView {
    display: none; } }
@media all and (max-width: 770px) {
  #outerContainer .hiddenLargeView {
    display: none; }

  #outerContainer .visibleLargeView {
    display: inherit; } }
@media all and (max-width: 700px) {
  #outerContainer .hiddenMediumView {
    display: none; }

  #outerContainer .visibleMediumView {
    display: inherit; } }
@media all and (max-width: 640px) {
  .hiddenSmallView, .hiddenSmallView * {
    display: none; }

  .visibleSmallView {
    display: inherit; }

  .toolbarButtonSpacer {
    width: 0; }

  html[dir='ltr'] .findbar {
    left: 38px; }

  html[dir='rtl'] .findbar {
    right: 38px; } }
@media all and (max-width: 535px) {
  #scaleSelectContainer {
    display: none; } }
.bookmarksbtns {
  padding: 0;
  margin-bottom: 10px; }
  .bookmarksbtns button {
    padding: 4px 6px;
    font-size: 12px;
    background: #ffffff;
    border: none;
    color: #3d3d3d;
    margin: 0 5px 0 0; }
    .bookmarksbtns button:hover {
      background: #eee; }

#addOnControls {
  padding: 5px; }
  #addOnControls input {
    padding: 2px 4px;
    width: 70%; }

/*
div#linkVisibility label {
    margin-right: 30px;
    margin-top: 6px;
    font-size: 12px;
}
div#linkaction {
    padding-top: 5px;
    margin-bottom: 5px;
}
div#linkaction label {
    margin-right: 18px;
        font-size: 12px;
}

#linkVisibility, #linkaction {
    label{
        padding-left:20px;
        line-height: 22px;
    }
    [type=radio] + label:after,
    [type=radio] + label:before{
        width: 12px;
        height: 12px;
    }
    [type=radio].with-gap:checked + label:after,
    [type=radio]:checked + label:after{
        background:$white;
        border:2px solid $white;
    }
}*/
.pdfinfo:before {
  content: "\e062";
  font-family: "submitpro-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #dee2e6;
  font-size: 16px; }

.show-more-pdf {
  position: absolute !important;
  right: 0 !important;
  background: #fff;
  margin: 0 !important; }
  .show-more-pdf .dropdown-toggle:after {
    display: none; }
  .show-more-pdf.open .dropdown-menu {
    display: block;
    right: 0 !important;
    left: auto !important;
    font-size: 14px;
    max-width: 800px;
    max-height: 500px;
    overflow-y: auto;
    z-index: 99999; }
  .show-more-pdf > a.nav-link {
    padding: 5px 2px 0;
    font-size: 12px; }
    .show-more-pdf > a.nav-link:hover {
      background: #e9ecef !important;
      cursor: pointer; }
    .show-more-pdf > a.nav-link.pdf-close-all:hover {
      color: #dc3545; }
  .show-more-pdf .dropdown-menu {
    max-width: 500px; }

.admin-total {
  margin: 0 auto;
  width: 100%;
  border: 0 solid rgba(0, 0, 0, 0.125);
    /*.admin-top-navigation {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        background: #f8f9fa;
        box-shadow: -1px -1px 1px 2px #d9d9da;
        -webkit-box-shadow: -1px -1px 1px 2px #d9d9da;
        -moz-box-shadow: -1px -1px 1px 2px #d9d9da;
        position: relative;
        z-index: 1;
        h2 {
            margin: 0;
            display: inline-block;
            float: left;
            font-size: $font-size-large;
            width: 12%;
            line-height: 40px;
            color: $gray-600;
            font-weight: 300;

            &.breadcrumbs {
                i, .arrownext {
                    margin-right: 5px;

                    &:after {
                        content: "\40";
                        font-family: "submitpro-icon" !important;
                        font-style: normal !important;
                        font-weight: normal !important;
                        font-variant: normal !important;
                        text-transform: none !important;
                        speak: none;
                        line-height: 1;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        font-size: 14px;
                        padding: 0 0px 0 4px;
                        color: $gray-400;
                    }
                }
            }
        }
        }*/ }
  .admin-total .card-body {
    padding: 5px 1rem 1rem 1rem; }

.admin-top-navigation {
  width: 100%;
  height: 46px;
  padding: 0 10px; }
  .admin-top-navigation h4 {
    margin: 0px !important;
    display: inline-block;
    float: left;
    width: auto;
    color: #343a40;
    font-weight: 500; }
    .admin-top-navigation h4.breadcrumbs .arrownext {
      margin-right: 5px; }
      .admin-top-navigation h4.breadcrumbs .arrownext:after {
        content: "\40";
        font-family: "submitpro-icons" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        padding: 0 0px 0 4px;
        color: #343a40; }

.admin-navbar-nav {
  margin: 0 auto; }
  .admin-navbar-nav li {
    float: left;
    list-style-type: none; }
    .admin-navbar-nav li a:hover {
      cursor: pointer; }
      .admin-navbar-nav li a:hover > span {
        color: #2367AB;
        padding-bottom: 10px;
        border-bottom: 2px solid #2367AB; }
    .admin-navbar-nav li a > span {
      color: #495057;
      font-size: 13px; }
    .admin-navbar-nav li.active a > span {
      border-bottom: 2px solid #2367AB;
      padding-bottom: 10px;
      color: #2367AB;
      font-weight: 500; }

.admin-add-btn {
  position: absolute;
  top: -30px; }

.admin-users-page {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  overflow-y: auto; }
  .admin-users-page.full-page {
    height: calc(100vh - 90px); }
  .admin-users-page h4.card-title {
    line-height: 28px;
    float: left;
    margin: 0;
    color: #868e96; }

.password-requirements {
  width: 150%;
  float: left;
  border-radius: 2px;
  margin: 20px 0 0 0%; }

.myprofile-page.password-requirements {
  width: 50%;
  border-radius: 2px;
  margin: 0 42% 20px;
  float: left; }

.password-requirements h4 {
  font-size: 13px; }

.password-requirements.forget {
  width: 91%;
  float: left;
  background: #FFFECD;
  border: 1px solid #E2E1A5;
  border-radius: 2px;
  padding: 8px 10px;
  margin: 0 15px 10px; }

.password-requirements.forget h4 {
  font-size: 14px;
  border: none;
  font-weight: normal;
  padding: 0;
  margin: 0 0 10px 0px; }

.password-requirements ul {
  margin: 0px;
  padding-left: 20px; }

.password-requirements ul li {
  float: left;
  list-style-type: disc;
  padding-left: 1px;
  line-height: 21px;
  font-size: 13px;
  width: 100%; }

.password-requirements ul li.valid {
  background: url(../images/tick.png) no-repeat 0px 6px;
  background-size: 14px 14px;
  color: #3a7d34; }

.password-requirements ul li.invalid {
  background: url(../images/cross.png) no-repeat 0 6px;
  background-size: 14px 14px;
  color: #ec3f41; }

.password-requirements div[on="strength"] div, .password-requirements span#spnStrength, .password-requirements #spnEsignStrength {
  font-size: 16px;
  font-weight: 500; }

.user-disabled {
  width: 20px;
  height: 20px;
  float: left;
  font-size: 18px;
  color: #eb8c95; }
  .user-disabled:hover {
    color: #dc3545;
    cursor: pointer; }

.user-enabled {
  width: 20px;
  height: 20px;
  float: left;
  font-size: 18px;
  color: #86e29b; }
  .user-enabled:hover {
    color: #28a745;
    cursor: pointer; }

.metaactive {
  font-size: 12px;
  background: #5ebb6a;
  padding: 4px;
  color: #fff;
  margin-top: -9px;
  white-space: nowrap; }

.metainactive {
  font-size: 12px;
  background: #868e96;
  padding: 4px;
  color: #fff;
  white-space: nowrap; }

.metaactive:hover, .metainactive:hover {
  color: #fff;
  cursor: pointer;
  opacity: 0.8; }

.linkDisabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #e9ecef; }
  .linkDisabled * {
    color: #e9ecef !important; }

.admin-left-list {
  list-style-type: none;
  margin-top: 10px;
  margin-left: 0;
  padding: 0; }
  .admin-left-list li a {
    text-decoration: none;
    color: #343a40;
    line-height: 26px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    font-size: 14px;
    margin: 2px 0; }
    .admin-left-list li a i {
      color: #343a40;
      font-size: calc($font-size-base + 1px);
      float: left;
      padding: 2px 8px 0 0; }
  .admin-left-list li.active a {
    color: #2367AB;
    font-weight: 500; }
    .admin-left-list li.active a i {
      color: #2367AB; }

.metadata-kendo .k-header.k-grid-toolbar {
  position: absolute;
  z-index: 100000;
  text-align: right;
  width: 100%;
  margin: -52px 0 0 0 !important; }

.report-count {
  width: auto;
  float: left;
  padding: 12px 6px 3px;
  text-align: center;
  border: 1px solid #eee;
  border-width: 0 0 0 1px;
  min-width: 60px;
  cursor: pointer; }
  .report-count:last-child {
    border-width: 0 1px 0 1px; }
  .report-count:hover {
    background: #f8f9fa; }
  .report-count.active {
    background: #f8f9fa;
    border-bottom: 2px solid #2367AB; }
  .report-count label {
    float: left;
    width: 100%;
    line-height: 10px;
    font-size: 15px;
    color: #2367AB; }
  .report-count span {
    float: left;
    width: 100%;
    font-weight: 500;
    color: #868e96;
    font-size: 12px; }

.admin-popup-left {
  float: left;
  width: 24%;
  background: #fafafa;
  border: 1px solid #eee;
  height: 340px; }
  .admin-popup-left a {
    float: left;
    width: 100%;
    text-decoration: none;
    line-height: 30px;
    border-bottom: 1px solid #eee;
    padding: 3px 8px;
    color: #333; }
    .admin-popup-left a.active {
      color: #2367AB; }

.admin-popup-right {
  float: left;
  width: 76%;
  padding: 0 10px; }

.myprofile-modalbody {
  height: 340px; }

body.loginbody {
  background: #ccc;
  /* fallback for old browsers */
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #0F487F;
  background-position: 140px 20px; }

#loginlottie {
  background-color: transparent;
  width: 80%;
  height: auto;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
  margin: 14% 30%; }

.login-animation {
  float: left;
  width: 45%; }

.login-page {
  width: 35%;
  padding: 12% 6% 0 6%;
  margin: auto;
  float: right;
  background: #fff;
  height: 100vh; }
  .login-page .login-title img {
    max-width: 45%; }
  .login-page .login-title span {
    font-size: 16px;
    color: #868e96;
    border-left: 1px solid #E0E0E0;
    padding-left: 20px;
    height: 50px;
    float: right;
    width: 50%;
    line-height: 60px; }
  .login-page .loginform .pwd-help {
    margin-top: -42px !important; }
  .login-page .form input {
   /* outline: 0;
  background: $white;
  width: 100%;
  border: 0;
  margin: 0 0 15px $imp;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;*/
    padding: 0 4px; }
    .login-page .form input::-webkit-input-placeholder {
      color: #868e96;
      font-size: 14px;
      font-family: "Roboto", sans-serif; }
    .login-page .form input::-moz-placeholder {
      color: #868e96;
      font-size: 14px;
      font-family: "Roboto", sans-serif; }
    .login-page .form input:-ms-input-placeholder {
      color: #868e96;
      font-size: 14px;
      font-family: "Roboto", sans-serif; }
    .login-page .form input:-moz-placeholder {
      color: #868e96;
      font-size: 14px;
      font-family: "Roboto", sans-serif; }
  .login-page .form button, .login-page .form .login-main-btn {
    text-transform: uppercase;
    outline: 0;
    background-color: #2367AB;
    border-color: #2367AB;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer; }
    .login-page .form button[disabled], .login-page .form .login-main-btn[disabled] {
      background: #adb5bd; }
      .login-page .form button[disabled]:active, .login-page .form button[disabled]:hover, .login-page .form button[disabled]:focus, .login-page .form .login-main-btn[disabled]:active, .login-page .form .login-main-btn[disabled]:hover, .login-page .form .login-main-btn[disabled]:focus {
        background: #adb5bd; }
  .login-page .form button:hover, .login-page .form button:active, .login-page .form button:focus {
    background: #1a4e81; }
  .login-page .form .message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px; }
  .login-page .form .message a {
    color: #4CAF50;
    text-decoration: none; }
  .login-page .form .register-form {
    display: none; }
  .login-page .form-login input {
    margin-bottom: 10px; }

.pwd-help {
  width: 30px !important;
  height: 30px !important;
  margin-top: -52px !important;
  float: right;
  margin-right: -40px !important;
  cursor: pointer; }
  .pwd-help i {
    font-size: 13px;
    color: #495057;
    line-height: 10px; }

/*
.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}
*/
/*.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}*/
/*Vault Login*/
.vault-login-page {
  width: 100%;
  padding: 8% 0 0;
  margin: auto;
  height: calc(100vh - 91px);
  background: #eee; }

.vault-logo {
  margin: -20px 0 10px -10px;
  max-width: 80px; }

.vault-loginform {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); }

.vault-loginform input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 13px; }

.vault-loginform button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background-color: #f08800;
  border-color: #f08800;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer; }
  .vault-loginform button#btnDMSLogin {
    background-color: #1b745c;
    border-color: #1b745c; }

.vault-loginform button:hover,
.vault-loginform button:active,
.vault-loginform button:focus {
  background: #E07E00; }

.vault-loginform .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px; }

.vault-loginform .message a {
  color: #4CAF50;
  text-decoration: none; }

/*Vault Login End*/
.vault-header {
  background: #f8f9fa;
  border: 1px solid #E0E0E0;
  margin: 0 !important;
  padding: 5px 0; }
  .vault-header .form-control {
    max-height: 32px;
    min-height: 30px; }

.vault-body .vault-tree {
  height: calc(100vh - 132px); }
  .vault-body .vault-tree .submission-treeview {
    height: calc(100vh - 160px); }
    .vault-body .vault-tree .submission-treeview.x-scrollable {
      height: calc(100vh - 160px);
      overflow-x: auto !important; }
      .vault-body .vault-tree .submission-treeview.x-scrollable::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
        background-color: #dcdcdc; }
      .vault-body .vault-tree .submission-treeview.x-scrollable::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: #dcdcdc; }
      .vault-body .vault-tree .submission-treeview.x-scrollable::-webkit-scrollbar-thumb {
        background-color: #bbb;
        border: 2px solid #bbb; }

  /*.vault-body .vault-tree .submission-treeview::-webkit-scrollbar-track {	
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);	
    background-color: #F5F5F5;	
}	
.vault-body .vault-tree .submission-treeview::-webkit-scrollbar {	
    width: 8px;	
    background-color: #F5F5F5;	
}	
.vault-body .vault-tree .submission-treeview::-webkit-scrollbar-thumb {	
    background-color: #A9A9A9;	
    border: 2px solid #A9A9A9;	
}	
.vault-body .vault-tree .submission-treeview::-webkit-scrollbar-thumb:horizontal{	
         background-color: #A9A9A9;	
    border: 2px solid #A9A9A9;	
}*/
#MasterModules .vault-tree {
  height: 280px; }
#MasterModules div#treeview-MasterControlPreview.submission-treeview {
  height: 270px; }

.pdf-right-menu {
  padding: 0;
  background: #fff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  width: auto !important; }
  .pdf-right-menu #items {
    background: none;
    font-size: 13px;
    line-height: 28px;
    padding: 0;
    margin: 0; }
    .pdf-right-menu #items li {
      padding: 4px 12px; }
      .pdf-right-menu #items li:hover {
        background: #d6e7f7;
        color: #343a40; }

.pdf-modal.modal {
  width: 0;
  overflow: visible;
  z-index: 105000; }
.pdf-modal .modal-dialog {
  z-index: 10500;
  position: fixed;
  left: 18%;
  top: 2%; }
.pdf-modal .modal-header {
  padding: 4px 10px;
  background: #495057; }
.pdf-modal .modal-title {
  font-size: 15px;
  width: 100%;
  text-align: center;
  color: #fff; }
.pdf-modal .modal-content {
  border: 4px solid #495057;
  border-top: 0;
  width: 820px;
  max-height: calc(100vh - 60px); }
.pdf-modal .modal-close {
  background: #dc3545;
  color: #fff;
  opacity: 1;
  padding: 3px 10px 1px;
  margin: -11px -8px 0 0;
  font-size: 16px; }
  .pdf-modal .modal-close:hover, .pdf-modal .modal-close:focus {
    color: #f8f9fa;
    text-decoration: none;
    cursor: pointer; }

.pdf-popup-tree {
  border: 1px solid #eee;
  padding-left: 10px; }
  .pdf-popup-tree .submission-treeview {
    max-height: 300px;
    padding: 10px; }
    .pdf-popup-tree .submission-treeview > .k-group.k-treeview-lines > li.k-item {
      padding: 0 0 0 16px; }

.pdf-destination {
  float: left;
  width: 100%;
  padding: 10px;
  background: #ebf3fb;
  border: 1px solid #c2e1f5;
  margin-top: 10px;
  position: relative; }
  .pdf-destination:after, .pdf-destination:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .pdf-destination:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #88b7d5;
    border-width: 7px;
    margin-left: -7px; }
  .pdf-destination:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #c2e1f5;
    border-width: 8px;
    margin-left: -8px; }
  .pdf-destination.pdf-destination-left:after, .pdf-destination.pdf-destination-left:before {
    left: 15%; }
  .pdf-destination.pdf-destination-right:after, .pdf-destination.pdf-destination-right:before {
    left: 75%; }

.btn-bookmark {
  padding: 2px !important;
  margin-left: 2px !important;
  margin-top: -1px !important; }
  .btn-bookmark i {
    margin: 0 !important;
    font-size: 15px;
    float: left !important;
    line-height: 10px !important; }
    .btn-bookmark i.icon-check-mark {
      color: #2367AB; }
    .btn-bookmark i.icon-cancel {
      color: #dc3545; }

.world_map {
  width: 700px !important;
  height: 400px;
  float: left;
  margin: 20px 0px 0px 0px; }

.jvectormap-container {
  background-color: #fff !important; }

.jvectormap-tip {
  position: fixed\0;
  position: absolute;
  display: none;
  border: solid 1px #CDCDCD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  color: #868e96;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 3px;
  cursor: pointer;
  margin-top: 300px\0; }

.jvectormap-zoomin, .jvectormap-zoomout {
  width: 20px;
  float: right;
  margin: 0px 5px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #343a40;
  padding: 5px;
  color: #fff;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 25px;
  margin: -34px 0 0 0; }

.jvectormap-zoomout {
  right: 50px; }

#contextMenu {
  display: none;
  z-index: 1000;
  position: absolute;
  border: 1px solid #ddd;
  overflow: hidden;
  width: 120px;
  white-space: nowrap;
  font-family: sans-serif;
  -webkit-box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.5); }

#contextMenu li {
  padding: 5px 10px; }

#contextMenu li:hover {
  background-color: #4679BD;
  color: #fff;
  cursor: pointer; }

.dashboard-template {
  float: left;
  width: 100%;
  padding: 0px; }
  .dashboard-template h2 {
    font-size: 20px;
    color: #666;
    margin: -5px 0 0 0; }
  .dashboard-template .dashboard-left {
    float: left;
    padding: 10px;
    background: #fff;
    width: 65%; }
    .dashboard-template .dashboard-left div {
      width: 100%;
      border: 1px solid #ddd; }
    .dashboard-template .dashboard-left img {
      width: 78%; }
  .dashboard-template .dashboard-right {
    float: right;
    padding: 10px;
    background: #fff;
    width: 34%; }
    .dashboard-template .dashboard-right img {
      border: 0px solid #eee;
      width: 96%; }

.widget-hr {
  border: 0;
  height: 60px;
  background-image: -webkit-linear-gradient(bottom, #f0f0f0, #8c8c8c, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
  width: 1px; }

.has-shadeborder:after {
  border: 0;
  height: 40px;
  background-image: -webkit-linear-gradient(bottom, #f0f0f0, #8c8c8c, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
  width: 1px;
  content: "";
  position: absolute;
  right: 5px;
  top: 10px; }

.db-widget-icon {
  font-size: 21px;
  color: #FF594E;
  float: left;
  padding-left: 36px;
  line-height: 30px;
  padding-top: 2px; }

.db-widget {
  padding: 20px 10px;
  border-right: 1px solid #ebedf2; }
  .db-widget .card-title {
    font-size: 16px; }
  .db-widget .donut-wrapper {
    position: relative;
    width: 160px;
    margin: 0 auto; }
  .db-widget .donut-innertext {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    margin-top: -50px;
    margin-left: -83px;
    font-size: 34px;
    line-height: 100px;
    vertical-align: middle;
    text-align: center;
    color: #ced4da;
    font-weight: 500; }
  .db-widget .db-widget-row {
    border-bottom: .07rem dashed #ebedf2;
    padding: 5px 0; }
    .db-widget .db-widget-row label {
      max-width: 86%;
      white-space: nowrap;
      float: left;
      text-align: left;
      line-height: 30px !important;
      font-size: 13px;
      text-overflow: ellipsis;
      overflow: hidden; }

.db-shadow {
  -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08) !important;
  box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08) !important; }

.form-style1.dashboard-form .form-group label {
  float: left; }
.form-style1.dashboard-form .form-group .form-control.k-widget {
  max-width: 68%;
  float: left;
  margin-left: 10px;
  height: 28px !important;
  min-height: 22px !important;
  border: 1px solid #eee; }
  .form-style1.dashboard-form .form-group .form-control.k-widget * {
    height: 28px !important;
    min-height: 22px !important;
    max-height: 23px !important;
    line-height: 28px !important; }
  .form-style1.dashboard-form .form-group .form-control.k-widget .k-state-default .k-input {
    max-height: 28px;
    line-height: 25px !important;
    padding: 0; }

.db-chart g[transform] > path {
  stroke-width: 5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 12px, 9px; }

.db-chart g[transform] {
  float: left;
  margin-right: 10px; }

.db-chart g[transform] text {
  margin-right: 10px;
  padding-right: 10px;
  float: left;
  transform: translate(-25px, 15px);
  font-weight: 500 !important;
  font-family: Roboto !important;
  font-size: 13px !important;
  fill: #666; }

.db-right-chart g[transform] > path {
  stroke-width: 5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 12px, 9px; }

.db-right-chart g[transform] {
  float: left;
  margin-right: 10px; }

.db-right-chart g[transform] text {
  margin-right: 10px;
  padding-right: 10px;
  float: left;
  font-weight: 500 !important;
  font-family: Roboto !important;
  font-size: 13px !important;
  fill: #666; }

.regionmap-legends {
  width: 100%;
  float: left;
  padding: 10px 0; }
  .regionmap-legends label {
    width: auto;
    margin-left: 20px;
    float: left; }
    .regionmap-legends label span {
      float: left;
      padding: 0;
      clear: left;
      font-weight: 500;
      font-family: Roboto;
      font-size: 13px;
      padding-top: 5px; }
    .regionmap-legends label div {
      height: 6px;
      width: 18px;
      border-radius: 6px;
      float: left;
      line-height: 18px; }

.ha-query-btn {
  float: left;
  position: relative;
  color: #fff;
  padding: 16px 12px;
  border-radius: 3px;
  font-weight: 500;
  line-height: 20px;
  border: 1px dashed #61a1e0;
  border-width: 0 1px 0;
  /*span{
      background:url(../../../Images/discuss-issue.png) no-repeat 0 2px;
      background-size: 20px;
      float: left;
      width: 20px;
      height: 20px;
      margin-right: 8px;
  }*/ }
  .ha-query-btn i {
    font-size: 18px;
    position: relative;
    padding: 2px 7px 0 0;
    float: left;
    margin-bottom: -4px; }
  .ha-query-btn:hover {
    background: #1a4e81;
    color: #fff; }
  .ha-query-btn:focus {
    color: #fff;
    outline: none;
    border: none; }
  .ha-query-btn.active {
    background: #1f5a96; }
    .ha-query-btn.active:after {
      border-bottom: 3px solid #fff !important;
      position: absolute;
      height: 2px;
      width: 100%;
      content: "";
      top: 95%;
      z-index: 10000000;
      left: 0; }
  .ha-query-btn .query-count {
    position: absolute;
    float: right;
    margin: -24% 0 0 -26%;
    background: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: #212529;
    text-align: center;
    line-height: 20px;
    font-size: 11px; }

footer.footer-copyright {
  text-align: center;
  color: #666;
  float: left;
  width: 100%;
  height: 45px;
  margin: 0 0 4px 0;
  background: #fff;
  padding: 8px 32%; }
  footer.footer-copyright.innerpage-right-copy {
    width: 100%;
    margin: 0 0 2px 0;
    padding: 8px 28%; }
  footer.footer-copyright.manage-sq-copy {
    width: 100%;
    padding: 8px 26%;
    margin: auto; }
  footer.footer-copyright img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 30px;
    float: left;
    vertical-align: bottom; }
  footer.footer-copyright p {
    float: left;
    width: auto;
    line-height: 30px;
    margin-left: 10px; }

table.table.table-audit-history {
  border: 1px solid #E0E0E0; }
  table.table.table-audit-history th {
    font-weight: 600;
    color: #495057;
    font-size: 13px;
    white-space: nowrap; }

.mentions-input-box {
  position: relative;
  background: #fff; }

.mentions-input-box textarea {
  width: 100%;
  display: block;
  height: 18px;
  padding: 9px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  overflow: auto;
  background: transparent;
  position: relative;
  outline: 0;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 250px; }

.mentions-input-box .mentions-autocomplete-list {
  display: none;
  background: #fff;
  border: 1px solid #b2b2b2;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10000;
  margin-top: -2px;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438); }

.mentions-input-box .mentions-autocomplete-list ul {
  margin: 0;
  padding: 0; }

.mentions-input-box .mentions-autocomplete-list li {
  background-color: #fff;
  padding: 0 5px;
  margin: 0;
  width: auto;
  border-bottom: 1px solid #eee;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  cursor: pointer;
  list-style: none;
  white-space: nowrap; }

.mentions-input-box .mentions-autocomplete-list li:last-child {
  border-radius: 5px; }

.mentions-input-box .mentions-autocomplete-list li > img,
.mentions-input-box .mentions-autocomplete-list li > div.icon {
  width: 16px;
  height: 16px;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  -moz-background-origin: 3px;
  border-radius: 3px; }

.mentions-input-box .mentions-autocomplete-list li em {
  font-weight: bold;
  font-style: none; }

.mentions-input-box .mentions-autocomplete-list li:hover,
.mentions-input-box .mentions-autocomplete-list li.active {
  background-color: #f2f2f2; }

.mentions-input-box .mentions-autocomplete-list li b {
  background: #ffff99;
  font-weight: normal; }

.mentions-input-box .mentions {
  position: absolute;
  left: 1px;
  right: 0;
  top: 1px;
  bottom: 0;
  padding: 9px;
  color: #fff;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word; }

.mentions-input-box .mentions > div {
  color: #fff;
  white-space: pre-wrap;
  width: 100%; }

.mentions-input-box .mentions > div > strong {
  font-weight: 400;
  background: none;
  color: #212529; }

.mentions-input-box .mentions > div > strong > span {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  font-weight: 400;
  color: #343a40; }

.btn.btn-grid {
  margin: -2px 4px -2px 0 !important;
  padding: 5px 6px 4px !important; }
  .btn.btn-grid i {
    margin: 0 !important;
    font-size: 15px !important;
    color: #2367AB !important; }
  .btn.btn-grid.edit i {
    color: #2367AB; }
  .btn.btn-grid.delete i {
    color: #dc3545; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #ffffff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before,
.fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-handshake-o:before {
  content: "\f2b5"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-o:before {
  content: "\f2b7"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-book-o:before {
  content: "\f2ba"; }

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb"; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-circle-o:before {
  content: "\f2be"; }

.fa-user-o:before {
  content: "\f2c0"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2"; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3"; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-eercast:before {
  content: "\f2da"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-snowflake-o:before {
  content: "\f2dc"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-meetup:before {
  content: "\f2e0"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

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

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

/*
input[type="search"] {
  -webkit-appearance: textfield; // 1
  box-sizing: content-box; //2
}*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*
@mixin btntransition($btntransition...) {
    
    -moz-transition:    $btn-transition;
    -o-transition:      $btn-transition;
    -webkit-transition: $btn-transition;
    transition:         $btn-transition;
    
}
*/
@keyframes width-easing {
  0% {
    width: 40px; }
  100% {
    width: 400px; } }
@-webkit-keyframes width-easing {
  0% {
    width: 40px; }
  100% {
    width: 400px; } }
@-moz-keyframes width-easing {
  0% {
    width: 40px; }
  100% {
    width: 400px; } }
@-o-keyframes width-easing {
  0% {
    width: 40px; }
  100% {
    width: 400px; } }
h1, h2, h3, h4, h5, h6 {
  color: #495057;
  font-weight: 400;
  margin-bottom: .5rem;
  margin-top: 0; }

h1 {
  line-height: 40px;
  font-size: 36px; }

h2 {
  line-height: 36px;
  font-size: 24px; }

h3 {
  line-height: 30px;
  font-size: 21px; }

h4 {
  line-height: 22px;
  font-size: 18px; }

h5 {
  line-height: 18px;
  font-size: 14px; }

h6 {
  line-height: 16px;
  font-size: 13px; }

p {
  color: #495057;
  font-weight: 400;
  font-size: 13px; }

.centered-text {
  text-align: center; }

.left-text {
  text-align: left; }

.right-text {
  text-align: right; }

.font-12 {
  font-size: 12px !important; }

.font-14 {
  font-size: 13px !important; }

.font-16 {
  font-size: 14px !important; }

.font-18 {
  font-size: 18px !important; }

.font-21 {
  font-size: 21px !important; }

.font-24 {
  font-size: 24px !important; }

.font-26 {
  font-size: 26px !important; }

.font-36 {
  font-size: 36px !important; }

.font-weight-bold {
  font-weight: 600; }

.font-weight-normal {
  font-weight: 400; }

.font-italic {
  font-style: italic; }

.color-white {
  color: #fff !important; }

.color-black {
  color: #343a40 !important; }

.color-blue {
  color: #2367AB !important; }

.color-red {
  color: #dc3545 !important; }

.label {
  padding: 3px 10px;
  line-height: 13px;
  color: #ffffff;
  font-weight: 400;
  border-radius: 4px;
  font-size: 75%;
  display: inline-block; }

.control-label {
  display: inline-block;
  margin-bottom: .5rem; }

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

.label-warning {
  background-color: #ffc107; }

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

.label-danger {
  background-color: #dc3545; }

.label-gray {
  background-color: #868e96; }

.break-all {
  word-break: break-all; }

.overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 92%; }

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre-line; }

.text-muted {
  color: #adb5bd; }

.text-primary {
  color: #2367AB; }

.text-success {
  color: #28a745; }

.text-info {
  color: #17a2b8; }

.text-warning {
  color: #ffc107; }

.text-danger {
  color: #dc3545; }

blockquote {
  border-left: 5px solid #1976d2;
  border: 1px solid rgba(120, 130, 140, 0.13);
  padding: 15px; }

dl, ol, ul {
  margin-top: 3rem;
  margin-bottom: 1rem;
  color: #495057; }

dt {
  font-weight: 600; }

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

ul.has-icons {
  margin: 0px;
  padding: 0px; }
  ul.has-icons li {
    list-style: none;
    line-height: 30px;
    margin: 5px 0;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    ul.has-icons li i {
      font-size: 13px;
      padding-right: 8px; }
    ul.has-icons li a {
      color: #868e96; }
      ul.has-icons li a:hover {
        color: #2367AB; }

.m-auto {
  margin: 0 auto !important; }

.m-0 {
  margin: 0 !important; }

.m-10 {
  margin: 10px !important; }

.m-20 {
  margin: 20px !important; }

.m-t-0 {
  margin-top: 0 !important; }

.m-t-2 {
  margin-top: 2px !important; }

.m-t-3 {
  margin-top: 3px !important; }

.m-t-4 {
  margin-top: 4px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-6 {
  margin-top: 6px !important; }

.m-t-8 {
  margin-top: 8px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-t-50 {
  margin-top: 50px !important; }

.m-t-60 {
  margin-top: 60px !important; }

.m-t-02 {
  margin-top: -2px !important; }

.m-t-03 {
  margin-top: -3px !important; }

.m-t-05 {
  margin-top: -5px !important; }

.m-t-06 {
  margin-top: -6px !important; }

.m-t-08 {
  margin-top: -8px !important; }

.m-t-010 {
  margin-top: -10px !important; }

.m-t-012 {
  margin-top: -12px !important; }

.m-t-015 {
  margin-top: -15px !important; }

.m-t-020 {
  margin-top: -20px !important; }

.m-t-030 {
  margin-top: -30px !important; }

.m-t-040 {
  margin-top: -40px !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-b-2 {
  margin-bottom: 5px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-8 {
  margin-bottom: 8px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.m-tb-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-tb-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.m-tb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.m-tb-15 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.m-l-0 {
  margin-left: 0 !important; }

.m-l-2 {
  margin-left: 2px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-8 {
  margin-left: 8px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-13 {
  margin-left: 13px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-020 {
  margin-left: -20px !important; }

.m-l-06 {
  margin-left: -6px !important; }

.m-l-8 {
  margin-left: 8px !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-r-2 {
  margin-right: 2px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.m-r-8 {
  margin-right: 8px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.m-r-020 {
  margin-right: -20px !important; }

.m-lr-5 {
  margin-right: 5px !important;
  margin-left: 5px !important; }

.m-lr-8 {
  margin-right: 8px !important;
  margin-left: 8px !important; }

.m-lr-10 {
  margin-right: 10px !important;
  margin-left: 10px !important; }

.m-lr-20 {
  margin-right: 20px !important;
  margin-left: 20px !important; }

.m-lr-010 {
  margin-right: -10px !important;
  margin-left: -10px !important; }

.m-lr-032 {
  margin-left: -32.4% !important;
  margin-right: -32.4% !important; }

.m-lr-030 {
  margin-left: -30% !important;
  margin-right: -30% !important; }

.m-lr-035 {
  margin-left: -35% !important;
  margin-right: -35% !important; }

.m-lr-040 {
  margin: 0 -40% !important; }

.ptop-5 {
  top: 5px; }

.ptop-10 {
  top: 10px; }

.ptop-15 {
  top: 15px; }

.p-0 {
  padding: 0 !important; }

.p-5 {
  padding: 5px !important; }

.p-10 {
  padding: 10px !important; }

.p-15 {
  padding: 15px !important; }

.p-20 {
  padding: 20px !important; }

.p-t-0 {
  padding-top: 0 !important; }

.p-t-2 {
  padding-top: 2px !important; }

.p-t-3 {
  padding-top: 3px !important; }

.p-t-4 {
  padding-top: 4px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-6 {
  padding-top: 6px !important; }

.p-t-8 {
  padding-top: 8px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-12 {
  padding-top: 12px !important; }

.p-t-14 {
  padding-top: 15px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.p-t-70 {
  padding-top: 70px !important; }

.p-t-100 {
  padding-top: 100px !important; }

.p-b-0 {
  padding-bottom: 0 !important; }

.p-b-8 {
  padding-bottom: 8px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-12 {
  padding-bottom: 12px !important; }

.p-tb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-tb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.p-tb-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important; }

.p-tb-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

.p-tb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.p-tb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.p-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.p-l-0 {
  padding-left: 0 !important; }

.p-l-2 {
  padding-left: 2px !important; }

.p-l-5 {
  padding-left: 5px !important; }

.p-l-6 {
  padding-left: 6px !important; }

.p-l-8 {
  padding-left: 8px !important; }

.p-l-10 {
  padding-left: 10px !important; }

.p-l-12 {
  padding-left: 10px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.p-l-20 {
  padding-left: 20px !important; }

.p-l-25 {
  padding-left: 25px !important; }

.p-l-30 {
  padding-left: 30px !important; }

.p-l-40 {
  padding-left: 40px !important; }

.p-l-50 {
  padding-left: 50px !important; }

.p-l-60 {
  padding-left: 60px !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-r-5 {
  padding-right: 5px !important; }

.p-r-8 {
  padding-right: 8px !important; }

.p-r-10 {
  padding-right: 10px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.p-r-20 {
  padding-right: 20px !important; }

.p-r-40 {
  padding-right: 40px !important; }

.p-r-60 {
  padding-right: 60px !important; }

.p-lr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.p-lr-5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.p-lr-8 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.p-lr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.p-lr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.p-lr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.w-auto {
  width: auto !important; }

.w-20 {
  width: 20%; }

.w-25 {
  width: 25%; }

.w-30 {
  width: 30%; }

.w-35 {
  width: 35%; }

.w-40 {
  width: 40%; }

.w-45 {
  width: 45%; }

.w-50 {
  width: 50%; }

.w-60 {
  width: 60%; }

.w-70 {
  width: 70%; }

.w-75 {
  width: 75%; }

.w-80 {
  width: 80%; }

.w-90 {
  width: 90%; }

.w-95 {
  width: 95%; }

.w-100 {
  width: 100%; }

.wd-100 {
  width: 100px;
  float: left; }

.wd-120 {
  width: 120px;
  float: left; }

.minw-10 {
  min-width: 10%; }

.minw-20 {
  min-width: 20%; }

.maxw-60 {
  max-width: 60%; }

.h-auto {
  height: auto; }

.h-25 {
  height: 25%; }

.h-30 {
  height: 30%; }

.h-50 {
  height: 50%; }

.h-70 {
  height: 70%; }

.h-75 {
  height: 75%; }

.h-100 {
  height: 100%; }

.no-border {
  border: none; }

.no-radius {
  border-radius: 0 !important; }

.b-radius-6 {
  border-radius: 6px !important; }

.border-eee {
  border: 1px solid #eee; }

.border-t-1 {
  border-top: 1px solid #E0E0E0 !important; }

.border-b-1 {
  border-bottom: 1px solid #E0E0E0 !important; }

.border-r-1 {
  border-right: 1px solid #E0E0E0 !important; }

.border-rb-1 {
  border-right: 1px solid #f7f7f7 !important;
  border-bottom: 1px solid #f7f7f7 !important; }

.border-width2 {
  border-width: 2px !important; }

.border-width3 {
  border-width: 3px !important; }

.display-block {
  display: block !important; }

.display-inline {
  display: inline !important; }

.display-flex {
  display: flex !important; }

.display-inline-block {
  display: inline-block !important; }

.display-table {
  display: table !important; }

.display-none {
  display: none !important; }

.pos-relative {
  position: relative; }

.pos-absolute {
  position: absolute; }

.pos-fixed {
  position: fixed; }

.pos-static {
  position: static; }

.layer1 {
  position: relative;
  z-index: 991001; }

.layer2 {
  position: relative;
  z-index: 99999; }

.layer3 {
  position: relative;
  z-index: 99998; }

.layer4 {
  position: relative;
  z-index: 99997; }

.layer5 {
  position: relative;
  z-index: 99996; }

.card-header.has-nav {
  padding-bottom: 0; }
  .card-header.has-nav .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; }
    .card-header.has-nav .nav.nav-tabs {
      border-bottom: 1px solid #ddd; }
      .card-header.has-nav .nav.nav-tabs .nav-item {
        margin-bottom: -1px; }
        .card-header.has-nav .nav.nav-tabs .nav-item .nav-link {
          border: 1px solid transparent;
          border-top-left-radius: .25rem;
          border-top-right-radius: .25rem;
          display: block;
          padding: 1rem 1.5rem; }
          .card-header.has-nav .nav.nav-tabs .nav-item .nav-link:focus, .card-header.has-nav .nav.nav-tabs .nav-item .nav-link:hover {
            text-decoration: none;
            border-color: #e9ecef #e9ecef #ddd; }
          .card-header.has-nav .nav.nav-tabs .nav-item .nav-link.active {
            color: #495057;
            background-color: #fff;
            border-color: #ddd #ddd #fff; }
          .card-header.has-nav .nav.nav-tabs .nav-item .nav-link.disabled {
            color: #868e96;
            background-color: transparent;
            border-color: transparent; }
    .card-header.has-nav .nav.card-header-pills {
      margin-right: -.625rem;
      margin-left: -.625rem;
      margin-top: 0; }
      .card-header.has-nav .nav.card-header-pills .nav-link {
        border-radius: .25rem;
        display: block;
        padding: 1rem 1.5rem; }
        .card-header.has-nav .nav.card-header-pills .nav-link:focus, .card-header.has-nav .nav.card-header-pills .nav-link:hover {
          text-decoration: none; }
        .card-header.has-nav .nav.card-header-pills .nav-link.active {
          color: #fff;
          background-color: #007bff; }
        .card-header.has-nav .nav.card-header-pills .nav-link.disabled {
          color: #868e96;
          background-color: transparent;
          border-color: transparent; }

.btn {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 0.8rem;
  font-size: 12px;
  line-height: 1.25;
  border-radius: 0.25rem;
  cursor: pointer; }
  .btn.btn-main {
    padding: 0.8rem 1rem;
    font-size: 12px;
    line-height: 1.25;
    border-radius: 0.25rem; }
  .btn:focus, .btn:hover {
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0; }
  .btn.disabled, .btn:disabled {
    opacity: .65;
    box-shadow: none; }
  .btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 0 0 3px rgba(35, 103, 171, 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125); }

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

.btn-primary {
  color: #fff;
  background-color: #2367AB;
  border-color: #2367AB;
  box-shadow: 0 2px 2px 0 rgba(35, 103, 171, 0.15), 0 3px 1px -2px rgba(35, 103, 171, 0.2), 0 1px 5px 0 rgba(35, 103, 171, 0.12); }
  .btn-primary:hover {
    color: #fff;
    background-color: #1d548b;
    border-color: #1a4e81;
    box-shadow: 0 14px 26px -12px rgba(35, 103, 171, 0.42), 0 4px 23px 0 rgba(35, 103, 171, 0.12), 0 8px 10px -5px rgba(35, 103, 171, 0.2); }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 14px 26px -12px rgba(35, 103, 171, 0.42), 0 4px 23px 0 rgba(35, 103, 171, 0.12), 0 8px 10px -5px rgba(35, 103, 171, 0.2); }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #2367AB;
    border-color: #2367AB; }
  .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    background-color: #1d548b;
    background-image: none;
    border-color: #1a4e81;
    box-shadow: 0 14px 26px -12px rgba(35, 103, 171, 0.42), 0 4px 23px 0 rgba(35, 103, 171, 0.12), 0 8px 10px -5px rgba(35, 103, 171, 0.2); }
  .btn-primary .btn-label {
    color: #fff;
    background-color: #205d9a;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-blue {
  color: #fff;
  background-color: #10B5E8;
  border-color: #10B5E8;
  box-shadow: 0 2px 2px 0 rgba(16, 181, 232, 0.15), 0 3px 1px -2px rgba(16, 181, 232, 0.2), 0 1px 5px 0 rgba(16, 181, 232, 0.12); }
  .btn-blue:hover {
    color: #fff;
    background-color: #0e99c4;
    border-color: #0d90b8;
    box-shadow: 0 14px 26px -12px rgba(16, 181, 232, 0.42), 0 4px 23px 0 rgba(16, 181, 232, 0.12), 0 8px 10px -5px rgba(16, 181, 232, 0.2); }
  .btn-blue:focus, .btn-blue.focus {
    box-shadow: 0 14px 26px -12px rgba(16, 181, 232, 0.42), 0 4px 23px 0 rgba(16, 181, 232, 0.12), 0 8px 10px -5px rgba(16, 181, 232, 0.2); }
  .btn-blue.disabled, .btn-blue:disabled {
    background-color: #10B5E8;
    border-color: #10B5E8; }
  .btn-blue:active, .btn-blue.active, .show > .btn-blue.dropdown-toggle {
    background-color: #0e99c4;
    background-image: none;
    border-color: #0d90b8;
    box-shadow: 0 14px 26px -12px rgba(16, 181, 232, 0.42), 0 4px 23px 0 rgba(16, 181, 232, 0.12), 0 8px 10px -5px rgba(16, 181, 232, 0.2); }
  .btn-blue .btn-label {
    color: #fff;
    background-color: #0fa6d5;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-secondary {
  color: #fff;
  background-color: #868e96;
  border-color: #868e96;
  box-shadow: 0 2px 2px 0 rgba(134, 142, 150, 0.15), 0 3px 1px -2px rgba(134, 142, 150, 0.2), 0 1px 5px 0 rgba(134, 142, 150, 0.12); }
  .btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d;
    box-shadow: 0 14px 26px -12px rgba(134, 142, 150, 0.42), 0 4px 23px 0 rgba(134, 142, 150, 0.12), 0 8px 10px -5px rgba(134, 142, 150, 0.2); }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 14px 26px -12px rgba(134, 142, 150, 0.42), 0 4px 23px 0 rgba(134, 142, 150, 0.12), 0 8px 10px -5px rgba(134, 142, 150, 0.2); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #868e96;
    border-color: #868e96; }
  .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    background-color: #727b84;
    background-image: none;
    border-color: #6c757d;
    box-shadow: 0 14px 26px -12px rgba(134, 142, 150, 0.42), 0 4px 23px 0 rgba(134, 142, 150, 0.12), 0 8px 10px -5px rgba(134, 142, 150, 0.2); }
  .btn-secondary .btn-label {
    color: #fff;
    background-color: #7b848d;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.15), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #e6e6e6;
    box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0 rgba(255, 255, 255, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0 rgba(255, 255, 255, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #fff; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #e6e6e6;
    box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0 rgba(255, 255, 255, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
  box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.15), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12); }
  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(40, 167, 69, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2); }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(40, 167, 69, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2); }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745; }
  .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
    background-color: #218838;
    background-image: none;
    border-color: #1e7e34;
    box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(40, 167, 69, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2); }
  .btn-success .btn-label {
    color: #fff;
    background-color: #24973e;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  box-shadow: 0 2px 2px 0 rgba(23, 162, 184, 0.15), 0 3px 1px -2px rgba(23, 162, 184, 0.2), 0 1px 5px 0 rgba(23, 162, 184, 0.12); }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 14px 26px -12px rgba(23, 162, 184, 0.42), 0 4px 23px 0 rgba(23, 162, 184, 0.12), 0 8px 10px -5px rgba(23, 162, 184, 0.2); }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 14px 26px -12px rgba(23, 162, 184, 0.42), 0 4px 23px 0 rgba(23, 162, 184, 0.12), 0 8px 10px -5px rgba(23, 162, 184, 0.2); }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
    background-color: #138496;
    background-image: none;
    border-color: #117a8b;
    box-shadow: 0 14px 26px -12px rgba(23, 162, 184, 0.42), 0 4px 23px 0 rgba(23, 162, 184, 0.12), 0 8px 10px -5px rgba(23, 162, 184, 0.2); }
  .btn-info .btn-label {
    color: #fff;
    background-color: #1592a6;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-warning {
  color: #111;
  background-color: #ffc107;
  border-color: #ffc107;
  box-shadow: 0 2px 2px 0 rgba(255, 193, 7, 0.15), 0 3px 1px -2px rgba(255, 193, 7, 0.2), 0 1px 5px 0 rgba(255, 193, 7, 0.12); }
  .btn-warning:hover {
    color: #111;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 14px 26px -12px rgba(255, 193, 7, 0.42), 0 4px 23px 0 rgba(255, 193, 7, 0.12), 0 8px 10px -5px rgba(255, 193, 7, 0.2); }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 14px 26px -12px rgba(255, 193, 7, 0.42), 0 4px 23px 0 rgba(255, 193, 7, 0.12), 0 8px 10px -5px rgba(255, 193, 7, 0.2); }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
    background-color: #e0a800;
    background-image: none;
    border-color: #d39e00;
    box-shadow: 0 14px 26px -12px rgba(255, 193, 7, 0.42), 0 4px 23px 0 rgba(255, 193, 7, 0.12), 0 8px 10px -5px rgba(255, 193, 7, 0.2); }
  .btn-warning .btn-label {
    color: #111;
    background-color: #f2b500;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  box-shadow: 0 2px 2px 0 rgba(220, 53, 69, 0.15), 0 3px 1px -2px rgba(220, 53, 69, 0.2), 0 1px 5px 0 rgba(220, 53, 69, 0.12); }
  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 14px 26px -12px rgba(220, 53, 69, 0.42), 0 4px 23px 0 rgba(220, 53, 69, 0.12), 0 8px 10px -5px rgba(220, 53, 69, 0.2); }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 14px 26px -12px rgba(220, 53, 69, 0.42), 0 4px 23px 0 rgba(220, 53, 69, 0.12), 0 8px 10px -5px rgba(220, 53, 69, 0.2); }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
    background-color: #c82333;
    background-image: none;
    border-color: #bd2130;
    box-shadow: 0 14px 26px -12px rgba(220, 53, 69, 0.42), 0 4px 23px 0 rgba(220, 53, 69, 0.12), 0 8px 10px -5px rgba(220, 53, 69, 0.2); }
  .btn-danger .btn-label {
    color: #fff;
    background-color: #d72536;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-light {
  color: #111;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  box-shadow: 0 2px 2px 0 rgba(248, 249, 250, 0.15), 0 3px 1px -2px rgba(248, 249, 250, 0.2), 0 1px 5px 0 rgba(248, 249, 250, 0.12); }
  .btn-light:hover {
    color: #111;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 14px 26px -12px rgba(248, 249, 250, 0.42), 0 4px 23px 0 rgba(248, 249, 250, 0.12), 0 8px 10px -5px rgba(248, 249, 250, 0.2); }
  .btn-light:focus, .btn-light.focus {
    box-shadow: 0 14px 26px -12px rgba(248, 249, 250, 0.42), 0 4px 23px 0 rgba(248, 249, 250, 0.12), 0 8px 10px -5px rgba(248, 249, 250, 0.2); }
  .btn-light.disabled, .btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
    background-color: #e2e6ea;
    background-image: none;
    border-color: #dae0e5;
    box-shadow: 0 14px 26px -12px rgba(248, 249, 250, 0.42), 0 4px 23px 0 rgba(248, 249, 250, 0.12), 0 8px 10px -5px rgba(248, 249, 250, 0.2); }
  .btn-light .btn-label {
    color: #111;
    background-color: #eceff2;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  box-shadow: 0 2px 2px 0 rgba(52, 58, 64, 0.15), 0 3px 1px -2px rgba(52, 58, 64, 0.2), 0 1px 5px 0 rgba(52, 58, 64, 0.12); }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 14px 26px -12px rgba(52, 58, 64, 0.42), 0 4px 23px 0 rgba(52, 58, 64, 0.12), 0 8px 10px -5px rgba(52, 58, 64, 0.2); }
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 14px 26px -12px rgba(52, 58, 64, 0.42), 0 4px 23px 0 rgba(52, 58, 64, 0.12), 0 8px 10px -5px rgba(52, 58, 64, 0.2); }
  .btn-dark.disabled, .btn-dark:disabled {
    background-color: #343a40;
    border-color: #343a40; }
  .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
    background-color: #23272b;
    background-image: none;
    border-color: #1d2124;
    box-shadow: 0 14px 26px -12px rgba(52, 58, 64, 0.42), 0 4px 23px 0 rgba(52, 58, 64, 0.12), 0 8px 10px -5px rgba(52, 58, 64, 0.2); }
  .btn-dark .btn-label {
    color: #fff;
    background-color: #2b3035;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #dee2e6; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #dee2e6; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #dee2e6; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #dee2e6; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #dee2e6; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #dee2e6; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #dee2e6; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #dee2e6; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #dee2e6; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-semiwhite {
  color: #111;
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 2px 2px 0 rgba(222, 226, 230, 0.15), 0 3px 1px -2px rgba(222, 226, 230, 0.2), 0 1px 5px 0 rgba(222, 226, 230, 0.12); }
  .btn-semiwhite:hover {
    color: #111;
    background-color: #ececec;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite:focus, .btn-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite.disabled, .btn-semiwhite:disabled {
    background-color: #fff;
    border-color: #dee2e6; }
  .btn-semiwhite:active, .btn-semiwhite.active, .show > .btn-semiwhite.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #c1c9d0;
    box-shadow: 0 14px 26px -12px rgba(222, 226, 230, 0.42), 0 4px 23px 0 rgba(222, 226, 230, 0.12), 0 8px 10px -5px rgba(222, 226, 230, 0.2); }
  .btn-semiwhite .btn-label {
    color: #111;
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 6px 14px; }

.btn-outline-primary {
  color: #2367AB;
  background-color: transparent;
  background-image: none;
  border-color: #2367AB;
  box-shadow: 0 2px 2px 0 rgba(35, 103, 171, 0.15), 0 3px 1px -2px rgba(35, 103, 171, 0.2), 0 1px 5px 0 rgba(35, 103, 171, 0.12); }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #2367AB;
    border-color: #2367AB;
    box-shadow: 0 14px 26px -12px rgba(35, 103, 171, 0.42), 0 4px 23px 0 rgba(35, 103, 171, 0.12), 0 8px 10px -5px rgba(35, 103, 171, 0.2); }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 14px 26px -12px rgba(35, 103, 171, 0.42), 0 4px 23px 0 rgba(35, 103, 171, 0.12), 0 8px 10px -5px rgba(35, 103, 171, 0.2); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #2367AB;
    background-color: transparent; }
  .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #2367AB;
    border-color: #2367AB; }
  .btn-outline-primary .btn-label {
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 5px 14px; }

.btn-outline-blue {
  color: #10B5E8;
  background-color: transparent;
  background-image: none;
  border-color: #10B5E8;
  box-shadow: 0 2px 2px 0 rgba(16, 181, 232, 0.15), 0 3px 1px -2px rgba(16, 181, 232, 0.2), 0 1px 5px 0 rgba(16, 181, 232, 0.12); }
  .btn-outline-blue:hover {
    color: #fff;
    background-color: #10B5E8;
    border-color: #10B5E8;
    box-shadow: 0 14px 26px -12px rgba(16, 181, 232, 0.42), 0 4px 23px 0 rgba(16, 181, 232, 0.12), 0 8px 10px -5px rgba(16, 181, 232, 0.2); }
  .btn-outline-blue:focus, .btn-outline-blue.focus {
    box-shadow: 0 14px 26px -12px rgba(16, 181, 232, 0.42), 0 4px 23px 0 rgba(16, 181, 232, 0.12), 0 8px 10px -5px rgba(16, 181, 232, 0.2); }
  .btn-outline-blue.disabled, .btn-outline-blue:disabled {
    color: #10B5E8;
    background-color: transparent; }
  .btn-outline-blue:active, .btn-outline-blue.active, .show > .btn-outline-blue.dropdown-toggle {
    color: #fff;
    background-color: #10B5E8;
    border-color: #10B5E8; }
  .btn-outline-blue .btn-label {
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 5px 14px; }

.btn-outline-secondary {
  color: #868e96;
  background-color: transparent;
  background-image: none;
  border-color: #868e96;
  box-shadow: 0 2px 2px 0 rgba(134, 142, 150, 0.15), 0 3px 1px -2px rgba(134, 142, 150, 0.2), 0 1px 5px 0 rgba(134, 142, 150, 0.12); }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
    box-shadow: 0 14px 26px -12px rgba(134, 142, 150, 0.42), 0 4px 23px 0 rgba(134, 142, 150, 0.12), 0 8px 10px -5px rgba(134, 142, 150, 0.2); }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 14px 26px -12px rgba(134, 142, 150, 0.42), 0 4px 23px 0 rgba(134, 142, 150, 0.12), 0 8px 10px -5px rgba(134, 142, 150, 0.2); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #868e96;
    background-color: transparent; }
  .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96; }
  .btn-outline-secondary .btn-label {
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 5px 14px; }

.btn-outline-semiwhite {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.15), 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12); }
  .btn-outline-semiwhite:hover {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0 rgba(255, 255, 255, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); }
  .btn-outline-semiwhite:focus, .btn-outline-semiwhite.focus {
    box-shadow: 0 14px 26px -12px rgba(255, 255, 255, 0.42), 0 4px 23px 0 rgba(255, 255, 255, 0.12), 0 8px 10px -5px rgba(255, 255, 255, 0.2); }
  .btn-outline-semiwhite.disabled, .btn-outline-semiwhite:disabled {
    color: #fff;
    background-color: transparent; }
  .btn-outline-semiwhite:active, .btn-outline-semiwhite.active, .show > .btn-outline-semiwhite.dropdown-toggle {
    color: #fff;
    background-color: #fff;
    border-color: #fff; }
  .btn-outline-semiwhite .btn-label {
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 5px 14px; }

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
  box-shadow: 0 2px 2px 0 rgba(40, 167, 69, 0.15), 0 3px 1px -2px rgba(40, 167, 69, 0.2), 0 1px 5px 0 rgba(40, 167, 69, 0.12); }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(40, 167, 69, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2); }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 14px 26px -12px rgba(40, 167, 69, 0.42), 0 4px 23px 0 rgba(40, 167, 69, 0.12), 0 8px 10px -5px rgba(40, 167, 69, 0.2); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent; }
  .btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-outline-success .btn-label {
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 5px 14px; }

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
  box-shadow: 0 2px 2px 0 rgba(23, 162, 184, 0.15), 0 3px 1px -2px rgba(23, 162, 184, 0.2), 0 1px 5px 0 rgba(23, 162, 184, 0.12); }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    box-shadow: 0 14px 26px -12px rgba(23, 162, 184, 0.42), 0 4px 23px 0 rgba(23, 162, 184, 0.12), 0 8px 10px -5px rgba(23, 162, 184, 0.2); }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 14px 26px -12px rgba(23, 162, 184, 0.42), 0 4px 23px 0 rgba(23, 162, 184, 0.12), 0 8px 10px -5px rgba(23, 162, 184, 0.2); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent; }
  .btn-outline-info:active, .btn-outline-info.active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-outline-info .btn-label {
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 5px 14px; }

.btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
  box-shadow: 0 2px 2px 0 rgba(255, 193, 7, 0.15), 0 3px 1px -2px rgba(255, 193, 7, 0.2), 0 1px 5px 0 rgba(255, 193, 7, 0.12); }
  .btn-outline-warning:hover {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
    box-shadow: 0 14px 26px -12px rgba(255, 193, 7, 0.42), 0 4px 23px 0 rgba(255, 193, 7, 0.12), 0 8px 10px -5px rgba(255, 193, 7, 0.2); }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 14px 26px -12px rgba(255, 193, 7, 0.42), 0 4px 23px 0 rgba(255, 193, 7, 0.12), 0 8px 10px -5px rgba(255, 193, 7, 0.2); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent; }
  .btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-outline-warning .btn-label {
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 5px 14px; }

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
  box-shadow: 0 2px 2px 0 rgba(220, 53, 69, 0.15), 0 3px 1px -2px rgba(220, 53, 69, 0.2), 0 1px 5px 0 rgba(220, 53, 69, 0.12); }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: 0 14px 26px -12px rgba(220, 53, 69, 0.42), 0 4px 23px 0 rgba(220, 53, 69, 0.12), 0 8px 10px -5px rgba(220, 53, 69, 0.2); }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 14px 26px -12px rgba(220, 53, 69, 0.42), 0 4px 23px 0 rgba(220, 53, 69, 0.12), 0 8px 10px -5px rgba(220, 53, 69, 0.2); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent; }
  .btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-outline-danger .btn-label {
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 5px 14px; }

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
  box-shadow: 0 2px 2px 0 rgba(248, 249, 250, 0.15), 0 3px 1px -2px rgba(248, 249, 250, 0.2), 0 1px 5px 0 rgba(248, 249, 250, 0.12); }
  .btn-outline-light:hover {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    box-shadow: 0 14px 26px -12px rgba(248, 249, 250, 0.42), 0 4px 23px 0 rgba(248, 249, 250, 0.12), 0 8px 10px -5px rgba(248, 249, 250, 0.2); }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 14px 26px -12px rgba(248, 249, 250, 0.42), 0 4px 23px 0 rgba(248, 249, 250, 0.12), 0 8px 10px -5px rgba(248, 249, 250, 0.2); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent; }
  .btn-outline-light:active, .btn-outline-light.active, .show > .btn-outline-light.dropdown-toggle {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-outline-light .btn-label {
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 5px 14px; }

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
  box-shadow: 0 2px 2px 0 rgba(52, 58, 64, 0.15), 0 3px 1px -2px rgba(52, 58, 64, 0.2), 0 1px 5px 0 rgba(52, 58, 64, 0.12); }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: 0 14px 26px -12px rgba(52, 58, 64, 0.42), 0 4px 23px 0 rgba(52, 58, 64, 0.12), 0 8px 10px -5px rgba(52, 58, 64, 0.2); }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 14px 26px -12px rgba(52, 58, 64, 0.42), 0 4px 23px 0 rgba(52, 58, 64, 0.12), 0 8px 10px -5px rgba(52, 58, 64, 0.2); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent; }
  .btn-outline-dark:active, .btn-outline-dark.active, .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-outline-dark .btn-label {
    background-color: whitesmoke;
    display: inline;
    margin: 0px 10px 0px -10px;
    padding: 5px 14px; }

.btn-link {
  font-weight: normal;
  color: #3385d6;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent;
    box-shadow: none; }
  .btn-link:hover {
    border-color: transparent; }
  .btn-link:focus, .btn-link:hover {
    color: #205f9d;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link:disabled {
    color: #868e96; }
    .btn-link:disabled:focus, .btn-link:disabled:hover {
      text-decoration: none; }

.btn-rounded {
  border-radius: 60px;
  padding: 7px 18px; }

.btn-lg {
  padding: 0.8rem 1rem;
  font-size: 2rem;
  line-height: 1.5;
  border-radius: 0.25rem; }
  .btn-lg.btn-rounded {
    padding: 0.8rem 1rem;
    font-size: 2rem;
    line-height: 1.5;
    border-radius: 60px; }

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 1.2rem;
  line-height: 1.5;
  border-radius: 0.25rem; }
  .btn-sm.btn-rounded {
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: 60px; }

.btn-xs {
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem; }
  .btn-xs.btn-rounded {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 60px; }

.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%; }

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

.split-button-group .btn {
  margin: 0 !important; }
.split-button-group .btn-primary.dropdown-toggle.dropdown-toggle-split {
  background: #205f9e;
  margin-left: -2px !important; }
.split-button-group .btn-blue.dropdown-toggle.dropdown-toggle-split {
  background: #0faada;
  margin-left: -2px !important; }
.split-button-group .btn-secondary.dropdown-toggle.dropdown-toggle-split {
  background: #7e868f;
  margin-left: -2px !important; }
.split-button-group .btn-semiwhite.dropdown-toggle.dropdown-toggle-split {
  background: #f7f7f7;
  margin-left: -2px !important; }
.split-button-group .btn-success.dropdown-toggle.dropdown-toggle-split {
  background: #259b40;
  margin-left: -2px !important; }
.split-button-group .btn-info.dropdown-toggle.dropdown-toggle-split {
  background: #1596aa;
  margin-left: -2px !important; }
.split-button-group .btn-warning.dropdown-toggle.dropdown-toggle-split {
  background: #f7b900;
  margin-left: -2px !important; }
.split-button-group .btn-danger.dropdown-toggle.dropdown-toggle-split {
  background: #da2839;
  margin-left: -2px !important; }
.split-button-group .btn-light.dropdown-toggle.dropdown-toggle-split {
  background: #eff1f4;
  margin-left: -2px !important; }
.split-button-group .btn-dark.dropdown-toggle.dropdown-toggle-split {
  background: #2d3238;
  margin-left: -2px !important; }

.button-group .btn {
  margin-bottom: 5px;
  margin-right: 5px; }
  .button-group .btn:focus + .dropdown-menu {
    display: block; }

.input-group .btn:focus + .dropdown-menu {
  display: block; }

.btn-inverse, .btn-inverse.disabled {
  background: #2f3d4a;
  border: 1px solid #2f3d4a;
  color: #ffffff; }

.btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse {
  background-color: #232a37;
  border: 1px solid #232a37; }

.btn-inverse.disabled:hover, .btn-inverse:hover {
  background: #2f3d4a;
  opacity: 0.7;
  color: #ffffff;
  border: 1px solid #2f3d4a; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
  border-width: 1px 0; }

.btn-circle {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  padding: 10px; }

.btn-circle.btn-sm {
  width: 35px;
  height: 35px;
  padding: 8px 10px;
  font-size: 14px; }

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 14px 15px;
  font-size: 18px;
  line-height: 22px; }

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 14px 15px;
  font-size: 24px; }

.btn-icon {
  font-size: 14px; }
  .btn-icon.edit i {
    color: #2367AB !important; }
  .btn-icon.delete i {
    color: #dc3545 !important; }

.btn i {
  margin-right: 5px; }

.btn.btn-flat {
  background: none;
  border: none; }
.btn.btn-back {
  background: #868e96;
  border: #868e96;
  margin: 5px 10px 5px 0;
  line-height: 16px; }
  .btn.btn-back i {
    position: relative;
    top: 2px;
    margin-right: 2px; }
.btn.floating-back {
  background: #2367AB;
  margin: 5px 10px 5px 0;
  line-height: 16px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1000; }
  .btn.floating-back i {
    font-size: 21px;
    float: left;
    margin: 0; }
    .btn.floating-back i:before {
      line-height: 20px; }
.btn.btn-page-back {
  background: #10B5E8;
  border-color: #10B5E8 !important;
  line-height: 10px;
  z-index: 1000;
  float: left;
  font-size: 16px;
  border-radius: 50%;
  padding: 3px 0px 3px 2px;
  text-align: center;
  margin: 8px 0 0 10px;
  color: #fff; }

.dropup,
.dropdown {
  position: relative; }

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

.dropup .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid; }

.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: 1.5rem;
  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;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); }

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

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1.5rem;
  clear: both;
  font-weight: normal;
  color: #495057;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #3d4349;
    text-decoration: none;
    background-color: #f8f9fa; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2367AB; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #868e96;
    background-color: transparent; }

.show > a {
  outline: 0; }

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

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

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

.nav-link {
  display: block;
  padding: 1rem 1.4rem; }
  .nav-link:focus, .nav-link:hover {
    text-decoration: none; }
  .nav-link.disabled {
    color: #868e96; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .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:focus, .nav-tabs .nav-link:hover {
      border-color: #e9ecef #e9ecef #ddd; }
    .nav-tabs .nav-link.disabled {
      color: #868e96;
      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: #ddd #ddd #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, .show > .nav-pills .nav-link {
    color: #fff;
    background-color: #2367AB; }

.tabcontent-border {
  border: 1px solid #ddd;
  border-top: 0px; }

.customtab {
  margin: 0;
  border-width: 0; }
  .customtab .nav-item {
    margin-bottom: 0px; }
  .customtab li a.nav-link {
    border: 0px;
    padding: 1rem 1.4rem;
    color: #868e96; }
    .customtab li a.nav-link:hover {
      color: #2367AB; }
    .customtab li a.nav-link.active {
      border-bottom: 3px solid #2367AB;
      color: #2367AB; }
      .customtab li a.nav-link.active span {
        font-weight: 500; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  color: #868e96; }
  .table th,
  .table td {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #e9ecef;
    text-align: left;
    font-weight: 500; }
  .table tbody td {
    font-weight: 400; }
  .table tbody + tbody {
    border-top: 2px solid #e9ecef; }
  .table .table {
    background-color: #fff; }

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

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f2f4f8; }
.table-striped th, .table-striped td {
  padding: 1rem;
  vertical-align: top;
  border: none;
  border-bottom: none; }
.table-striped thead th {
  border-bottom: none !important; }

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

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

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

.table-blue,
.table-blue > th,
.table-blue > td {
  background-color: #bceaf9; }

.table-hover .table-blue:hover {
  background-color: #a5e3f7; }
  .table-hover .table-blue:hover > td,
  .table-hover .table-blue:hover > th {
    background-color: #a5e3f7; }

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

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

.table-semiwhite,
.table-semiwhite > th,
.table-semiwhite > td {
  background-color: white; }

.table-hover .table-semiwhite:hover {
  background-color: #f2f2f2; }
  .table-hover .table-semiwhite:hover > td,
  .table-hover .table-semiwhite:hover > th {
    background-color: #f2f2f2; }

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

.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-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-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-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-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-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); }

.thead-inverse th {
  color: #fff;
  background-color: #212529; }

.thead-default th {
  color: #495057;
  background-color: #e9ecef; }

.table-inverse {
  color: #fff;
  background-color: #212529; }
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
    border-color: #32383e; }
  .table-inverse.table-bordered {
    border: 0; }
  .table-inverse.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-inverse.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075); }

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

@media (max-width: 991px) {
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive.table-bordered {
      border: 0; } }

.dataTables_wrapper {
  padding-top: 10px; }

.dt-buttons {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 15px; }

.dt-buttons .dt-button {
  padding: 5px 15px;
  border-radius: 4px;
  background: #1976d2;
  color: #ffffff;
  margin-right: 3px; }

.dt-buttons .dt-button:hover {
  background: #2f3d4a; }

.dataTables_info,
.dataTables_length {
  display: inline-block; }

.dataTables_length {
  margin-top: 10px;
  margin-bottom: 10px; }

.dataTables_length select {
  border: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1976d2), to(#1976d2)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
  background-image: -webkit-linear-gradient(#1976d2, #1976d2), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
  background-image: -o-linear-gradient(#1976d2, #1976d2), -o-linear-gradient(#b1b8bb, #b1b8bb);
  background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: transparent;
  -webkit-transition: background 0s ease-out;
  -o-transition: background 0s ease-out;
  transition: background 0s ease-out;
  padding-bottom: 5px; }

.dataTables_length select:focus {
  outline: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1976d2), to(#1976d2)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
  background-image: -webkit-linear-gradient(#1976d2, #1976d2), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
  background-image: -o-linear-gradient(#1976d2, #1976d2), -o-linear-gradient(#b1b8bb, #b1b8bb);
  background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
  background-size: 100% 2px, 100% 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.dataTables_filter {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px; }

.dataTables_filter input {
  border: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1976d2), to(#1976d2)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
  background-image: -webkit-linear-gradient(#1976d2, #1976d2), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
  background-image: -o-linear-gradient(#1976d2, #1976d2), -o-linear-gradient(#b1b8bb, #b1b8bb);
  background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: transparent;
  -webkit-transition: background 0s ease-out;
  -o-transition: background 0s ease-out;
  transition: background 0s ease-out;
  float: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin-left: 10px; }

.dataTables_filter input:focus {
  outline: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1976d2), to(#1976d2)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
  background-image: -webkit-linear-gradient(#1976d2, #1976d2), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
  background-image: -o-linear-gradient(#1976d2, #1976d2), -o-linear-gradient(#b1b8bb, #b1b8bb);
  background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
  background-size: 100% 2px, 100% 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
  background: transparent; }

table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  margin-left: 10px;
  font-family: fontawesome;
  cursor: pointer; }

table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  margin-left: 10px;
  font-family: fontawesome;
  cursor: pointer; }

table.dataTable thead .sorting:after {
  content: "\f0dc";
  margin-left: 10px;
  font-family: fontawesome !important;
  cursor: pointer;
  color: rgba(50, 50, 50, 0.5); }

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  *cursor: hand;
  color: #67757c;
  border: 1px solid #ddd; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #ffffff !important;
  border: 1px solid #1976d2;
  background-color: #1976d2; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  cursor: default;
  color: #67757c;
  border: 1px solid #ddd;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white;
  border: 1px solid #1976d2;
  background-color: #1976d2; }

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #67757c; }

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em; }

.tablesaw-bar .btn-group label {
  color: #67757c !important; }

.dt-bootstrap {
  display: block; }

.paging_simple_numbers .pagination .paginate_button {
  padding: 0px;
  background: #ffffff; }

.paging_simple_numbers .pagination .paginate_button:hover {
  background: #ffffff; }

.paging_simple_numbers .pagination .paginate_button a {
  padding: 2px 10px;
  border: 0px; }

.paging_simple_numbers .pagination .paginate_button.active a,
.paging_simple_numbers .pagination .paginate_button:hover a {
  background: #1976d2;
  color: #ffffff; }

.form-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 16px);
  margin-bottom: 0; }

.form-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: calc(2.25rem + 16px);
  margin: 0;
  opacity: 0; }

.form-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: calc(2.25rem + 16px);
  padding: 0.5rem 0.8rem;
  line-height: calc(1.25rem + 14px);
  color: #868e96;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.form-file-control::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: calc(2.25rem + 16px);
  padding: 0.5rem 0.8rem;
  line-height: calc(1.25rem + 14px);
  color: #343a40;
  background-color: #e9ecef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.form-file-control::before {
  content: "Browse"; }

.form-file-control:empty::after {
  content: "Choose file...";
  font-weight: 400; }

.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle; }

.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 23px;
  height: 100%;
  width: 100%;
  direction: ltr;
  cursor: pointer;
  border-radius: 0px; }

.fileinput .input-group-addon {
  border: none;
  border-bottom: 1px solid rgba(120, 130, 140, 0.13);
  background: #ffffff;
  margin-bottom: 1px;
  font-size: 14px; }

.fileinput .form-control {
  padding-top: 7px;
  padding-bottom: 5px;
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  cursor: text; }

.fileinput .thumbnail {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center; }

.fileinput .thumbnail > img {
  max-height: 100%; }

.fileinput .btn {
  vertical-align: middle; }

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none; }

.fileinput-inline .fileinput-controls {
  display: inline; }

.fileinput-filename {
  vertical-align: middle;
  display: inline-block;
  overflow: hidden; }

.form-control .fileinput-filename {
  vertical-align: bottom; }

.fileinput.input-group > * {
  position: relative;
  z-index: 2; }

.fileinput.input-group > .btn-file {
  z-index: 1; }

.form-material .form-group {
  overflow: hidden; }

.form-material .form-control {
  background-color: transparent;
  background-position: center bottom, center calc(100% - 1px);
  background-repeat: no-repeat;
  background-size: 0 2px, 100% 1px;
  padding: 0;
  -webkit-transition: background 0s ease-out 0s;
  -o-transition: background 0s ease-out 0s;
  transition: background 0s ease-out 0s; }

.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1976d2), to(#1976d2)), -webkit-gradient(linear, left top, left bottom, from(rgba(120, 130, 140, 0.13)), to(rgba(120, 130, 140, 0.13)));
  background-image: -webkit-linear-gradient(#1976d2, #1976d2), -webkit-linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
  background-image: -o-linear-gradient(#1976d2, #1976d2), -o-linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
  background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
  border: 0 none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none; }

.form-material .form-control.focus,
.form-material .form-control:focus {
  background-size: 100% 2px, 100% 1px;
  outline: 0 none;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.form-control-line .form-group {
  overflow: hidden; }

.form-control-line .form-control {
  border: 0px;
  border-radius: 0px;
  padding-left: 0px;
  border-bottom: 1px solid rgba(120, 130, 140, 0.13); }

.form-control-line .form-control:focus {
  border-bottom: 1px solid #1976d2; }

.floating-labels .form-group {
  position: relative; }

.floating-labels .form-control {
  padding: 10px 10px 10px 0;
  display: block;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid rgba(120, 130, 140, 0.13);
  box-shadow: none; }
  .floating-labels .form-control:focus {
    border: none;
    box-shadow: none; }

.floating-labels select.form-control > option {
  font-size: 13px; }

.floating-labels .has-error .form-control {
  border-bottom: 1px solid #ef5350; }

.floating-labels .has-warning .form-control {
  border-bottom: 1px solid #ffb22b; }

.floating-labels .has-success .form-control {
  border-bottom: 1px solid #26dad2; }

.floating-labels .form-control:focus {
  outline: none;
  border: none; }

.floating-labels label {
  color: #868e96;
  position: absolute;
  cursor: auto;
  top: 5px;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all; }

.floating-labels .focused label {
  top: -20px;
  font-size: 12px;
  color: #495057; }

.floating-labels .bar {
  position: relative;
  display: block; }

.floating-labels .bar:after,
.floating-labels .bar:before {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #1976d2;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all; }

.floating-labels .bar:before {
  left: 50%; }

.floating-labels .bar:after {
  right: 50%; }

.floating-labels .form-control:focus ~ .bar:after,
.floating-labels .form-control:focus ~ .bar:before {
  width: 50%; }

.floating-labels .form-control:focus ~ label {
  top: -20px;
  font-size: 12px;
  color: #495057; }

.floating-labels .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5; }

.floating-labels .input-lg,
.floating-labels .input-lg ~ label {
  font-size: 24px; }

.floating-labels .input-sm,
.floating-labels .input-sm ~ label {
  font-size: 14px; }

[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0; }

[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  -webkit-transition: .28s ease;
  -o-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500 !important; }

.radio-sm[type=radio]:checked + label, .radio-sm[type=radio]:not(:checked) + label {
  padding-left: 20px;
  font-size: 13px; }
.radio-sm[type=radio] + label:after, .radio-sm[type=radio] + label:before {
  width: 12px;
  height: 12px;
  top: 2px; }

[type=radio] + label:after,
[type=radio] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: .28s ease;
  -o-transition: .28s ease;
  transition: 0.28s ease; }

[type=radio].with-gap:checked + label:after,
[type=radio].with-gap:checked + label:before,
[type=radio]:checked + label:after,
[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:after,
[type=radio]:not(:checked) + label:before {
  border-radius: 50%; }

[type=radio]:not(:checked) + label:after,
[type=radio]:not(:checked) + label:before {
  border: 1px solid #868e96; }

[type=radio]:not(:checked) + label:after {
  z-index: -1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

[type=radio]:checked + label:before {
  border: 2px solid transparent;
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards; }

[type=radio].with-gap:checked + label:after,
[type=radio].with-gap:checked + label:before,
[type=radio]:checked + label:after {
  border: 2px solid #2367AB; }

[type=radio].with-gap:checked + label:after,
[type=radio]:checked + label:after {
  background-color: #2367AB;
  z-index: 0; }

[type=radio]:checked + label:after {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02); }

[type=radio].with-gap:checked + label:after {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5); }

[type=radio].tabbed:focus + label:before {
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards; }

[type=radio].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.26);
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards; }

[type=radio].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

[type=radio]:disabled:checked + label:before,
[type=radio]:disabled:not(:checked) + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards; }

[type=radio]:disabled + label {
  color: rgba(0, 0, 0, 0.26); }

[type=radio]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26); }

[type=radio]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: #adb5bd; }

.radio-small[type=radio]:checked + label,
.radio-small[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  -webkit-transition: .28s ease;
  -o-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.radio-small[type=radio] + label:after,
.radio-small[type=radio] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  margin: 4px;
  width: 12px;
  height: 12px;
  z-index: 0;
  -webkit-transition: .28s ease;
  -o-transition: .28s ease;
  transition: 0.28s ease; }

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0; }

[type=checkbox] + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  line-height: 18px !important;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

[type=checkbox] + label:before,
[type=checkbox]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  z-index: 0;
  border: 1px solid #868e96;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: 0.2s; }

[type=checkbox]:not(.filled-in) + label:after {
  border: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

[type=checkbox]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

[type=checkbox].tabbed:focus + label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1); }

[type=checkbox]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #2367AB;
  border-bottom: 2px solid #2367AB;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

[type=checkbox]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #2367AB;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

[type=checkbox].filled-in + label:after {
  border-radius: 2px; }

[type=checkbox].filled-in + label:after,
[type=checkbox].filled-in + label:before {
  content: '';
  left: 0;
  position: absolute;
  -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type=checkbox].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox].filled-in:not(:checked) + label:after {
  height: 16px;
  width: 16px;
  background-color: transparent;
  border: 1px solid #b1b8bb;
  top: 0px;
  z-index: 0; }

[type=checkbox].filled-in:checked + label:before {
  top: 0;
  left: 0;
  width: 8px;
  height: 11px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox].filled-in:checked + label:after {
  top: 0;
  height: 16px;
  width: 16px;
  border: 2px solid #2367AB;
  background-color: #2367AB;
  z-index: 0; }

[type=checkbox].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #495057;
  background-color: rgba(0, 0, 0, 0.1); }

[type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #2367AB;
  border-color: #2367AB; }

[type=checkbox].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type=checkbox].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #adb5bd; }

[type=checkbox].filled-in:disabled:checked + label:before {
  background-color: transparent; }

[type=checkbox].filled-in:disabled:checked + label:after {
  background-color: #adb5bd;
  border-color: #adb5bd; }

input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever:after,
input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); }

input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever:after,
input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }

.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.switch label {
  cursor: pointer; }

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0; }

.switch label input[type=checkbox]:checked + .lever {
  background-color: #accdee; }

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #2367AB;
  left: 24px; }

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #868e96;
  border-radius: 15px;
  margin-right: 10px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px; }

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #f8f9fa;
  border-radius: 21px;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
  transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
  -o-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; }

.switch input[type=checkbox][disabled] + .lever {
  cursor: default; }

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #adb5bd; }

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent; }
  50% {
    -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1); }
  to {
    -webkit-box-shadow: 0px 0px 0px 15px transparent;
    box-shadow: 0px 0px 0px 15px transparent; } }
@keyframes ripple {
  0% {
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent; }
  50% {
    -webkit-box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1); }
  to {
    -webkit-box-shadow: 0px 0px 0px 15px transparent;
    box-shadow: 0px 0px 0px 15px transparent; } }
.switch.switch-small label .lever {
  height: 10px !important;
  width: 30px !important; }
  .switch.switch-small label .lever:after {
    width: 14px !important;
    height: 14px !important; }
.switch.switch-small label input[type=checkbox]:checked + .lever:after {
  left: 20px !important; }

.input-hidden {
  position: absolute;
  left: -9999px; }

.input-hidden + label:before, .input-hidden + label:after {
  display: none; }

input[type=radio].input-hidden:checked + label > img {
  border: 1px solid #fff;
  border: none; }

/* Stuff after this is only to make things more pretty */
input[type=radio].input-hidden + label {
  width: 120px;
  height: 120px;
  transition: 500ms all;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 80px;
  box-shadow: -1px 0px 4px 2px #f5f5f5; }

input[type=radio].input-hidden:checked + label {
  border: 1px solid #2367AB;
  background: #f8fbfe;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05); }
  input[type=radio].input-hidden:checked + label > img {
    color: #2367AB; }
  input[type=radio].input-hidden:checked + label span {
    color: #2367AB; }

input[type=radio].input-hidden + label > img {
  width: 60px;
  height: 60px;
  outline: none; }
  input[type=radio].input-hidden + label > img:focus, input[type=radio].input-hidden + label > img:hover, input[type=radio].input-hidden + label > img:active {
    outline: none;
    border: none; }

.form-style1 h3 {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 10px;
  line-height: 20px; }
.form-style1 .form-group {
  margin-bottom: 0; }
  .form-style1 .form-group label {
    font-size: 13px;
    font-weight: 600;
    color: #343a40;
    line-height: 30px; }
    .form-style1 .form-group label .color-red {
      padding-left: 3px; }
  .form-style1 .form-group .form-control {
    border-width: 2px;
    border-color: #eaeaea;
    box-shadow: none;
    height: 38px !important;
    min-height: 32px !important; }
    .form-style1 .form-group .form-control.k-widget {
      height: 38px !important;
      min-height: 32px !important; }
      .form-style1 .form-group .form-control.k-widget .form-control {
        height: 34px !important;
        min-height: 32px !important; }
  .form-style1 .form-group textarea.form-control {
    height: auto !important;
    min-height: 60px !important; }
  .form-style1 .form-group select.multiselect.form-control {
    height: 200px !important;
    border-width: 1px;
    border-color: #eaeaea; }
    .form-style1 .form-group select.multiselect.form-control option {
      line-height: 25px;
      font-size: 13px;
      padding: 5px 0; }
  .form-style1 .form-group.has-danger .form-control {
    border-color: #ef5350; }
  .form-style1 .form-group.has-warning .form-control {
    border-color: #ffb22b; }
  .form-style1 .form-group.has-success .form-control {
    border-color: #26dad2; }
  .form-style1 .form-group .k-multiselect.k-header {
    background: #fff;
    height: auto !important;
    min-height: 38px !important; }
  .form-style1 .form-group .k-datepicker span.k-picker-wrap {
    height: 28px;
    background: #fff;
    box-shadow: none;
    border: 0 !important; }
  .form-style1 .form-group .k-datepicker .form-control {
    background: #fff;
    line-height: 32px;
    height: 32px !important;
    min-height: 32px !important; }
  .form-style1 .form-group .k-datepicker span.k-select {
    background: #fff;
    line-height: 32px;
    height: 32px !important;
    min-height: 32px !important; }
  .form-style1 .form-group input[type="radio"] + label {
    padding-left: 30px;
    line-height: 26px; }
.form-style1 .input-group .form-control.k-widget {
  height: 38px !important;
  min-height: 32px !important; }

.k-multiselect.select-multiline-breakall {
  white-space: pre-line;
  word-break: break-all; }

.form-style2 h3 {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 10px;
  line-height: 20px; }
.form-style2 .form-group .form-control {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  height: 40px;
  border-color: #eee; }
.form-style2 .form-group.has-danger .form-control {
  border-color: #ef5350; }
.form-style2 .form-group.has-warning .form-control {
  border-color: #ffb22b; }
.form-style2 .form-group.has-success .form-control {
  border-color: #26dad2; }

h3.form-title, h4.form-title, h5.form-title {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 10px;
  line-height: 20px; }

.form-display .form-group {
  margin-bottom: 25px; }
.form-display label {
  display: inline-block;
  margin-bottom: .5rem; }
.form-display span {
  padding-top: 0px;
  text-align: left;
  margin: 0;
  font-weight: 600 !important; }

.to-close-search + .search-clear i {
  opacity: 0;
  top: -0px;
  right: -2px; }

.to-close-search:focus + .search-clear:after {
  opacity: 0; }
.to-close-search:focus + .search-clear i {
  opacity: 1;
  top: -4px;
  position: relative; }

.manage-sequence-search .to-close-search:focus + .search-clear:after {
  opacity: 0; }
.manage-sequence-search .to-close-search:focus + .search-clear i {
  opacity: 1;
  top: 0px;
  position: relative; }
.manage-sequence-search .search-clear:after {
  content: "\50";
  font-family: "submitpro-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 10px;
  top: 6px;
  color: #868e96 !important; }
.manage-sequence-search .search-clear:hover:after {
  color: #868e96 !important; }

.required-note {
  color: #adb5bd;
  font-size: 12px;
  float: right; }
  .required-note span {
    color: #dc3545;
    font-size: 16px; }

.kendo-custom-inline-table.k-editable .k-grid-content, .kendo-custom-inline-table.k-editable td {
  overflow: visible !important; }

.form-separation {
  padding: 5px 10px 0;
  background: #e7f4fb;
  float: left;
  width: 100%;
  border: 1px solid #cbdde6; }

.form-view label {
  font-size: 13px;
  font-weight: 600;
  color: #343a40;
  line-height: 25px; }
.form-view span {
  font-size: 13px;
  font-weight: 400;
  color: #495057;
  line-height: 25px; }

.wizard-content .wizard > .steps > ul > li:after,
.wizard-content .wizard > .steps > ul > li:before {
  content: '';
  z-index: 9;
  display: block;
  position: absolute; }

.wizard-content .wizard {
  width: 100%;
  overflow: hidden; }

.wizard-content .wizard .content {
  margin-left: 0 !important; }

.wizard-content .wizard > .steps {
  position: relative;
  display: block;
  width: 100%; }

.wizard-content .wizard > .steps .current-info {
  position: absolute;
  left: -99999px; }

.wizard-content .wizard > .steps > ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  list-style: none; }

.wizard-content .wizard > .steps > ul > li {
  display: table-cell;
  width: auto;
  vertical-align: top;
  text-align: center;
  position: relative; }

.wizard-content .wizard > .steps > ul > li a {
  position: relative;
  padding-top: 52px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block; }

.wizard-content .wizard > .steps > ul > li:before {
  left: 0; }

.wizard-content .wizard > .steps > ul > li:after {
  right: 0; }

.wizard-content .wizard > .steps > ul > li:first-child:before,
.wizard-content .wizard > .steps > ul > li:last-child:after {
  content: none; }

.wizard-content .wizard > .steps > ul > li.current > a {
  color: #343a40;
  cursor: default; }

.wizard-content .wizard > .steps > ul > li.current .step {
  border-color: #2367AB;
  background-color: #fff;
  color: #2367AB; }

.wizard-content .wizard > .steps > ul > li.disabled a,
.wizard-content .wizard > .steps > ul > li.disabled a:focus,
.wizard-content .wizard > .steps > ul > li.disabled a:hover {
  color: #868e96;
  cursor: default; }

.wizard-content .wizard > .steps > ul > li.done a,
.wizard-content .wizard > .steps > ul > li.done a:focus,
.wizard-content .wizard > .steps > ul > li.done a:hover {
  color: #868e96; }

.wizard-content .wizard > .steps > ul > li.done .step {
  background-color: #2367AB;
  border-color: #2367AB;
  color: #fff; }

.wizard-content .wizard > .steps > ul > li.error .step {
  border-color: #dc3545;
  color: #dc3545; }

.wizard-content .wizard > .steps .step {
  background-color: #fff;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -24px;
  z-index: 10;
  text-align: center; }

.wizard-content .wizard > .content {
  overflow: hidden;
  position: relative;
  width: auto;
  padding: 0;
  margin: 0; }

.wizard-content .wizard > .content > .title {
  position: absolute;
  left: -99999px; }

.wizard-content .wizard > .content > .body {
  padding: 0 20px; }

.wizard-content .wizard > .content > iframe {
  border: 0;
  width: 100%;
  height: 100%; }

.wizard-content .wizard > .actions {
  position: relative;
  display: block;
  text-align: right;
  padding: 0 20px 20px; }

.wizard-content .wizard > .actions > ul {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0; }

.wizard-content .wizard > .actions > ul:after {
  content: '';
  display: table;
  clear: both; }

.wizard-content .wizard > .actions > ul > li {
  float: left; }

.wizard-content .wizard > .actions > ul > li + li {
  margin-left: 10px; }

.wizard-content .wizard > .actions > ul > li > a {
  background: #2367AB;
  color: #fff;
  display: block;
  padding: 7px 12px;
  border-radius: 4px;
  border: 1px solid transparent; }

.wizard-content .wizard > .actions > ul > li > a:focus,
.wizard-content .wizard > .actions > ul > li > a:hover {
  -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; }

.wizard-content .wizard > .actions > ul > li > a:active {
  -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; }

.wizard-content .wizard > .actions > ul > li > a[href="#previous"] {
  background-color: #fff;
  color: #54667a;
  border: 1px solid #d9d9d9; }

.wizard-content .wizard > .actions > ul > li > a[href="#previous"]:focus,
.wizard-content .wizard > .actions > ul > li > a[href="#previous"]:hover {
  -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset;
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; }

.wizard-content .wizard > .actions > ul > li > a[href="#previous"]:active {
  -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset;
  box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; }

.wizard-content .wizard > .actions > ul > li.disabled > a,
.wizard-content .wizard > .actions > ul > li.disabled > a:focus,
.wizard-content .wizard > .actions > ul > li.disabled > a:hover {
  color: #868e96; }

.wizard-content .wizard > .actions > ul > li.disabled > a[href="#previous"],
.wizard-content .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus,
.wizard-content .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover {
  -webkit-box-shadow: none;
  box-shadow: none; }

.wizard-content .wizard.wizard-circle > .steps > ul > li:after,
.wizard-content .wizard.wizard-circle > .steps > ul > li:before {
  top: 45px;
  width: 50%;
  height: 3px;
  background-color: #2367AB; }

.wizard-content .wizard.wizard-circle > .steps > ul > li.current:after,
.wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after,
.wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
  background-color: #e9ecef; }

.wizard-content .wizard.wizard-circle > .steps .step {
  width: 50px;
  height: 50px;
  line-height: 45px;
  border: 3px solid #e9ecef;
  font-size: 18px;
  border-radius: 50%; }

.wizard-content .wizard.wizard-notification > .steps > ul > li:after,
.wizard-content .wizard.wizard-notification > .steps > ul > li:before {
  top: 39px;
  width: 50%;
  height: 2px;
  background-color: #2367AB; }

.wizard-content .wizard.wizard-notification > .steps > ul > li.current .step {
  border: 2px solid #2367AB;
  color: #2367AB;
  line-height: 36px; }

.wizard-content .wizard.wizard-notification > .steps > ul > li.current .step:after,
.wizard-content .wizard.wizard-notification > .steps > ul > li.done .step:after {
  border-top-color: #2367AB; }

.wizard-content .wizard.wizard-notification > .steps > ul > li.current:after,
.wizard-content .wizard.wizard-notification > .steps > ul > li.current ~ li:after,
.wizard-content .wizard.wizard-notification > .steps > ul > li.current ~ li:before {
  background-color: #e9ecef; }

.wizard-content .wizard.wizard-notification > .steps > ul > li.done .step {
  color: #fff; }

.wizard-content .wizard.wizard-notification > .steps .step {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  border-radius: 15%;
  background-color: #e9ecef; }

.wizard-content .wizard.wizard-notification > .steps .step:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -8px;
  margin-bottom: -8px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #e9ecef; }

.wizard-content .wizard.vertical > .steps {
  display: inline;
  float: left;
  width: 20%; }

.wizard-content .wizard.vertical > .steps > ul > li {
  display: block;
  width: 100%; }

.wizard-content .wizard.vertical > .steps > ul > li.current:after,
.wizard-content .wizard.vertical > .steps > ul > li.current:before,
.wizard-content .wizard.vertical > .steps > ul > li.current ~ li:after,
.wizard-content .wizard.vertical > .steps > ul > li.current ~ li:before,
.wizard-content .wizard.vertical > .steps > ul > li:after,
.wizard-content .wizard.vertical > .steps > ul > li:before {
  background-color: transparent; }

@media (max-width: 768px) {
  .wizard-content .wizard > .steps > ul {
    margin-bottom: 20px; }

  .wizard-content .wizard > .steps > ul > li {
    display: block;
    float: left;
    width: 50%; }

  .wizard-content .wizard > .steps > ul > li > a {
    margin-bottom: 0; }

  .wizard-content .wizard > .steps > ul > li:first-child:before {
    content: ""; }

  .wizard-content .wizard > .steps > ul > li:last-child:after {
    content: '';
    background-color: #2367AB; }

  .wizard-content .wizard.vertical > .steps {
    width: 15%; } }
@media (max-width: 480px) {
  .wizard-content .wizard > .steps > ul > li {
    width: 100%; }

  .wizard-content .wizard > .steps > ul > li.current:after {
    background-color: #2367AB; }

  .wizard-content .wizard.vertical > .steps > ul > li {
    display: block;
    float: left;
    width: 50%; }

  .wizard-content .wizard.vertical > .steps {
    width: 100%;
    float: none; } }
.input-group {
  position: relative;
  display: flex;
  width: 100%; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
      z-index: 3; }
    .input-group .form-control.k-widget {
      height: 40px !important; }
      .input-group .form-control.k-widget .k-dropdown-wrap.k-state-default {
        padding-right: 20px;
        width: 100%; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: flex;
  align-items: center; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 0.5rem 0.8rem;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.25;
  color: #495057;
  text-align: center;
  background-color: #e9ecef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }
  .input-group-addon.form-control-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 0.25rem 0.5rem;
    font-size: 1.2rem;
    border-radius: 0.2rem; }
  .input-group-addon.form-control-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 0.8rem 1rem;
    font-size: 2rem;
    border-radius: 0.3rem; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

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

.input-group-addon:not(:last-child) {
  border-right: 0; }

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative;
    padding: 1rem 1rem;
    margin-top: -1px; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
      z-index: 3; }
  .input-group-btn:not(:last-child) > .btn,
  .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px; }
  .input-group-btn:not(:first-child) > .btn,
  .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px; }
    .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
    .input-group-btn:not(:first-child) > .btn-group:focus,
    .input-group-btn:not(:first-child) > .btn-group:active,
    .input-group-btn:not(:first-child) > .btn-group:hover {
      z-index: 3; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.8rem;
  font-size: 13px;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #6ca7e1;
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(35, 103, 171, 0.25); }
  .form-control::placeholder {
    color: #868e96;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }
  .form-control.k-widget {
    float: left;
    height: 30px !important;
    min-height: 28px; }
    .form-control.k-widget.k-dropdown.ng-untouched .k-state-default .k-input {
      color: #ced4da; }
    .form-control.k-widget.k-dropdown.ng-untouched .k-state-default.k-state-focused .k-input {
      color: #495057; }
    .form-control.k-widget.k-dropdown .k-state-default {
      background: #fff;
      box-shadow: none;
      border: none; }
      .form-control.k-widget.k-dropdown .k-state-default * {
        font-weight: 400;
        font-size: 13px; }
      .form-control.k-widget.k-dropdown .k-state-default .k-input {
        max-height: 38px;
        line-height: 35px !important;
        padding: 0; }
    .form-control.k-widget.language-control {
      height: 32px; }
      .form-control.k-widget.language-control .k-state-default span.k-input {
        height: 28px;
        line-height: 28px !important; }
      .form-control.k-widget.language-control .k-select .k-icon:before {
        line-height: 8px; }
  .form-control.k-maskedtextbox {
    border-width: 0 !important; }

.k-animation-container * {
  font-weight: 400;
  font-size: 13px; }

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px); }
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

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

.col-form-label {
  padding-top: calc(0.5rem - 1px * 2);
  padding-bottom: calc(0.5rem - 1px * 2);
  margin-bottom: 0; }

.col-form-label-lg {
  padding-top: calc(0.8rem - 1px * 2);
  padding-bottom: calc(0.8rem - 1px * 2);
  font-size: 2rem; }

.col-form-label-sm {
  padding-top: calc(0.25rem - 1px * 2);
  padding-bottom: calc(0.25rem - 1px * 2);
  font-size: 1.2rem; }

.col-form-legend {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: 13px; }

.form-control-plaintext {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  line-height: 1.25;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
  .input-group-sm > .form-control-plaintext.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
  .input-group-lg > .form-control-plaintext.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 1.2rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px); }

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.8rem 1rem;
  font-size: 2rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: calc(2.3125rem + 2px); }

.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;
  margin-bottom: 0.5rem; }
  .form-check.disabled .form-check-label {
    color: #868e96; }

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0; }

.form-check-input {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem; }
  .form-check-input:only-child {
    position: static; }

.form-check-inline {
  display: inline-block; }
  .form-check-inline .form-check-label {
    vertical-align: middle; }
  .form-check-inline + .form-check-inline {
    margin-left: 0.75rem; }

.invalid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #dc3545; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  width: 250px;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: .2rem; }

.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745; }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus,
  .was-validated .custom-select:valid:focus,
  .custom-select.is-valid:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
  .was-validated .form-control:valid ~ .invalid-feedback,
  .was-validated .form-control:valid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback,
  .form-control.is-valid ~ .invalid-tooltip,
  .was-validated .custom-select:valid ~ .invalid-feedback,
  .was-validated .custom-select:valid ~ .invalid-tooltip,
  .custom-select.is-valid ~ .invalid-feedback,
  .custom-select.is-valid ~ .invalid-tooltip {
    display: block; }

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

.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
  background-color: rgba(40, 167, 69, 0.25); }
.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
  color: #28a745; }

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

.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545; }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
  .was-validated .custom-select:invalid:focus,
  .custom-select.is-invalid:focus {
    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,
  .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-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label {
  color: #dc3545; }

.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
  background-color: rgba(220, 53, 69, 0.25); }
.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
  color: #dc3545; }

.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
  border-color: #dc3545; }
  .was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
    border-color: inherit; }
.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
  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 {
      width: auto; }
    .form-inline .form-control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      margin-top: 0;
      margin-bottom: 0; }
    .form-inline .form-check-label {
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-left: 0; }
    .form-inline .custom-control-indicator {
      position: static;
      display: inline-block;
      margin-right: 0.25rem;
      vertical-align: text-bottom; }
    .form-inline .has-feedback .form-control-feedback {
      top: 0; } }

textarea {
  resize: none; }

.form-control {
  color: #495057;
  min-height: 38px;
  display: initial; }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  min-height: 20px; }

.form-control:disabled,
.form-control[readonly] {
  opacity: 0.7; }

.custom-control-input:focus ~ .custom-control-indicator {
  -webkit-box-shadow: none;
  box-shadow: none; }

.custom-control-input:checked ~ .custom-control-indicator {
  background-color: #26dad2; }

form label {
  font-weight: 400; }

.form-group {
  margin-bottom: 25px; }

.form-horizontal label {
  margin-bottom: 5px; }

.form-control-static {
  padding-top: 0px;
  text-align: left;
  margin: 0; }

.form-bordered .form-group {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 20px; }

.form-material .form-group {
  overflow: hidden; }

.form-material .form-control {
  background-color: transparent;
  background-position: center bottom, center calc(100% - 1px);
  background-repeat: no-repeat;
  background-size: 0 2px, 100% 1px;
  padding: 0;
  -webkit-transition: background 0s ease-out 0s;
  -o-transition: background 0s ease-out 0s;
  transition: background 0s ease-out 0s; }

.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1976d2), to(#1976d2)), -webkit-gradient(linear, left top, left bottom, from(rgba(120, 130, 140, 0.13)), to(rgba(120, 130, 140, 0.13)));
  background-image: -webkit-linear-gradient(#1976d2, #1976d2), -webkit-linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
  background-image: -o-linear-gradient(#1976d2, #1976d2), -o-linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
  background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
  border: 0 none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none; }

.form-material .form-control.focus,
.form-material .form-control:focus {
  background-size: 100% 2px, 100% 1px;
  outline: 0 none;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.form-control.form-select {
  background: url(../images/form-select.png) right 0.75rem center no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

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

.form-control-danger,
.form-control-success,
.form-control-warning {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right .5625rem;
  -webkit-background-size: 1.125rem 1.125rem;
  background-size: 1.125rem 1.125rem; }

.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
  color: #26dad2; }

.has-success .form-control-success {
  background-image: url(../images/success.svg); }

.has-success .form-control {
  border-color: #26dad2; }

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
  color: #ffb22b; }

.has-warning .form-control-warning {
  background-image: url(../images/warning.svg); }

.has-warning .form-control {
  border-color: #ffb22b; }

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
  color: #ef5350; }

.has-danger .form-control-danger {
  background-image: url(../images/danger.svg); }

.has-danger .form-control {
  border-color: #ef5350; }

.input-group-addon [type=checkbox]:checked,
.input-group-addon [type=checkbox]:not(:checked),
.input-group-addon [type=radio]:checked,
.input-group-addon [type=radio]:not(:checked) {
  position: initial;
  opacity: 1; }

.invisible {
  visibility: hidden !important; }

.hidden-xs-up {
  display: none !important; }

.form-control-danger, .form-control-success, .form-control-warning {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right .5625rem;
  -webkit-background-size: 1.5rem 1.5rem;
  background-size: 1.5rem 1.5rem; }

.form-group small {
  font-size: 90%;
  font-weight: 400;
  line-height: 24px; }

.form-label {
  font-weight: 400;
  color: #495057;
  padding-top: 5px;
  display: inline-block;
  word-break: break-all; }

[tooltip] {
  position: relative; }
  [tooltip]:after, [tooltip]:before {
    display: none;
    white-space: nowrap; }
  [tooltip]:hover:after, [tooltip]:hover:before {
    display: block;
    z-index: 100000; }

[tooltip]::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px 6px 0 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
  z-index: 100; }

[tooltip]::after {
  content: attr(tooltip);
  position: absolute;
  left: 50%;
  top: -6px;
  transform: translateX(-50%) translateY(-100%);
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: #fff;
  padding: 0px 8px;
  font-size: 13px;
  min-width: 50px;
  border-radius: 5px;
  pointer-events: none;
  line-height: 24px !important; }

[tooltip-position='left']::before {
  left: 0%;
  top: 50%;
  margin-left: -12px;
  transform: translatey(-50%) rotate(-90deg); }

[tooltip-position='top']::before {
  left: 50%; }

[tooltip-position='bottom']::before {
  top: 100%;
  margin-top: 8px;
  transform: translateX(-50%) translatey(-100%) rotate(-180deg); }

[tooltip-position='right']::before {
  left: 100%;
  top: 50%;
  margin-left: 1px;
  transform: translatey(-50%) rotate(90deg); }

[tooltip-position='left']::after {
  left: 0%;
  top: 50%;
  margin-left: -8px;
  transform: translateX(-100%) translateY(-50%); }

[tooltip-position='top']::after {
  left: 50%; }

[tooltip-position='bottom']::after {
  top: 100%;
  margin-top: 8px;
  transform: translateX(-50%) translateY(0%); }

[tooltip-position='right']::after {
  left: 100%;
  top: 50%;
  margin-left: 8px;
  transform: translateX(0%) translateY(-50%); }

.btn.has-popover {
  position: relative;
  margin: 20px; }
  .btn.has-popover .popover {
    display: none; }
  .btn.has-popover:focus .popover {
    display: block; }

a.btn.has-popover {
  position: relative;
  margin: 20px; }
  a.btn.has-popover .popover {
    display: none; }
  a.btn.has-popover:hover .popover {
    display: block; }

.popover {
  position: fixed;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-style: normal;
  font-weight: normal;
  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.15);
  border-radius: 0.3rem;
  min-width: 250px; }

.popover .arrow {
  position: absolute;
  display: block;
  width: 10px;
  height: 5px; }

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

.popover .arrow::before {
  content: "";
  border-width: 11px; }

.popover .arrow::after {
  content: "";
  border-width: 11px; }

.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
  margin: -14% 0 0 -1%; }

.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
  bottom: 0px;
  left: 5%; }

.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
.popover.bs-popover-top .arrow::after,
.popover.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-bottom-width: 0; }

.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
  bottom: -11px;
  margin-left: -6px;
  border-top-color: rgba(0, 0, 0, 0.25); }

.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
  bottom: -10px;
  margin-left: -6px;
  border-top-color: #fff; }

.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
  margin: -5% 0 0 13%; }

.popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
  left: 0;
  top: 50%; }

.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
.popover.bs-popover-right .arrow::after,
.popover.bs-popover-auto[x-placement^="right"] .arrow::after {
  margin-top: -8px;
  border-left-width: 0; }

.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
  left: -11px;
  border-right-color: rgba(0, 0, 0, 0.25); }

.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
  left: -10px;
  border-right-color: #fff; }

.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
  margin: 2% 0 0 -1%; }

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

.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.popover.bs-popover-bottom .arrow::after,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  margin-left: -7px;
  border-top-width: 0; }

.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
  top: -11px;
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  top: -10px;
  border-bottom-color: #fff; }

.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #e9ecef; }

.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
  margin: -5% 0 0 -26%; }

.popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
  right: 0;
  top: 50%; }

.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
.popover.bs-popover-left .arrow::after,
.popover.bs-popover-auto[x-placement^="left"] .arrow::after {
  margin-top: -8px;
  border-right-width: 0; }

.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
  right: -11px;
  border-left-color: rgba(0, 0, 0, 0.25); }

.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
  right: -10px;
  border-left-color: #fff; }

.popover-header {
  padding: 8px 14px;
  margin-bottom: 0;
  font-size: 14px;
  color: inherit;
  background-color: #e9ecef;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  color: #495057; }

.popover-header:empty {
  display: none; }

.popover-body {
  padding: 9px 14px;
  color: #212529;
  font-size: 13px;
  font-weight: 400; }

.grid-tooltip-parent {
  color: #212529; }

.grid-tooltip-parent .grid-tooltip {
  z-index: 1070;
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  line-break: auto;
  opacity: 1 !important;
  border: none; }

.grid-tooltip-parent .grid-tooltip + .grid-tooltip-fulltext {
  display: none !important;
  max-width: 400px;
  background-color: #f9f9f9;
  color: #212529;
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 9999;
  overflow-y: auto;
  width: auto;
  max-height: 200px;
  padding: 10px;
  border: 1px solid #eee;
  box-shadow: 1px 1px 8px #ddd,1px 1px 8px #ddd,1px 1px 8px #ddd;
  -webkit-box-shadow: 1px 1px 8px #ddd,1px 1px 8px #ddd,1px 1px 8px #ddd;
  text-align: left;
  line-height: 20px;
  white-space: initial; }

.grid-tooltip-parent .grid-tooltip + .grid-tooltip-fulltext.table-tooltip {
  padding: 0; }

.grid-tooltip-parent:hover .grid-tooltip-fulltext {
  opacity: 1 !important;
  display: block !important; }

.grid-tooltip-parent.show-tooltip-top:hover .grid-tooltip-fulltext {
  margin-top: -42%; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 105000;
  display: none;
  overflow: hidden;
  outline: 0; }
  .modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal.show .modal-dialog, .modal.in .modal-dialog {
    transform: translate(0, 0); }

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

.modal-dialog {
  position: relative;
  width: auto;
  margin: 30px auto;
  max-width: 90%; }
  .modal-dialog.md-modal {
    max-width: 60%; }
  .modal-dialog.sm-modal {
    max-width: 40%; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  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;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 104000;
  background-color: #343a40; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show, .modal-backdrop.in {
    opacity: .5; }

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

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

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

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.2); }
  .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; }

.modal-close {
  float: right;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #212529;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  padding: 0;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  margin-top: 4px; }
  .modal-close:hover {
    color: #212529;
    text-decoration: none;
    opacity: .75; }

.modal.dmsfiles-modal {
  width: 50%;
  margin: 0 auto; }
  .modal.dmsfiles-modal .modal-body {
    max-height: calc(100vh - 120px);
    overflow-y: auto; }

.modal.session-expire-modal {
  background: rgba(0, 0, 0, 0.2); }
  .modal.session-expire-modal .modal-dialog {
    top: 30%;
    max-width: 35%; }
    .modal.session-expire-modal .modal-dialog i {
      font-size: 50px !important;
      margin-top: 10px;
      margin-bottom: -20px;
      display: inline-block;
      color: #2367AB; }
    .modal.session-expire-modal .modal-dialog p {
      font-size: 14px; }

.modal.lcm-operations {
  background: rgba(0, 0, 0, 0.2); }
  .modal.lcm-operations .modal-dialog {
    top: 30%;
    max-width: 35%; }
    .modal.lcm-operations .modal-dialog i {
      font-size: 50px !important;
      margin-top: 10px;
      margin-bottom: -20px;
      display: inline-block;
      color: #2367AB; }
    .modal.lcm-operations .modal-dialog p {
      font-size: 14px; }

.modal.ectd-filter-popup {
  background: rgba(0, 0, 0, 0.2); }
  .modal.ectd-filter-popup .modal-dialog {
    top: 1%;
    max-width: 85%; }
    .modal.ectd-filter-popup .modal-dialog i {
      font-size: 50px !important;
      margin-top: 10px;
      margin-bottom: -20px;
      display: inline-block;
      color: #2367AB; }
    .modal.ectd-filter-popup .modal-dialog p {
      font-size: 14px; }
    .modal.ectd-filter-popup .modal-dialog ul {
      list-style-type: none; }
  .modal.ectd-filter-popup .filter-sequence-list li {
    float: left;
    margin-right: 10px; }
  .modal.ectd-filter-popup ul.filter-sequence-list {
    margin: 0;
    float: left;
    padding: 0;
    padding-left: 10px; }

.modal.ectd-filexplorer {
  background: rgba(0, 0, 0, 0.2); }
  .modal.ectd-filexplorer .modal-dialog {
    top: 0%;
    max-width: 65%; }
    .modal.ectd-filexplorer .modal-dialog i {
      font-size: 50px !important;
      margin-top: 10px;
      margin-bottom: -20px;
      display: inline-block;
      color: #2367AB; }
    .modal.ectd-filexplorer .modal-dialog p {
      font-size: 14px; }
    .modal.ectd-filexplorer .modal-dialog .modal-body {
      max-height: 500px;
      overflow-y: auto; }
  .modal.ectd-filexplorer .submission-treeview {
    height: auto; }
    .modal.ectd-filexplorer .submission-treeview .k-item, .modal.ectd-filexplorer .submission-treeview .k-top, .modal.ectd-filexplorer .submission-treeview .k-mid, .modal.ectd-filexplorer .submission-treeview .k-bot {
      background-image: none; }
    .modal.ectd-filexplorer .submission-treeview .k-sprite {
      width: 30px !important;
      height: 22px;
      padding: 1px 0 0 0;
      margin-left: -4px; }
      .modal.ectd-filexplorer .submission-treeview .k-sprite:before {
        font-size: 21px; }
    .modal.ectd-filexplorer .submission-treeview .k-in {
      font-size: 14px !important;
      line-height: 30px; }
    .modal.ectd-filexplorer .submission-treeview .k-checkbox-label {
      margin-top: -4px; }

.toast-title {
  font-weight: bold; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.toast-message a,
.toast-message label {
  color: #ffffff; }

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-right {
  top: 12px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 9999999999; }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100); }

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #51a351; }

.toast-error {
  background-color: #bd362f; }

.toast-info {
  background-color: #2f96b4; }

.toast-warning {
  background-color: #f89406; }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 108px; } }
@media all and (min-width: 241px) and (max-width: 320px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 128px; } }
@media all and (min-width: 321px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 192px; } }
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 300px; } }
.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem; }

.alert-heading {
  color: inherit; }

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

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

.alert-primary {
  color: #123659;
  background-color: #d3e1ee;
  border-color: #c1d4e7; }
  .alert-primary hr {
    border-top-color: #afc7e0; }
  .alert-primary .alert-link {
    color: #091c2f; }

.alert-blue {
  color: #085e79;
  background-color: #cff0fa;
  border-color: #bceaf9; }
  .alert-blue hr {
    border-top-color: #a5e3f7; }
  .alert-blue .alert-link {
    color: #053949; }

.alert-secondary {
  color: #464a4e;
  background-color: #e7e8ea;
  border-color: #dddfe2; }
  .alert-secondary hr {
    border-top-color: #cfd2d6; }
  .alert-secondary .alert-link {
    color: #2e3133; }

.alert-semiwhite {
  color: #858585;
  background-color: white;
  border-color: white; }
  .alert-semiwhite hr {
    border-top-color: #f2f2f2; }
  .alert-semiwhite .alert-link {
    color: #6c6c6c; }

.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; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

a {
  color: #337ab7;
  text-decoration: none; }

a:hover,
a:focus {
  color: #23527c;
  text-decoration: none; }

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

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

@media (min-width: 768px) {
  .container {
    width: 750px; } }
@media (min-width: 992px) {
  .container {
    width: 970px; } }
@media (min-width: 1200px) {
  .container {
    width: 1170px; } }
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

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

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

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

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

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

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

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

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0%; }

@media (min-width: 768px) {
  .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 {
    float: left; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-11 {
    width: 91.66666667%; }

  .col-sm-10 {
    width: 83.33333333%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-8 {
    width: 66.66666667%; }

  .col-sm-7 {
    width: 58.33333333%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-5 {
    width: 41.66666667%; }

  .col-sm-4 {
    width: 33.33333333%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-2 {
    width: 16.66666667%; }

  .col-sm-1 {
    width: 8.33333333%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-pull-11 {
    right: 91.66666667%; }

  .col-sm-pull-10 {
    right: 83.33333333%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-8 {
    right: 66.66666667%; }

  .col-sm-pull-7 {
    right: 58.33333333%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-5 {
    right: 41.66666667%; }

  .col-sm-pull-4 {
    right: 33.33333333%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-2 {
    right: 16.66666667%; }

  .col-sm-pull-1 {
    right: 8.33333333%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-push-11 {
    left: 91.66666667%; }

  .col-sm-push-10 {
    left: 83.33333333%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-8 {
    left: 66.66666667%; }

  .col-sm-push-7 {
    left: 58.33333333%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-5 {
    left: 41.66666667%; }

  .col-sm-push-4 {
    left: 33.33333333%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-2 {
    left: 16.66666667%; }

  .col-sm-push-1 {
    left: 8.33333333%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-offset-12 {
    margin-left: 100%; }

  .col-sm-offset-11 {
    margin-left: 91.66666667%; }

  .col-sm-offset-10 {
    margin-left: 83.33333333%; }

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

  .col-sm-offset-8 {
    margin-left: 66.66666667%; }

  .col-sm-offset-7 {
    margin-left: 58.33333333%; }

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

  .col-sm-offset-5 {
    margin-left: 41.66666667%; }

  .col-sm-offset-4 {
    margin-left: 33.33333333%; }

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

  .col-sm-offset-2 {
    margin-left: 16.66666667%; }

  .col-sm-offset-1 {
    margin-left: 8.33333333%; }

  .col-sm-offset-0 {
    margin-left: 0%; } }
@media (min-width: 992px) {
  .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 {
    float: left; }

  .col-md-12 {
    width: 100%; }

  .col-md-11 {
    width: 91.66666667%; }

  .col-md-10 {
    width: 83.33333333%; }

  .col-md-9 {
    width: 75%; }

  .col-md-8 {
    width: 66.66666667%; }

  .col-md-7 {
    width: 58.33333333%; }

  .col-md-6 {
    width: 50%; }

  .col-md-5 {
    width: 41.66666667%; }

  .col-md-4 {
    width: 33.33333333%; }

  .col-md-3 {
    width: 25%; }

  .col-md-2 {
    width: 16.66666667%; }

  .col-md-1 {
    width: 8.33333333%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-pull-11 {
    right: 91.66666667%; }

  .col-md-pull-10 {
    right: 83.33333333%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-8 {
    right: 66.66666667%; }

  .col-md-pull-7 {
    right: 58.33333333%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-5 {
    right: 41.66666667%; }

  .col-md-pull-4 {
    right: 33.33333333%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-2 {
    right: 16.66666667%; }

  .col-md-pull-1 {
    right: 8.33333333%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-push-11 {
    left: 91.66666667%; }

  .col-md-push-10 {
    left: 83.33333333%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-8 {
    left: 66.66666667%; }

  .col-md-push-7 {
    left: 58.33333333%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-5 {
    left: 41.66666667%; }

  .col-md-push-4 {
    left: 33.33333333%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-2 {
    left: 16.66666667%; }

  .col-md-push-1 {
    left: 8.33333333%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-offset-12 {
    margin-left: 100%; }

  .col-md-offset-11 {
    margin-left: 91.66666667%; }

  .col-md-offset-10 {
    margin-left: 83.33333333%; }

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

  .col-md-offset-8 {
    margin-left: 66.66666667%; }

  .col-md-offset-7 {
    margin-left: 58.33333333%; }

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

  .col-md-offset-5 {
    margin-left: 41.66666667%; }

  .col-md-offset-4 {
    margin-left: 33.33333333%; }

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

  .col-md-offset-2 {
    margin-left: 16.66666667%; }

  .col-md-offset-1 {
    margin-left: 8.33333333%; }

  .col-md-offset-0 {
    margin-left: 0%; } }
@media (min-width: 1200px) {
  .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 {
    float: left; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-11 {
    width: 91.66666667%; }

  .col-lg-10 {
    width: 83.33333333%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-8 {
    width: 66.66666667%; }

  .col-lg-7 {
    width: 58.33333333%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-5 {
    width: 41.66666667%; }

  .col-lg-4 {
    width: 33.33333333%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-2 {
    width: 16.66666667%; }

  .col-lg-1 {
    width: 8.33333333%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-pull-11 {
    right: 91.66666667%; }

  .col-lg-pull-10 {
    right: 83.33333333%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-8 {
    right: 66.66666667%; }

  .col-lg-pull-7 {
    right: 58.33333333%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-5 {
    right: 41.66666667%; }

  .col-lg-pull-4 {
    right: 33.33333333%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-2 {
    right: 16.66666667%; }

  .col-lg-pull-1 {
    right: 8.33333333%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-push-11 {
    left: 91.66666667%; }

  .col-lg-push-10 {
    left: 83.33333333%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-8 {
    left: 66.66666667%; }

  .col-lg-push-7 {
    left: 58.33333333%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-5 {
    left: 41.66666667%; }

  .col-lg-push-4 {
    left: 33.33333333%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-2 {
    left: 16.66666667%; }

  .col-lg-push-1 {
    left: 8.33333333%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-offset-12 {
    margin-left: 100%; }

  .col-lg-offset-11 {
    margin-left: 91.66666667%; }

  .col-lg-offset-10 {
    margin-left: 83.33333333%; }

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

  .col-lg-offset-8 {
    margin-left: 66.66666667%; }

  .col-lg-offset-7 {
    margin-left: 58.33333333%; }

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

  .col-lg-offset-5 {
    margin-left: 41.66666667%; }

  .col-lg-offset-4 {
    margin-left: 33.33333333%; }

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

  .col-lg-offset-2 {
    margin-left: 16.66666667%; }

  .col-lg-offset-1 {
    margin-left: 8.33333333%; }

  .col-lg-offset-0 {
    margin-left: 0%; } }
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table; }

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

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

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

.card-title {
  margin-top: 0;
  margin-bottom: 0.75rem;
  color: #868e96; }
  .card-title.form-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 15px;
  font-weight: 400;
  color: #adb5bd; }

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

.card-text {
  font-weight: 400 !important;
  color: #495057; }

.card-link:hover {
  text-decoration: none; }
.card-link + .card-link {
  margin-left: 2rem; }

.card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title {
  color: #ffffff; }

.card-inverse .card-bodyquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text {
  color: rgba(255, 255, 255, 0.65); }

.card-black {
  background-color: #343a40;
  border-color: #343a40; }

.card-blue {
  background: #2367AB;
  border-color: #2367AB; }

.card-purple {
  background: #5c4ac7;
  border-color: #5c4ac7; }

.card-red {
  background: #dc3545;
  border-color: #dc3545; }

.card-orange {
  background: #ffb22b;
  border-color: #ffb22b; }

.card-green {
  background: #26dad2;
  border-color: #26dad2; }

.card-outline-black .card-header {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff; }

.card-outline-blue .card-header {
  background: #2367AB;
  border-color: #2367AB;
  color: #fff; }

.card-outline-purple .card-header {
  background: #5c4ac7;
  border-color: #5c4ac7;
  color: #fff; }

.card-outline-red .card-header {
  background: #dc3545;
  border-color: #dc3545;
  color: #fff; }

.card-outline-orange .card-header {
  background: #ffb22b;
  border-color: #ffb22b;
  color: #fff; }

.card-outline-green .card-header {
  background: #26dad2;
  border-color: #26dad2;
  color: #fff; }

.card-header {
  padding: 1.25rem 2rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  font-size: 14px;
  font-weight: 400;
  color: #868e96; }
  .card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }
  .card-header h4 {
    margin: 0; }

.card-footer {
  padding: 0.75rem 2rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  color: #868e96; }
  .card-footer:last-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }

.card-header-tabs {
  margin-top: 0;
  margin-right: -1rem;
  margin-bottom: -1.575rem;
  margin-left: -1rem;
  border-bottom: 0; }

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

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

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

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

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

.card-actions {
  float: right; }
  .card-actions a {
    cursor: pointer;
    color: #868e96;
    opacity: 0.7;
    padding-left: 7px;
    font-size: 13px; }

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    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-left: 15px; } }
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap; }
    .card-group .card {
      flex: 1 0 0%; }
      .card-group .card + .card {
        margin-left: 0;
        border-left: 0; } }
.card-columns .card {
  margin-bottom: 20px; }
  .card-columns .card.p-16 {
    padding: 16px; }
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

/* Acordeon styles */
.css-actabs .tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #666;
  overflow: hidden; }

.css-actabs input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: -1; }

.css-actabs label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: none;
  font-weight: bold;
  line-height: 3;
  cursor: pointer; }

.css-actabs .tab > [type=checkbox] + label {
  padding: 5px 6px;
  background: #fff;
  height: auto;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  border-bottom: 0px; }
  .css-actabs .tab > [type=checkbox] + label:before {
    opacity: 0; }

.css-actabs .tab-content > [type=checkbox] + label {
  padding: 0; }
  .css-actabs .tab-content > [type=checkbox] + label:before, .css-actabs .tab-content > [type=checkbox] + label:after {
    opacity: 0; }

.css-actabs .blue label {
  background: #2980b9; }

.css-actabs .tab-content {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  background: none;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  background: #fff;
  padding: 0 8px;
  border: 1px solid #dcdcdc;
  border-top: 0; }
  .css-actabs .tab-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
    background-color: #dcdcdc; }
  .css-actabs .tab-content::-webkit-scrollbar {
    width: 6px;
    background-color: #dcdcdc; }
  .css-actabs .tab-content::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border: 2px solid #bbb; }

.css-actabs .blue .tab-content {
  background: none; }

.css-actabs .tab-content p {
  margin: 1em; }

/* :checked */
.css-actabs input:checked ~ .tab-content {
  max-height: 18em;
  background: #fff;
  padding: 0 8px;
  border: 1px solid #dcdcdc;
  border-top: 0; }

/* Icon */
.css-actabs label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s; }

.css-actabs .tab > input[type=checkbox] + label::after {
  font-family: "submitpro-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.css-actabs .tab > input[type=checkbox] + label::after {
  content: "~" !important;
  top: 3px;
  right: 24px;
  left: auto;
  width: 0;
  height: 0;
  z-index: 0;
  border: none;
  font-size: 16px;
  position: absolute;
  display: inline; }

.css-actabs .tab > input[type=radio] + label::after {
  content: "▼" !important;
  content: "\\" !important; }

.css-actabs .tab > input[type=checkbox]:checked + label::after {
  content: "\\" !important; }

.css-actabs .tab > input[type=radio]:checked + label::after {
  content: "\\" !important; }

.css-actabs.subhead-tabs .tab {
  margin-bottom: 5px; }
.css-actabs.subhead-tabs .form-group label {
  padding: 0 !important; }
.css-actabs.subhead-tabs .tab > [type=checkbox] + label {
  padding: 9px 10px;
  color: #343a40;
  background: #f1f7fd;
  font-size: 15px;
  border-radius: 0 !important;
  border-color: #dde5ec !important; }
  .css-actabs.subhead-tabs .tab > [type=checkbox] + label::after {
    top: 8px; }
.css-actabs.subhead-tabs .tab-content {
  background: #f1f7fd !important;
  overflow: hidden; }
.css-actabs.subhead-tabs input:checked ~ .tab-content {
  max-height: 30em;
  background: #f1f7fd;
  padding: 6px 8px;
  border: 1px solid #dde5ec;
  border-top: 0; }

.loader-review {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-family: Arial;
  font-size: 13px;
  text-align: center;
  background: rgba(68, 68, 68, 0.1);
  height: 100%;
  z-index: 999999; }
  .loader-review img {
    left: 49%;
    position: absolute;
    top: 45%;
    width: 60px; }

.loading-animate {
  -webkit-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
@-moz-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
@-o-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
.loading {
  background-color: "#2e6da4";
  height: 2px;
  margin: 1em;
  overflow: hidden;
  position: relative;
  width: 12em; }

.loading-bar {
  animation: sideToside 2s ease-in-out infinite;
  /*change this for the color of the sideToside line*/
  background-color: #2e6da4;
  height: 100%;
  position: absolute;
  width: 50%; }

@keyframes sideToside {
  0%, 100% {
    transform: translateX(-50%); }
  50% {
    transform: translateX(150%); } }
.loadingcenter {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%); }

.floatUnset {
  float: unset !important; }

[type=checkbox].k-checkbox + label.k-checkbox-label:after, [type=checkbox].k-checkbox + label.k-checkbox-label:before {
  content: '';
  left: 0;
  position: absolute;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  z-index: 1; }

[type=checkbox].k-checkbox:checked + label.k-checkbox-label:before {
  top: 0px;
  left: -1px;
  width: 4px;
  height: 9px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  background: none; }

[type=checkbox].k-checkbox + label.k-checkbox-label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  line-height: 18px !important;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  font-size: 0; }

[type=checkbox].k-checkbox:checked + label.k-checkbox-label {
  padding-left: 22px;
  font-size: 13px;
  color: #212529;
  line-height: 23px !important;
  font-weight: 400;
  height: initial; }

[type=checkbox].k-checkbox:checked,
[type=checkbox].k-checkbox:not(:checked) {
  position: absolute;
  left: inherit;
  opacity: 0; }

[type=checkbox].k-checkbox:checked + label.k-checkbox-label:after {
  top: 0;
  height: 15px;
  width: 15px;
  border: 2px solid #2367AB;
  background-color: #2367AB;
  z-index: 0; }

[type=checkbox].k-checkbox:checked + label.k-checkbox-label:after {
  width: 15px;
  height: 15px;
  transform: none; }

.k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected, .k-listview > .k-state-selected, .k-marquee-color, .k-scheduler .k-today.k-state-selected, .k-scheduler-layout .k-state-selected, .k-state-selected.k-line {
  background: #d6e7f7 !important; }
  .k-gantt .k-treelist .k-alt.k-state-selected:hover, .k-gantt .k-treelist .k-alt.k-state-selected:hover td, .k-gantt .k-treelist .k-alt.k-state-selected > td:hover, .k-gantt .k-treelist .k-alt.k-state-selected > td:hover td, .k-gantt .k-treelist .k-state-selected:hover, .k-gantt .k-treelist .k-state-selected:hover td, .k-gantt .k-treelist .k-state-selected td:hover, .k-gantt .k-treelist .k-state-selected td:hover td, .k-grid td.k-state-selected:hover, .k-grid td.k-state-selected:hover td, .k-grid td.k-state-selected.k-state-focused:hover, .k-grid td.k-state-selected.k-state-focused:hover td, .k-grid tr.k-state-selected:hover, .k-grid tr.k-state-selected:hover td, .k-listview > .k-state-selected:hover, .k-listview > .k-state-selected:hover td, .k-marquee-color:hover, .k-marquee-color:hover td, .k-scheduler .k-today.k-state-selected:hover, .k-scheduler .k-today.k-state-selected:hover td, .k-scheduler-layout .k-state-selected:hover, .k-scheduler-layout .k-state-selected:hover td, .k-state-selected.k-line:hover, .k-state-selected.k-line:hover td {
    background: #d6e7f7 !important; }

/* On screens that are 992px or less, set the background color to blue */
/*
.mobile-menu{
     width:70%;
    float:left;
    padding:0px 10px;
    &.open{
        .dropdown-menu{
            display:block $imp;
            left:50%;
            background:$white;
            li{
                float:left;
                width:100%;
                *{
                    color:$gray-700;
                }
            }
        }
    }
    .dropdown-toggle{
        font-size:$font-size-large;
            margin-left: 25%;
    }

}
@media screen and (min-width: 992px) {
   .mobile-menu {
    display:none;
  }
   .web-menu{
       display:block;
   }
}

@media screen and (max-width: 992px) {
  .mobile-menu {
    display:inline-block;
  }
   .web-menu{
       display:none;
   }
}
    */
@media screen and (max-width: 1300px) {
  .sequence-sticky-btns.active {
    /*right: 37.6%;*/ }

  .submissions-section {
    height: calc(100vh - 144px); }

  .submission-treeview {
    height: calc(100vh - 118px); }

  .left-sidebar.sequence-tree {
    width: 31%; }

  .left-sidebar.sequence-tree + .manage-right-content {
    width: 69%;
    float: left; }

  .submission-treeview.ectd-treeview {
    height: calc(100vh - 41vh) !important; } }
@media screen and (max-width: 992px) {
  body {
    width: 1380px;
    overflow: auto; } }
@media screen and (max-width: 1280px) {
  .navbar .navbar-collapse {
    max-width: 1380px;
    box-sizing: content-box !important;
    display: block;
    margin: auto;
    position: relative; }

  .page-content {
    max-width: 1380px;
    box-sizing: content-box !important;
    display: block;
    margin: 0 auto;
    position: relative;
    float: none; }

  .sequence-view-settings.cm-view {
    margin: 7vh 20% 0 0vw; } }
@media screen and (min-device-width: 1280px) and (max-device-height: 800px) {
  .navbar .navbar-collapse {
    max-width: 1380px;
    box-sizing: content-box !important;
    display: block;
    margin: auto;
    position: relative; }

  .page-content {
    max-width: 1380px;
    box-sizing: content-box !important;
    display: block;
    margin: 0 auto;
    position: relative;
    float: none; } }
@media screen and (min-width: 1366px) and (max-height: 768px) {
  .navbar .navbar-collapse {
    max-width: 1380px;
    box-sizing: content-box !important;
    display: block;
    margin: auto;
    position: relative; }

  .page-content {
    max-width: 1380px;
    box-sizing: content-box !important;
    display: block;
    margin: 0 auto;
    position: relative;
    float: none; }

  .sequence-sticky-btns.active {
    right: 480px; }

  .submission-treeview.ectd-treeview {
    height: calc(100vh - 26vh) !important; } }
@media screen and (min-device-width: 1920px) and (max-device-height: 1080px) {
  .navbar .navbar-collapse {
    max-width: 1380px;
    box-sizing: content-box !important;
    display: block;
    margin: auto;
    position: relative; }

  .page-content {
    max-width: 1380px;
    box-sizing: content-box !important;
    display: block;
    margin: 0 auto;
    position: relative;
    float: none; } }
.icon-sortAZ {
  background: url(../../../Svg/sorting-az.svg) no-repeat !important;
  top: -2px !important; }

.k-in.has-rightclick span:nth-child(2):after {
  content: "";
  position: absolute;
  background: url(../../Images/mouse-right-click.png) no-repeat !important;
  width: 20px;
  height: 20px;
  margin: 4px 10px 0 10px; }

.kendo-sso-table .k-header.k-grid-toolbar .k-button {
  font-size: 12px !important;
  margin: 0 0 0 10px;
  padding: 2px 8px !important;
  line-height: 22px; }

.kendo-sso-table .k-grid-content tr td a.k-button {
  font-size: 12px;
  padding: 6px 8px;
  margin: 3px;
  box-shadow: none;
  border: 1px solid #aaa; }

.more-tile-info {
  float: left;
  width: auto;
  padding: 17px 12px 0;
  color: #3368ab;
  font-size: 12px;
  font-weight: 600; }

.more-tile-info:hover .admin-moreinfo {
  display: block; }

.admin-moreinfo {
  position: absolute;
  display: none;
  width: 680px;
  background: #fff;
  margin: -34px 0px 0px -14px;
  z-index: 1000; }

.admin-moreinfo .report-count {
  font-weight: 400; }

.admin-moreinfo .report-count label {
  margin-bottom: 3px; }

.form-control.k-widget.veeva-products .k-dropdown-wrap {
  height: 28px;
  box-shadow: 1px 1px 1px #eee inset; }

.form-control.k-widget.veeva-products .k-dropdown-wrap .k-input,
.form-control.k-widget.veeva-products .k-dropdown-wrap .k-select {
  line-height: 30px !important;
  color: #333 !important; }

.sequence-view-settings.download-view {
  margin: 7vh 37% 0 0vw;
  float: right;
  right: 0;
  width: 250px; }

.sequence-view-settings.download-view:after,
.sequence-view-settings.download-view:before {
  top: -4%; }

.sequence-view-settings.download-view .sequence-filter-dd .form-control.k-widget {
  height: 28px !important;
  border: 1px solid #ccc !important;
  font-size: 12px !important;
  width: 100%; }

.sequence-view-settings.download-view .sequence-filter-dd .form-control.k-widget > span .k-input {
  width: 90%;
  font-size: 12px !important;
  color: #333;
  text-decoration: none; }

.sequence-view-settings.download-view .sequence-filter-dd {
  width: 100%; }

.appassign,
.appunassign {
  visibility: initial;
  font-size: 14px;
  cursor: pointer;
  float: left;
  width: 8%;
  margin: 0;
  padding: 0;
  height: 10px;
  background: none;
  border: none;
  text-align: left;
  line-height: 10px; }

.appunassign::before,
.appunassign::after,
.appassign::before,
.appassign::after {
  position: absolute;
  font-family: "submitpro-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  border-radius: 3px; }

.appunassign::before {
  color: #2367ab;
  visibility: visible;
  position: absolute;
  content: "" !important;
  border: 1px solid #aaa;
  padding: 1px 3px;
  margin: -7px 0 0 0;
  width: 11px;
  height: 11px;
  font-weight: 600 !important;
  padding-bottom: 5px; }

.appassign::before {
  color: #2367ab;
  visibility: visible;
  position: absolute;
  content: "✓" !important;
  border: 1px solid #aaa;
  padding: 1px 3px;
  margin: -7px 0 0 0;
  width: 11px;
  height: 11px;
  font-weight: 600 !important;
  padding-bottom: 5px; }

.sequence-filter-dd .k-widget.k-multiselect.k-multiselect-clearable .k-icon {
  vertical-align: initial;
  margin: 2px 0 0 0;
  font-size: 14px; }

.sequence-filter-dd .k-widget.k-multiselect.k-multiselect-clearable .k-icon.k-clear-value {
  margin: -5px 0 0 0 !important; }

.sequence-view-settings.download-view .sequence-filter-dd .form-control.k-widget.managesq-pop-autoselect {
  min-height: 28px !important;
  height: auto !important; }

.row.clone-boxes {
  display: flex;
  justify-content: center; }

.row.clone-boxes > div.col-lg-6 {
  display: inline-grid;
  flex-direction: initial;
  flex: 1;
  flex-wrap: wrap; }

.tooltip-maxw360[tooltip]::after {
  max-width: 360px;
  word-break: break-word;
  white-space: pre; }

.masterdata-login img.vault-logo {
  max-width: 160px; }

.masterdata-login button {
  background: #4894a4;
  border-color: #4894a4; }
  .masterdata-login button:hover, .masterdata-login button:active, .masterdata-login button:focus {
    background: #277485; }

.version-popup img {
  display: block;
  margin: 10px auto 0; }

.version-popup h5 {
  font-weight: 600;
  display: block;
  text-align: center;
  margin: 20px 0 0; }

.leafdetails-header .btn.btn-lcm-stf {
  padding: 5px 10px !important; }

.leafdetails-header .btn.btn-lcm-stf i {
  color: #fff; }

.p-l-24 {
  padding-left: 24px !important; }



/* The element to hover over */
.qs {
    background-color: #ffffff;
    border: 1px solid #a39696;
    border-radius: 50%;
    color: #666;
    cursor: default;
    display: inline-block;
    font-family: 'Helvetica',sans-serif;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-align: center;
    line-height: 20px;
    padding: 0px 8px;
    margin-left: 6px;
}
    .qs:hover {
        cursor: pointer !important;
        background: #e2e2e2;
    }
    .qs .popover {
        background-color: rgba(0, 0, 0, 0.85);
        border-radius: 5px;
        bottom: 42px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
        color: #fff;
        display: none;
        font-size: 12px;
        font-family: 'Helvetica',sans-serif;
        left: -95px;
        padding: 7px 10px;
        position: absolute;
        width: 200px;
        z-index: 4;
    }

        .qs .popover:before {
            border-top: 7px solid rgba(0, 0, 0, 0.85);
            border-right: 7px solid transparent;
            border-left: 7px solid transparent;
            bottom: -7px;
            content: '';
            display: block;
            left: 50%;
            margin-left: -7px;
            position: absolute;
        }

    .qs:hover .popover {
        display: block;
        -webkit-animation: fade-in .3s linear 1, move-up .3s linear 1;
        -moz-animation: fade-in .3s linear 1, move-up .3s linear 1;
        -ms-animation: fade-in .3s linear 1, move-up .3s linear 1;
    }

@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes move-up {
    from {
        bottom: 30px;
    }

    to {
        bottom: 42px;
    }
}

@-moz-keyframes move-up {
    from {
        bottom: 30px;
    }

    to {
        bottom: 42px;
    }
}

@-ms-keyframes move-up {
    from {
        bottom: 30px;
    }

    to {
        bottom: 42px;
    }
}