@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-icon";
    src: url("fonts/submitpro-icons.eot");
    src: url("fonts/submitpro-icons.eot?#iefix") format("embedded-opentype"), url("fonts/submitpro-icons.woff") format("woff"), url("fonts/submitpro-icons.ttf") format("truetype"), url("fonts/submitpro-icons.svg#submitpro-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "submitpro-icon" !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-"]:before,
[class*=" icon-"]:before {
    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;
}

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

.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-mail2:before {
    content: "\e917";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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;
            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-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;
                    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-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;
                    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-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;
                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-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;
                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.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 {
        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-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;
            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-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;
                    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-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;
                    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-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;
                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-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;
                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.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.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.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-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;
                    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.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.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.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-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;
                    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.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-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;
                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: 21px;
}

.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-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;
                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 !important;
    }

        .kendo-custom-table.import-kgrid table {
            border-spacing: 0 5px;
        }

        .kendo-custom-table.import-kgrid > div {
            background: none !important;
            border: none !important;
        }

        .kendo-custom-table.import-kgrid .k-grid-header * {
            background: none !important;
            border: none !important;
        }

        .kendo-custom-table.import-kgrid .k-grid-header th.k-header {
            color: #868e96;
            font-weight: 500;
            font-size: 12px;
            position: relative;
            top: 8px;
        }

        .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.EAEU {
                background: url(../../../Images/eaeu-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.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 .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-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;
            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: #fff;
            }

                .left-sidebar .sidebar-nav li.active i {
                    color: #2367AB;
                }

            .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;
        }

.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 - 50px);
    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-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;
            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-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;
    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;
    }

        .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%;
}

    .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;
}

.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%;
    }

.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-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;
        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-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;
        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-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;
        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 {
    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 - 143px);
    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;
}

.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: 77%;
}

    .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: 26px !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-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;
    }

.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: -40px 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: -7%;
        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 28% 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.icon-nobg i {
        font-size: 22px;
        padding: 2px 4px;
    }

        .pdf-information-btn.icon-nobg 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: 1px 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: 2px 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: -2px;
    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;
    }

.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-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;
    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;
    }

    .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-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: #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;
    }

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: 15px;
        box-sizing: border-box;
        font-size: 14px;
    }

    .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 - 140px);
    }

.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;
}

.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: 0;
    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-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: 13px;
    -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-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;
    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-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: 10em;
    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-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;
    -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;
    }
}

.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;
}