Help
RSS
API
Feed
Maltego
Contact
Domain > my.nr4.me
×
Welcome!
Right click nodes and scroll the mouse to navigate the graph.
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2015-01-07
98.129.229.56
(
ClassC
)
2024-07-08
72.32.200.68
(
ClassC
)
Port 443
HTTP/1.1 302 FoundCache-Control: no-cache,no-storePragma: no-cacheTransfer-Encoding: chunkedContent-Type: text/html; charsetutf-8Expires: -1Location: /LoginStrict-Transport-Security: max-age2592000Set-Cookie: .AspNetCore.SessionCfDJ8P5umc%2BT2MRJj5radQpvGAPCkV7iAfuZ0eVC802SjxWMatrM3%2FEbbOv%2BiDVeBFiiB2kAa9quYy0VuwhQpuebY3Y81gqE%2BpaoZantyb1eip%2F5kIS4YDxDA0t6QF14mGHuWJUqWI4CEbvhWQNipxhSE6%2FMJSRpB0%2FzbiE17R0hETfA; path/; secure; samesitelaxDate: Mon, 08 Jul 2024 23:33:46 GMT !DOCTYPE html>html langen>head> meta charsetutf-8 /> title>Reviews/title> meta nameTITLE contentReviews /> meta nameDESCRIPTION contentReview Management System /> meta nameviewport contentwidthdevice-width, initial-scale1, shrink-to-fitno, user-scalableno, minimal-ui> !-- Call App Mode on ios devices --> !-- meta nameapple-mobile-web-app-capable contentyes /> --> !-- meta nameapple-mobile-web-app-status-bar-style contentblack /> --> !-- Remove Tap Highlight on Windows Phone IE --> !-- meta namemsapplication-tap-highlight contentno> -->style idvendorsBundle>/* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) *//*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */@import url(https://fonts.googleapis.com/css?familyRoboto:300,400,500,700,900);:root { --blue: #886AB5; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #fd3d51; --orange: #FFC241; --yellow: #FFC241; --green: #1DC9B7; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #868e96; --gray-dark: #495057; --primary: #886AB5; --secondary: #868e96; --success: #1DC9B7; --info: #2196F3; --warning: #FFC241; --danger: #fd3d51; --light: #fff; --dark: #505050; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1399px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; }*,*::before,*::after { -webkit-box-sizing: border-box; box-sizing: border-box; }html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #212529; text-align: left; background-color: #fff; }tabindex-1:focus { outline: 0 !important; }hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }p { margin-top: 0; margin-bottom: 1rem; }abbrtitle,abbrdata-original-title { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; }address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }ol,ul,dl { margin-top: 0; margin-bottom: 1rem; }ol ol,ul ul,ol ul,ul ol { margin-bottom: 0; }dt { font-weight: 700; }dd { margin-bottom: .5rem; margin-left: 0; }blockquote { margin: 0 0 1rem; }b,strong { font-weight: bolder; }small { font-size: 80%; }sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }sub { bottom: -.25em; }sup { top: -.5em; }a { color: #886AB5; text-decoration: none; background-color: transparent; } a:hover { color: #967BBD; text-decoration: underline; }a:not(href):not(tabindex) { color: inherit; text-decoration: none; } a:not(href):not(tabindex):hover, a:not(href):not(tabindex):focus { color: inherit; text-decoration: none; } a:not(href):not(tabindex):focus { outline: 0; }pre,code,kbd,samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em; }pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; }figure { margin: 0 0 1rem; }img { vertical-align: middle; border-style: none; }svg { overflow: hidden; vertical-align: middle; }table { border-collapse: collapse; }caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #868e96; text-align: left; caption-side: bottom; }th { text-align: inherit; }label { display: inline-block; margin-bottom: 0.3rem; }button { border-radius: 0; }button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }input,button,select,optgroup,textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }button,input { overflow: visible; }button,select { text-transform: none; }select { word-wrap: normal; }button,typebutton,typereset,typesubmit { -webkit-appearance: button; }button:not(:disabled),typebutton:not(:disabled),typereset:not(:disabled),typesubmit:not(:disabled) { cursor: pointer; }button::-moz-focus-inner,typebutton::-moz-focus-inner,typereset::-moz-focus-inner,typesubmit::-moz-focus-inner { padding: 0; border-style: none; }inputtyperadio,inputtypecheckbox { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }inputtypedate,inputtypetime,inputtypedatetime-local,inputtypemonth { -webkit-appearance: listbox; }textarea { overflow: auto; resize: vertical; }fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }progress { vertical-align: baseline; }typenumber::-webkit-inner-spin-button,typenumber::-webkit-outer-spin-button { height: auto; }typesearch { outline-offset: -2px; -webkit-appearance: none; }typesearch::-webkit-search-decoration { -webkit-appearance: none; }::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }output { display: inline-block; }summary { display: list-item; cursor: pointer; }template { display: none; }hidden { display: none !important; }h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.57; }h1, .h1 { font-size: 1.5rem; }h2, .h2 { font-size: 1.375rem; }h3, .h3 { font-size: 1.1875rem; }h4, .h4 { font-size: 1.0625rem; }h5, .h5 { font-size: 0.9375rem; }h6, .h6 { font-size: 0.875rem; }.lead { font-size: 1.01563rem; font-weight: 300; }.display-1 { font-size: 5rem; font-weight: 300; line-height: 1.57; }.display-2 { font-size: 4.5rem; font-weight: 300; line-height: 1.57; }.display-3 { font-size: 3.5rem; font-weight: 300; line-height: 1.57; }.display-4 { font-size: 2.5rem; font-weight: 300; line-height: 1.57; }hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }small,.small { font-size: 80%; font-weight: 400; }mark,.mark { padding: 0.2em; background-color: #fcf8e3; }.list-unstyled { padding-left: 0; list-style: none; }.list-inline { padding-left: 0; list-style: none; }.list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; }.initialism { font-size: 90%; text-transform: uppercase; }.blockquote { margin-bottom: 1rem; font-size: 1.01563rem; }.blockquote-footer { display: block; font-size: 80%; color: #868e96; } .blockquote-footer::before { content: \2014\00A0; }.img-fluid { max-width: 100%; height: auto; }.img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 4px; max-width: 100%; height: auto; }.figure { display: inline-block; }.figure-img { margin-bottom: 0.5rem; line-height: 1; }.figure-caption { font-size: 90%; color: #868e96; }code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; }kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 4px; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; }pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; }.pre-scrollable { max-height: 340px; overflow-y: scroll; }.container { width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1399px) { .container { max-width: 1140px; } }.container-fluid { width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; }.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.75rem; margin-left: -0.75rem; }.no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > class*col- { padding-right: 0; padding-left: 0; }.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,.col-xl-auto { position: relative; width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; }.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }.col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }.col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }.col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }.col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }.col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }.col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }.col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }.col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }.col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }.col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }.col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }.col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }.col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }.order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }.order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }.order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }.order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }.order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }.order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }.order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }.order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }.order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }.order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }.order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }.order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; }.order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }.order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; }.order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; }.offset-1 { margin-left: 8.33333%; }.offset-2 { margin-left: 16.66667%; }.offset-3 { margin-left: 25%; }.offset-4 { margin-left: 33.33333%; }.offset-5 { margin-left: 41.66667%; }.offset-6 { margin-left: 50%; }.offset-7 { margin-left: 58.33333%; }.offset-8 { margin-left: 66.66667%; }.offset-9 { margin-left: 75%; }.offset-10 { margin-left: 83.33333%; }.offset-11 { margin-left: 91.66667%; }@media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } }@media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } }@media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } }@media (min-width: 1399px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } }.table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #e9e9e9; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e9e9e9; } .table tbody + tbody { border-top: 2px solid #e9e9e9; }.table-sm th,.table-sm td { padding: 0.3rem; }.table-bordered { border: 1px solid #e9e9e9; } .table-bordered th, .table-bordered td { border: 1px solid #e9e9e9; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody + tbody { border: 0; }.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(80, 80, 80, 0.02); }.table-hover tbody tr:hover { color: #212529; background-color: #fdfdfd; }.table-primary,.table-primary > th,.table-primary > td { background-color: #ded5ea; }.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody + tbody { border-color: #c1b2d9; }.table-hover .table-primary:hover { background-color: #d1c4e2; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #d1c4e2; }.table-secondary,.table-secondary > th,.table-secondary > td { background-color: #dddfe2; }.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody + tbody { border-color: #c0c4c8; }.table-hover .table-secondary:hover { background-color: #cfd2d6; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #cfd2d6; }.table-success,.table-success > th,.table-success > td { background-color: #c0f0eb; }.table-success th,.table-success td,.table-success thead th,.table-success tbody + tbody { border-color: #89e3da; }.table-hover .table-success:hover { background-color: #abebe4; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #abebe4; }.table-info,.table-info > th,.table-info > td { background-color: #c1e2fc; }.table-info th,.table-info td,.table-info thead th,.table-info tbody + tbody { border-color: #8cc8f9; }.table-hover .table-info:hover { background-color: #a9d7fb; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a9d7fb; }.table-warning,.table-warning > th,.table-warning > td { background-color: #ffeeca; }.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody + tbody { border-color: #ffdf9c; }.table-hover .table-warning:hover { background-color: #ffe6b1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe6b1; }.table-danger,.table-danger > th,.table-danger > td { background-color: #fec8e1; }.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody + tbody { border-color: #fe98c8; }.table-hover .table-danger:hover { background-color: #feafd3; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #feafd3; }.table-light,.table-light > th,.table-light > td { background-color: white; }.table-light th,.table-light td,.table-light thead th,.table-light tbody + tbody { border-color: white; }.table-hover .table-light:hover { background-color: #f2f2f2; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f2f2f2; }.table-dark,.table-dark > th,.table-dark > td { background-color: #cecece; }.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody + tbody { border-color: #a4a4a4; }.table-hover .table-dark:hover { background-color: #c1c1c1; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #c1c1c1; }.table-active,.table-active > th,.table-active > td { background-color: #fdfdfd; }.table-hover .table-active:hover { background-color: #f0f0f0; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #f0f0f0; }.table .thead-dark th { color: #fff; background-color: dimgray; border-color: #5D5D5D; }.table .thead-light th { color: #495057; background-color: #f3f3f3; border-color: #e9e9e9; }.table-dark { color: #fff; background-color: dimgray; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #5D5D5D; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: #886AB5; }@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } }@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } }@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } }@media (max-width: 1398.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } }.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; }.form-control { display: block; width: 100%; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 0.875rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #E5E5E5; border-radius: 4px; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #886AB5; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .form-control::-webkit-input-placeholder { color: #868e96; opacity: 1; } .form-control::-moz-placeholder { color: #868e96; opacity: 1; } .form-control:-ms-input-placeholder { color: #868e96; opacity: 1; } .form-control::-ms-input-placeholder { color: #868e96; opacity: 1; } .form-control::placeholder { color: #868e96; opacity: 1; } .form-control:disabled, .form-controlreadonly { background-color: #f3f3f3; opacity: 1; }select.form-control:focus::-ms-value { color: #495057; background-color: #fff; }.form-control-file,.form-control-range { display: block; width: 100%; }.col-form-label { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.47; }.col-form-label-lg { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.75rem + 1px); font-size: 1rem; line-height: 1.5; }.col-form-label-sm { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); font-size: 0.75rem; line-height: 1.5; }.form-control-plaintext { display: block; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; line-height: 1.47; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; }.form-control-sm { height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.844rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; }.form-control-lg { height: calc(1.5em + 1.5rem + 2px); padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 4px; }select.form-controlsize, select.form-controlmultiple { height: auto; }textarea.form-control { height: auto; }.form-group { margin-bottom: 1.5rem; }.form-text { display: block; margin-top: 0.25rem; }.form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > class*col- { padding-right: 5px; padding-left: 5px; }.form-check { position: relative; display: block; padding-left: 1.25rem; }.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #868e96; }.form-check-label { margin-bottom: 0; }.form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #1DC9B7; }.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.3rem 0.6rem; margin-top: .1rem; font-size: 0.75rem; line-height: 1.47; color: #fff; background-color: #1DC9B7; border-radius: 5px; }.was-validated .form-control:valid, .form-control.is-valid { border-color: #1DC9B7; padding-right: calc(1.47em + 1rem); background-image: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 8 8%3e%3cpath fill%231dc9b7 dM2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z/%3e%3c/svg%3e); background-repeat: no-repeat; background-position: center right calc(0.3675em + 0.25rem); background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #1DC9B7; -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; }.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.47em + 1rem); background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); }.was-validated .custom-select:valid, .custom-select.is-valid { border-color: #1DC9B7; padding-right: calc((1em + 1rem) * 3 / 4 + 1.875rem); background: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 4 5%3e%3cpath fill%23343a40 dM2 0L0 2h4zm0 5L0 3h4z/%3e%3c/svg%3e) no-repeat right 0.875rem center/8px 10px, url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 8 8%3e%3cpath fill%231dc9b7 dM2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z/%3e%3c/svg%3e) #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #1DC9B7; -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; }.was-validated .form-control-file:valid ~ .valid-feedback,.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,.form-control-file.is-valid ~ .valid-tooltip { display: block; }.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #1DC9B7; }.was-validated .form-check-input:valid ~ .valid-feedback,.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,.form-check-input.is-valid ~ .valid-tooltip { display: block; }.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #1DC9B7; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #1DC9B7; }.was-validated .custom-control-input:valid ~ .valid-feedback,.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,.custom-control-input.is-valid ~ .valid-tooltip { display: block; }.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #37E2D0; background-color: #37E2D0; }.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #1DC9B7; }.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #1DC9B7; }.was-validated .custom-file-input:valid ~ .valid-feedback,.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,.custom-file-input.is-valid ~ .valid-tooltip { display: block; }.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #1DC9B7; -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #fd3d51; }.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.3rem 0.6rem; margin-top: .1rem; font-size: 0.75rem; line-height: 1.47; color: #fff; background-color: #fd3d51; border-radius: 5px; }.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #fd3d51; padding-right: calc(1.47em + 1rem); background-image: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg fill%23fd3995 viewBox-2 -2 7 7%3e%3cpath stroke%23fd3995 dM0 0l3 3m0-3L0 3/%3e%3ccircle r.5/%3e%3ccircle cx3 r.5/%3e%3ccircle cy3 r.5/%3e%3ccircle cx3 cy3 r.5/%3e%3c/svg%3E); background-repeat: no-repeat; background-position: center right calc(0.3675em + 0.25rem); background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #fd3d51; -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.25); box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; }.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.47em + 1rem); background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); }.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #fd3d51; padding-right: calc((1em + 1rem) * 3 / 4 + 1.875rem); background: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 4 5%3e%3cpath fill%23343a40 dM2 0L0 2h4zm0 5L0 3h4z/%3e%3c/svg%3e) no-repeat right 0.875rem center/8px 10px, url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg fill%23fd3995 viewBox-2 -2 7 7%3e%3cpath stroke%23fd3995 dM0 0l3 3m0-3L0 3/%3e%3ccircle r.5/%3e%3ccircle cx3 r.5/%3e%3ccircle cy3 r.5/%3e%3ccircle cx3 cy3 r.5/%3e%3c/svg%3E) #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #fd3d51; -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.25); box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; }.was-validated .form-control-file:invalid ~ .invalid-feedback,.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,.form-control-file.is-invalid ~ .invalid-tooltip { display: block; }.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #fd3d51; }.was-validated .form-check-input:invalid ~ .invalid-feedback,.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,.form-check-input.is-invalid ~ .invalid-tooltip { display: block; }.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #fd3d51; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #fd3d51; }.was-validated .custom-control-input:invalid ~ .invalid-feedback,.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,.custom-control-input.is-invalid ~ .invalid-tooltip { display: block; }.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #FE6F7E; background-color: #FE6F7E; }.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.25); box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.25); }.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #fd3d51; }.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #fd3d51; }.was-validated .custom-file-input:invalid ~ .invalid-feedback,.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,.custom-file-input.is-invalid ~ .invalid-tooltip { display: block; }.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #fd3d51; -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.25); box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.25); }.form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } }.btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.5rem 1.125rem; font-size: 0.8125rem; line-height: 1.47; border-radius: 4px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .btn.disabled, .btn:disabled { opacity: 0.65; }a.btn.disabled,fieldset:disabled a.btn { pointer-events: none; }.btn-primary { color: #fff; background-color: #886AB5; border-color: #886AB5; } .btn-primary:hover { color: #fff; background-color: #7A59AD; border-color: #6E4E9E; } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(150, 123, 189, 0.5); box-shadow: 0 0 0 0.2rem rgba(150, 123, 189, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #886AB5; border-color: #886AB5; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #6E4E9E; border-color: #62468D; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(150, 123, 189, 0.5); box-shadow: 0 0 0 0.2rem rgba(150, 123, 189, 0.5); }.btn-secondary { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-secondary:hover { color: #fff; background-color: #727b84; border-color: #6C757D; } .btn-secondary:focus, .btn-secondary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #6C757D; border-color: #666e76; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); }.btn-success { color: #fff; background-color: #1DC9B7; border-color: #1DC9B7; } .btn-success:hover { color: #fff; background-color: #1AB3A3; border-color: #179C8E; } .btn-success:focus, .btn-success.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #1DC9B7; border-color: #1DC9B7; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #179C8E; border-color: #159184; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }.btn-info { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-info:hover { color: #fff; background-color: #0D8AEE; border-color: #0C7CD5; } .btn-info:focus, .btn-info.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0C7CD5; border-color: #0b75c9; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }.btn-warning { color: #212529; background-color: #FFC241; border-color: #FFC241; } .btn-warning:hover { color: #212529; background-color: #FFBA28; border-color: #FFB20E; } .btn-warning:focus, .btn-warning.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #FFC241; border-color: #FFC241; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #FFB20E; border-color: #ffae01; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }.btn-danger { color: #fff; background-color: #fd3d51; border-color: #fd3d51; } .btn-danger:hover { color: #fff; background-color: #FD243A; border-color: #FC0B24; } .btn-danger:focus, .btn-danger.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #fd3d51; border-color: #fd3d51; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #FC0B24; border-color: #f40274; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }.btn-light { color: #212529; background-color: #fff; border-color: #fff; } .btn-light:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-light:focus, .btn-light.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #fff; border-color: #fff; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }.btn-dark { color: #fff; background-color: #505050; border-color: #505050; } .btn-dark:hover { color: #fff; background-color: #3d3d3d; border-color: #373737; } .btn-dark:focus, .btn-dark.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #505050; border-color: #505050; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #373737; border-color: #303030; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); }.btn-outline-primary { color: #886AB5; border-color: #886AB5; } .btn-outline-primary:hover { color: #fff; background-color: #886AB5; border-color: #886AB5; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #886AB5; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #886AB5; border-color: #886AB5; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); }.btn-outline-secondary { color: #868e96; border-color: #868e96; } .btn-outline-secondary:hover { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #868e96; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }.btn-outline-success { color: #1DC9B7; border-color: #1DC9B7; } .btn-outline-success:hover { color: #fff; background-color: #1DC9B7; border-color: #1DC9B7; } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #1DC9B7; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #1DC9B7; border-color: #1DC9B7; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }.btn-outline-info { color: #2196F3; border-color: #2196F3; } .btn-outline-info:hover { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #2196F3; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }.btn-outline-warning { color: #FFC241; border-color: #FFC241; } .btn-outline-warning:hover { color: #212529; background-color: #FFC241; border-color: #FFC241; } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #FFC241; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #FFC241; border-color: #FFC241; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }.btn-outline-danger { color: #fd3d51; border-color: #fd3d51; } .btn-outline-danger:hover { color: #fff; background-color: #fd3d51; border-color: #fd3d51; } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #fd3d51; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #fd3d51; border-color: #fd3d51; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.5); }.btn-outline-light { color: #fff; border-color: #fff; } .btn-outline-light:hover { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-light:focus, .btn-outline-light.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #fff; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }.btn-outline-dark { color: #505050; border-color: #505050; } .btn-outline-dark:hover { color: #fff; background-color: #505050; border-color: #505050; } .btn-outline-dark:focus, .btn-outline-dark.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #505050; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #505050; border-color: #505050; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); }.btn-link { font-weight: 400; color: #886AB5; text-decoration: none; } .btn-link:hover { color: #967BBD; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; -webkit-box-shadow: none; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #868e96; pointer-events: none; }.btn-lg, .btn-group-lg > .btn { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 4px; }.btn-sm, .btn-group-sm > .btn { padding: 0.375rem 0.844rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; }.btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; }inputtypesubmit.btn-block,inputtypereset.btn-block,inputtypebutton.btn-block { width: 100%; }.fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade:not(.show) { opacity: 0; }.collapse:not(.show) { display: none; }.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; }.dropup,.dropright,.dropdown,.dropleft { position: relative; }.dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; }.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 2000; display: none; float: left; min-width: 10rem; padding: 0.3125rem 0; margin: 0.125rem 0 0; font-size: 0.8125rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0px solid rgba(0, 0, 0, 0.15); border-radius: 4px; }.dropdown-menu-left { right: auto; left: 0; }.dropdown-menu-right { right: 0; left: auto; }@media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } }@media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } }@media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } }@media (min-width: 1399px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } }.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; }.dropup .dropdown-toggle:empty::after { margin-left: 0; }.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; }.dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; }.dropright .dropdown-toggle:empty::after { margin-left: 0; }.dropright .dropdown-toggle::after { vertical-align: 0; }.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; }.dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ; }.dropleft .dropdown-toggle::after { display: none; }.dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }.dropleft .dropdown-toggle:empty::after { margin-left: 0; }.dropleft .dropdown-toggle::before { vertical-align: 0; }.dropdown-menux-placement^top, .dropdown-menux-placement^right, .dropdown-menux-placement^bottom, .dropdown-menux-placement^left { right: auto; bottom: auto; }.dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #f3f3f3; }.dropdown-item { display: block; width: 100%; padding: 0.75rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #6E4E9E; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #563D7C; text-decoration: none; background-color: #CCBFDF; } .dropdown-item.disabled, .dropdown-item:disabled { color: #868e96; pointer-events: none; background-color: transparent; }.dropdown-menu.show { display: block; }.dropdown-header { display: block; padding: 0.3125rem 1.5rem; margin-bottom: 0; font-size: 0.75rem; color: #868e96; white-space: nowrap; }.dropdown-item-text { display: block; padding: 0.75rem 1.5rem; color: #212529; }.btn-group,.btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; }.btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; }.btn-group > .btn:not(:first-child),.btn-group > .btn-group:not(:first-child) { margin-left: -1px; }.btn-group > .btn:not(:last-child):not(.dropdown-toggle),.btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }.btn-group > .btn:not(:first-child),.btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }.dropdown-toggle-split { padding-right: 0.84375rem; padding-left: 0.84375rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; }.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.633rem; padding-left: 0.633rem; }.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; }.btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; }.btn-group-toggle > .btn,.btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn inputtyperadio, .btn-group-toggle > .btn inputtypecheckbox, .btn-group-toggle > .btn-group > .btn inputtyperadio, .btn-group-toggle > .btn-group > .btn inputtypecheckbox { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }.input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; }.input-group-prepend,.input-group-append { display: -webkit-box; display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; }.input-group-prepend { margin-right: -1px; }.input-group-append { margin-left: -1px; }.input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 0.875rem; margin-bottom: 0; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #495057; text-align: center; white-space: nowrap; background-color: #f3f3f3; border: 1px solid #E5E5E5; border-radius: 4px; } .input-group-text inputtyperadio, .input-group-text inputtypecheckbox { margin-top: 0; }.input-group-lg > .form-control:not(textarea),.input-group-lg > .custom-select { height: calc(1.5em + 1.5rem + 2px); }.input-group-lg > .form-control,.input-group-lg > .custom-select,.input-group-lg > .input-group-prepend > .input-group-text,.input-group-lg > .input-group-append > .input-group-text,.input-group-lg > .input-group-prepend > .btn,.input-group-lg > .input-group-append > .btn { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; border-radius: 4px; }.input-group-sm > .form-control:not(textarea),.input-group-sm > .custom-select { height: calc(1.5em + 0.75rem + 2px); }.input-group-sm > .form-control,.input-group-sm > .custom-select,.input-group-sm > .input-group-prepend > .input-group-text,.input-group-sm > .input-group-append > .input-group-text,.input-group-sm > .input-group-prepend > .btn,.input-group-sm > .input-group-append > .btn { padding: 0.375rem 0.844rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; }.input-group-lg > .custom-select,.input-group-sm > .custom-select { padding-right: 1.875rem; }.input-group > .input-group-prepend > .btn,.input-group > .input-group-prepend > .input-group-text,.input-group > .input-group-append:not(:last-child) > .btn,.input-group > .input-group-append:not(:last-child) > .input-group-text,.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }.input-group > .input-group-append > .btn,.input-group > .input-group-append > .input-group-text,.input-group > .input-group-prepend:not(:first-child) > .btn,.input-group > .input-group-prepend:not(:first-child) > .input-group-text,.input-group > .input-group-prepend:first-child > .btn:not(:first-child),.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }.custom-control { position: relative; display: block; min-height: 1.19437rem; padding-left: 1.625rem; }.custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; }.custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #6E4E9E; background-color: #7A59AD; } .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #886AB5; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #CCBFDF; border-color: #CCBFDF; } .custom-control-input:disabled ~ .custom-control-label { color: #868e96; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #f3f3f3; }.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.03469rem; left: -1.625rem; display: block; width: 1.125rem; height: 1.125rem; pointer-events: none; content: ; background-color: #fff; border: #adb5bd solid 2px; } .custom-control-label::after { position: absolute; top: 0.03469rem; left: -1.625rem; display: block; width: 1.125rem; height: 1.125rem; content: ; background: no-repeat 50% / 0.5rem; }.custom-checkbox .custom-control-label::before { border-radius: 2px; }.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 8 8%3e%3cpath fill%23fff dM6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z/%3e%3c/svg%3e); }.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #886AB5; background-color: #886AB5; }.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 4 4%3e%3cpath stroke%23fff dM0 2h4/%3e%3c/svg%3e); }.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(136, 106, 181, 0.5); }.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(136, 106, 181, 0.5); }.custom-radio .custom-control-label::before { border-radius: 50%; }.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg viewBox-4 -4 8 8%3e%3ccircle r3 fill%23fff/%3e%3c/svg%3e); }.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(136, 106, 181, 0.5); }.custom-switch { padding-left: 2.46875rem; } .custom-switch .custom-control-label::before { left: -2.46875rem; width: 1.96875rem; pointer-events: all; border-radius: 0.5625rem; } .custom-switch .custom-control-label::after { top: calc(0.03469rem + 4px); left: calc(-2.46875rem + 4px); width: calc(1.125rem - 8px); height: calc(1.125rem - 8px); background-color: #adb5bd; border-radius: 0.5625rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.84375rem); transform: translateX(0.84375rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(136, 106, 181, 0.5); }.custom-select { display: inline-block; width: 100%; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 1.875rem 0.5rem 0.875rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #495057; vertical-align: middle; background: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 4 5%3e%3cpath fill%23343a40 dM2 0L0 2h4zm0 5L0 3h4z/%3e%3c/svg%3e) no-repeat right 0.875rem center/8px 10px; background-color: #fff; border: 1px solid #E5E5E5; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #886AB5; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-selectmultiple, .custom-selectsize:not(size1) { height: auto; padding-right: 0.875rem; background-image: none; } .custom-select:disabled { color: #868e96; background-color: #f3f3f3; } .custom-select::-ms-expand { display: none; }.custom-select-sm { height: calc(1.5em + 0.75rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.844rem; font-size: 0.75rem; }.custom-select-lg { height: calc(1.5em + 1.5rem + 2px); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; font-size: 1rem; }.custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.47em + 1rem + 2px); margin-bottom: 0; }.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.47em + 1rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #886AB5; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; } .custom-file-input:disabled ~ .custom-file-label { background-color: #f3f3f3; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: Browse; } .custom-file-input ~ .custom-file-labeldata-browse::after { content: attr(data-browse); }.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 0.875rem; font-weight: 400; line-height: 1.47; color: #495057; background-color: #fff; border: 1px solid #E5E5E5; border-radius: 4px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.47em + 1rem); padding: 0.5rem 0.875rem; line-height: 1.47; color: #495057; content: Browse; background-color: #f3f3f3; border-left: inherit; border-radius: 0 4px 4px 0; }.custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.3375rem; background-color: #886AB5; border: 0; border-radius: 50%; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } .custom-range::-webkit-slider-thumb:active { background-color: #A38CC6; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.325rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #886AB5; border: 0; border-radius: 50%; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } .custom-range::-moz-range-thumb:active { background-color: #A38CC6; } .custom-range::-moz-range-track { width: 100%; height: 0.325rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #886AB5; border: 0; border-radius: 50%; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; appearance: none; } .custom-range::-ms-thumb:active { background-color: #A38CC6; } .custom-range::-ms-track { width: 100%; height: 0.325rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; }.custom-control-label::before,.custom-file-label,.custom-select { -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }.nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }.nav-link { display: block; padding: 0.5rem 1.125rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #868e96; pointer-events: none; cursor: default; }.nav-tabs { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) transparent; } .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: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }.nav-pills .nav-link { border-radius: 4px; }.nav-pills .nav-link.active,.nav-pills .show > .nav-link { color: #fff; background-color: #886AB5; }.nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; }.nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }.tab-content > .tab-pane { display: none; }.tab-content > .active { display: block; }.navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }.navbar-brand { display: inline-block; padding-top: 0.36219rem; padding-bottom: 0.36219rem; margin-right: 1rem; font-size: 1rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }.navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; }.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }.navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }.navbar-toggler { padding: 7.5px 18px; font-size: 1.3125rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; }.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ; background: no-repeat center center; background-size: 100% 100%; }@media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } }@media (min-width: 576px) { .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } }@media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } }@media (min-width: 768px) { .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } }@media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } }@media (min-width: 992px) { .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } }@media (max-width: 1398.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } }@media (min-width: 1399px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } }.navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; }.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }.navbar-light .navbar-nav .show > .nav-link,.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); }.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }.navbar-light .navbar-toggler-icon { background-image: url(data:image/svg+xml,%3csvg viewBox0 0 30 30 xmlnshttp://www.w3.org/2000/svg%3e%3cpath strokergba(0, 0, 0, 0.5) stroke-width2 stroke-linecapround stroke-miterlimit10 dM4 7h22M4 15h22M4 23h22/%3e%3c/svg%3e); }.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }.navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }.navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .active > .nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active { color: #fff; }.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }.navbar-dark .navbar-toggler-icon { background-image: url(data:image/svg+xml,%3csvg viewBox0 0 30 30 xmlnshttp://www.w3.org/2000/svg%3e%3cpath strokergba(255, 255, 255, 0.5) stroke-width2 stroke-linecapround stroke-miterlimit10 dM4 7h22M4 15h22M4 23h22/%3e%3c/svg%3e); }.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; }.card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 4px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }.card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; }.card-title { margin-bottom: 1rem; }.card-subtitle { margin-top: -0.5rem; margin-bottom: 0; }.card-text:last-child { margin-bottom: 0; }.card-link:hover { text-decoration: none; }.card-link + .card-link { margin-left: 1rem; }.card-header { padding: 1rem 1rem; margin-bottom: 0; background-color: inherit; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .card-header:first-child { border-radius: calc(4px - 1px) calc(4px - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; }.card-footer { padding: 1rem 1rem; background-color: inherit; border-top: 1px solid rgba(0, 0, 0, 0.08); } .card-footer:last-child { border-radius: 0 0 calc(4px - 1px) calc(4px - 1px); }.card-header-tabs { margin-right: -0.5rem; margin-bottom: -1rem; margin-left: -0.5rem; border-bottom: 0; }.card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; }.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; }.card-img { width: 100%; border-radius: calc(4px - 1px); }.card-img-top { width: 100%; border-top-left-radius: calc(4px - 1px); border-top-right-radius: calc(4px - 1px); }.card-img-bottom { width: 100%; border-bottom-right-radius: calc(4px - 1px); border-bottom-left-radius: calc(4px - 1px); }.card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-deck { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -0.75rem; margin-left: -0.75rem; } .card-deck .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 0.75rem; margin-bottom: 0; margin-left: 0.75rem; } }.card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-group > .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } }.card-columns .card { margin-bottom: 1rem; }@media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } }.accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; }.breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #f6f6f6; border-radius: 4px; }.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: inherit; content: /; }.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }.breadcrumb-item.active { color: #868e96; }.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 4px; }.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #886AB5; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #967BBD; text-decoration: none; background-color: #f3f3f3; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem transparent; box-shadow: 0 0 0 0.2rem transparent; }.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }.page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }.page-item.active .page-link { z-index: 1; color: #fff; background-color: #886AB5; border-color: #886AB5; }.page-item.disabled .page-link { color: #868e96; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1rem; line-height: 1.5; }.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; }.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 85%; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; }.btn .badge { position: relative; top: -1px; }.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; }.badge-primary { color: #fff; background-color: #886AB5; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #6E4E9E; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); }.badge-secondary { color: #fff; background-color: #868e96; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #6C757D; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }.badge-success { color: #fff; background-color: #1DC9B7; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #179C8E; } a.badge-success:focus, a.badge-success.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }.badge-info { color: #fff; background-color: #2196F3; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0C7CD5; } a.badge-info:focus, a.badge-info.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }.badge-warning { color: #212529; background-color: #FFC241; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #FFB20E; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }.badge-danger { color: #fff; background-color: #fd3d51; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #FC0B24; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.5); box-shadow: 0 0 0 0.2rem rgba(253, 61, 81, 0.5); }.badge-light { color: #212529; background-color: #fff; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #e6e6e6; } a.badge-light:focus, a.badge-light.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }.badge-dark { color: #fff; background-color: #505050; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #373737; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); }.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f3f3f3; border-radius: 4px; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } }.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; }.alert { position: relative; padding: 1rem 1.25rem; margin-bottom: 2rem; border: 1px solid transparent; border-radius: 4px; }.alert-heading { color: inherit; }.alert-link { font-weight: 700; }.alert-dismissible { padding-right: 3.71875rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 1rem 1.25rem; color: inherit; }.alert-primary { color: #47375e; background-color: #CCBFDF; border-color: #ded5ea; } .alert-primary hr { border-top-color: #d1c4e2; } .alert-primary .alert-link { color: #2f243e; }.alert-secondary { color: #464a4e; background-color: #e7e8ea; border-color: #dddfe2; } .alert-secondary hr { border-top-color: #cfd2d6; } .alert-secondary .alert-link { color: #2e3133; }.alert-success { color: #0f695f; background-color: #d2f4f1; border-color: #c0f0eb; } .alert-success hr { border-top-color: #abebe4; } .alert-success .alert-link { color: #093c37; }.alert-info { color: #114e7e; background-color: #d3eafd; border-color: #c1e2fc; } .alert-info hr { border-top-color: #a9d7fb; } .alert-info .alert-link { color: #0b3251; }.alert-warning { color: #856522; background-color: #fff3d9; border-color: #ffeeca; } .alert-warning hr { border-top-color: #ffe6b1; } .alert-warning .alert-link { color: #5c4618; }.alert-danger { color: #841e4d; background-color: #ffd7ea; border-color: #fec8e1; } .alert-danger hr { border-top-color: #feafd3; } .alert-danger .alert-link { color: #5a1535; }.alert-light { color: #858585; background-color: white; border-color: white; } .alert-light hr { border-top-color: #f2f2f2; } .alert-light .alert-link { color: #6c6c6c; }.alert-dark { color: #292929; background-color: gainsboro; border-color: #cecece; } .alert-dark hr { border-top-color: #c1c1c1; } .alert-dark .alert-link { color: #101010; }@-webkit-keyframes progress-bar-stripes { from { background-position: 0.75rem 0; } to { background-position: 0 0; } }@keyframes progress-bar-stripes { from { background-position: 0.75rem 0; } to { background-position: 0 0; } }.progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 0.75rem; overflow: hidden; font-size: 0.625rem; background-color: #f6f6f6; border-radius: 10rem; }.progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #886AB5; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; }.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 0.75rem 0.75rem; }.progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } }.media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }.media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }.list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; }.list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #f3f3f3; }.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item.disabled, .list-group-item:disabled { color: #868e96; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #886AB5; border-color: #886AB5; }.list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; }@media (min-width: 576px) { .list-group-horizontal-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; } }@media (min-width: 768px) { .list-group-horizontal-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; } }@media (min-width: 992px) { .list-group-horizontal-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; } }@media (min-width: 1399px) { .list-group-horizontal-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; } }.list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; }.list-group-flush:first-child .list-group-item:first-child { border-top: 0; }.list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; }.list-group-item-primary { color: #47375e; background-color: #ded5ea; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #47375e; background-color: #d1c4e2; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #47375e; border-color: #47375e; }.list-group-item-secondary { color: #464a4e; background-color: #dddfe2; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #464a4e; background-color: #cfd2d6; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #464a4e; border-color: #464a4e; }.list-group-item-success { color: #0f695f; background-color: #c0f0eb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f695f; background-color: #abebe4; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f695f; border-color: #0f695f; }.list-group-item-info { color: #114e7e; background-color: #c1e2fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #114e7e; background-color: #a9d7fb; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #114e7e; border-color: #114e7e; }.list-group-item-warning { color: #856522; background-color: #ffeeca; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856522; background-color: #ffe6b1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856522; border-color: #856522; }.list-group-item-danger { color: #841e4d; background-color: #fec8e1; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #841e4d; background-color: #feafd3; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #841e4d; border-color: #841e4d; }.list-group-item-light { color: #858585; background-color: white; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #858585; background-color: #f2f2f2; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585; }.list-group-item-dark { color: #292929; background-color: #cecece; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #292929; background-color: #c1c1c1; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #292929; border-color: #292929; }.close { float: right; font-size: 1.21875rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; }button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }a.close.disabled { pointer-events: none; }.toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; }.toast-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 0.75rem; color: #505050; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }.toast-body { padding: 0.75rem; }.modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; }.modal { position: fixed; top: 0; left: 0; z-index: 2050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } .modal.show .modal-dialog { -webkit-transform: none; transform: none; }.modal-dialog-scrollable { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; }.modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ; } .modal-dialog-centered.modal-dialog-scrollable { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; }.modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid transparent; border-radius: 4px; outline: 0; }.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 2040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.2; }.modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.25rem 1.25rem; border-bottom: 0px solid #dee2e6; border-top-left-radius: 4px; border-top-right-radius: 4px; } .modal-header .close { padding: 1.25rem 1.25rem; margin: -1.25rem -1.25rem -1.25rem auto; }.modal-title { margin-bottom: 0; line-height: 1.47; }.modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; }.modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1.25rem; border-top: 0px solid #dee2e6; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; }.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }@media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } }@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } }@media (min-width: 1399px) { .modal-xl { max-width: 1140px; } }.tooltip { position: absolute; z-index: 2070; display: block; margin: 2px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-style: normal; font-weight: 400; line-height: 1.47; 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.75rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 8px; height: 5px; } .tooltip .arrow::before { position: absolute; content: ; border-color: transparent; border-style: solid; }.bs-tooltip-top, .bs-tooltip-autox-placement^top { padding: 5px 0; } .bs-tooltip-top .arrow, .bs-tooltip-autox-placement^top .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-autox-placement^top .arrow::before { top: 0; border-width: 5px 4px 0; border-top-color: rgba(54, 54, 54, 0.9); }.bs-tooltip-right, .bs-tooltip-autox-placement^right { padding: 0 5px; } .bs-tooltip-right .arrow, .bs-tooltip-autox-placement^right .arrow { left: 0; width: 5px; height: 8px; } .bs-tooltip-right .arrow::before, .bs-tooltip-autox-placement^right .arrow::before { right: 0; border-width: 4px 5px 4px 0; border-right-color: rgba(54, 54, 54, 0.9); }.bs-tooltip-bottom, .bs-tooltip-autox-placement^bottom { padding: 5px 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-autox-placement^bottom .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-autox-placement^bottom .arrow::before { bottom: 0; border-width: 0 4px 5px; border-bottom-color: rgba(54, 54, 54, 0.9); }.bs-tooltip-left, .bs-tooltip-autox-placement^left { padding: 0 5px; } .bs-tooltip-left .arrow, .bs-tooltip-autox-placement^left .arrow { right: 0; width: 5px; height: 8px; } .bs-tooltip-left .arrow::before, .bs-tooltip-autox-placement^left .arrow::before { left: 0; border-width: 4px 0 4px 5px; border-left-color: rgba(54, 54, 54, 0.9); }.tooltip-inner { max-width: 200px; padding: 0.3rem 0.6rem; color: #fff; text-align: center; background-color: rgba(54, 54, 54, 0.9); border-radius: 5px; }.popover { position: absolute; top: 0; left: 0; z-index: 2060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-style: normal; font-weight: 400; line-height: 1.47; 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: 3px solid rgba(0, 0, 0, 0.2); border-radius: 0.5rem; } .popover .arrow { position: absolute; display: block; width: 15px; height: 7px; margin: 0 4px; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ; border-color: transparent; border-style: solid; }.bs-popover-top, .bs-popover-autox-placement^top { margin-bottom: 7px; } .bs-popover-top > .arrow, .bs-popover-autox-placement^top > .arrow { bottom: calc((7px + 3px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-autox-placement^top > .arrow::before { bottom: 0; border-width: 7px 7.5px 0; border-top-color: inherit; } .bs-popover-top > .arrow::after, .bs-popover-autox-placement^top > .arrow::after { bottom: 3px; border-width: 7px 7.5px 0; border-top-color: transparent; }.bs-popover-right, .bs-popover-autox-placement^right { margin-left: 7px; } .bs-popover-right > .arrow, .bs-popover-autox-placement^right > .arrow { left: calc((7px + 3px) * -1); width: 7px; height: 15px; margin: 4px 0; } .bs-popover-right > .arrow::before, .bs-popover-autox-placement^right > .arrow::before { left: 0; border-width: 7.5px 7px 7.5px 0; border-right-color: inherit; } .bs-popover-right > .arrow::after, .bs-popover-autox-placement^right > .arrow::after { left: 3px; border-width: 7.5px 7px 7.5px 0; border-right-color: transparent; }.bs-popover-bottom, .bs-popover-autox-placement^bottom { margin-top: 7px; } .bs-popover-bottom > .arrow, .bs-popover-autox-placement^bottom > .arrow { top: calc((7px + 3px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-autox-placement^bottom > .arrow::before { top: 0; border-width: 0 7.5px 7px 7.5px; border-bottom-color: inherit; } .bs-popover-bottom > .arrow::after, .bs-popover-autox-placement^bottom > .arrow::after { top: 3px; border-width: 0 7.5px 7px 7.5px; border-bottom-color: transparent; } .bs-popover-bottom .popover-header::before, .bs-popover-autox-placement^bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 15px; margin-left: -7.5px; content: ; border-bottom: 3px solid transparent; }.bs-popover-left, .bs-popover-autox-placement^left { margin-right: 7px; } .bs-popover-left > .arrow, .bs-popover-autox-placement^left > .arrow { right: calc((7px + 3px) * -1); width: 7px; height: 15px; margin: 4px 0; } .bs-popover-left > .arrow::before, .bs-popover-autox-placement^left > .arrow::before { right: 0; border-width: 7.5px 0 7.5px 7px; border-left-color: inherit; } .bs-popover-left > .arrow::after, .bs-popover-autox-placement^left > .arrow::after { right: 3px; border-width: 7.5px 0 7.5px 7px; border-left-color: transparent; }.popover-header { padding: 1rem 1rem; margin-bottom: 0; font-size: 0.8125rem; background-color: transparent; border-bottom: 3px solid rgba(0, 0, 0, 0); border-top-left-radius: calc(4px - 3px); border-top-right-radius: calc(4px - 3px); } .popover-header:empty { display: none; }.popover-body { padding: 1rem 1rem; color: #212529; }.carousel { position: relative; }.carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; }.carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ; }.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; }.carousel-item.active,.carousel-item-next,.carousel-item-prev { display: block; }.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); }.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); }.carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; transform: none; }.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; }.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; -webkit-transition: 0s 0.6s opacity; transition: 0s 0.6s opacity; }.carousel-control-prev,.carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; }.carousel-control-prev { left: 0; }.carousel-control-next { right: 0; }.carousel-control-prev-icon,.carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; }.carousel-control-prev-icon { background-image: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg fill%23fff viewBox0 0 8 8%3e%3cpath dM5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z/%3e%3c/svg%3e); }.carousel-control-next-icon { background-image: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg fill%23fff viewBox0 0 8 8%3e%3cpath dM2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z/%3e%3c/svg%3e); }.carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 13px; height: 13px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .carousel-indicators .active { opacity: 1; }.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }@-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }@keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; }.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }@-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } }@keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } }.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; }.spinner-grow-sm { width: 1rem; height: 1rem; }.align-baseline { vertical-align: baseline !important; }.align-top { vertical-align: top !important; }.align-middle { vertical-align: middle !important; }.align-bottom { vertical-align: bottom !important; }.align-text-bottom { vertical-align: text-bottom !important; }.align-text-top { vertical-align: text-top !important; }.bg-primary { background-color: #886AB5 !important; }a.bg-primary:hover, a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus { background-color: #6E4E9E !important; }.bg-secondary { background-color: #868e96 !important; }a.bg-secondary:hover, a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus { background-color: #6C757D !important; }.bg-success { background-color: #1DC9B7 !important; }a.bg-success:hover, a.bg-success:focus,button.bg-success:hover,button.bg-success:focus { background-color: #179C8E !important; }.bg-info { background-color: #2196F3 !important; }a.bg-info:hover, a.bg-info:focus,button.bg-info:hover,button.bg-info:focus { background-color: #0C7CD5 !important; }.bg-warning { background-color: #FFC241 !important; }a.bg-warning:hover, a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus { background-color: #FFB20E !important; }.bg-danger { background-color: #fd3d51 !important; }a.bg-danger:hover, a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus { background-color: #FC0B24 !important; }.bg-light { background-color: #fff !important; }a.bg-light:hover, a.bg-light:focus,button.bg-light:hover,button.bg-light:focus { background-color: #e6e6e6 !important; }.bg-dark { background-color: #505050 !important; }a.bg-dark:hover, a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus { background-color: #373737 !important; }.bg-white { background-color: #fff !important; }.bg-transparent { background-color: transparent !important; }.border { border: 1px solid #dee2e6 !important; }.border-top { border-top: 1px solid #dee2e6 !important; }.border-right { border-right: 1px solid #dee2e6 !important; }.border-bottom { border-bottom: 1px solid #dee2e6 !important; }.border-left { border-left: 1px solid #dee2e6 !important; }.border-0 { border: 0 !important; }.border-top-0 { border-top: 0 !important; }.border-right-0 { border-right: 0 !important; }.border-bottom-0 { border-bottom: 0 !important; }.border-left-0 { border-left: 0 !important; }.border-primary { border-color: #886AB5 !important; }.border-secondary { border-color: #868e96 !important; }.border-success { border-color: #1DC9B7 !important; }.border-info { border-color: #2196F3 !important; }.border-warning { border-color: #FFC241 !important; }.border-danger { border-color: #fd3d51 !important; }.border-light { border-color: #fff !important; }.border-dark { border-color: #505050 !important; }.border-white { border-color: #fff !important; }.rounded-sm { border-radius: 4px !important; }.rounded { border-radius: 4px !important; }.rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }.rounded-right { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }.rounded-bottom { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; }.rounded-left { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }.rounded-lg { border-radius: 4px !important; }.rounded-circle { border-radius: 50% !important; }.rounded-pill { border-radius: 50rem !important; }.rounded-0 { border-radius: 0 !important; }.clearfix::after { display: block; clear: both; content: ; }.d-none { display: none !important; }.d-inline { display: inline !important; }.d-inline-block { display: inline-block !important; }.d-block { display: block !important; }.d-table { display: table !important; }.d-table-row { display: table-row !important; }.d-table-cell { display: table-cell !important; }.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }.d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }@media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }@media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }@media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }@media (min-width: 1399px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }@media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } }.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }.embed-responsive-21by9::before { padding-top: 42.85714%; }.embed-responsive-16by9::before { padding-top: 56.25%; }.embed-responsive-4by3::before { padding-top: 75%; }.embed-responsive-1by1::before { padding-top: 100%; }.flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }.flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }.flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }.flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }.flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }.flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; }.flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; }.flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }.flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }.justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }.justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }.justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }.justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }.align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }.align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }.align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }.align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; }.align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; }.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }@media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }@media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }@media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }@media (min-width: 1399px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }.float-left { float: left !important; }.float-right { float: right !important; }.float-none { float: none !important; }@media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } }@media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } }@media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } }@media (min-width: 1399px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } }.overflow-auto { overflow: auto !important; }.overflow-hidden { overflow: hidden !important; }.position-static { position: static !important; }.position-relative { position: relative !important; }.position-absolute { position: absolute !important; }.position-fixed { position: fixed !important; }.position-sticky { position: -webkit-sticky !important; position: sticky !important; }.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 2030; }.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 2030; }@supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 2020; } }.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }.shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }.shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }.shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }.shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; }.w-25 { width: 25% !important; }.w-50 { width: 50% !important; }.w-75 { width: 75% !important; }.w-100 { width: 100% !important; }.w-auto { width: auto !important; }.h-25 { height: 25% !important; }.h-50 { height: 50% !important; }.h-75 { height: 75% !important; }.h-100 { height: 100% !important; }.h-auto { height: auto !important; }.mw-100 { max-width: 100% !important; }.mh-100 { max-height: 100% !important; }.min-vw-100 { min-width: 100vw !important; }.min-vh-100 { min-height: 100vh !important; }.vw-100 { width: 100vw !important; }.vh-100 { height: 100vh !important; }.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ; background-color: rgba(0, 0, 0, 0); }.m-0 { margin: 0 !important; }.mt-0,.my-0 { margin-top: 0 !important; }.mr-0,.mx-0 { margin-right: 0 !important; }.mb-0,.my-0 { margin-bottom: 0 !important; }.ml-0,.mx-0 { margin-left: 0 !important; }.m-1 { margin: 0.25rem !important; }.mt-1,.my-1 { margin-top: 0.25rem !important; }.mr-1,.mx-1 { margin-right: 0.25rem !important; }.mb-1,.my-1 { margin-bottom: 0.25rem !important; }.ml-1,.mx-1 { margin-left: 0.25rem !important; }.m-2 { margin: 0.5rem !important; }.mt-2,.my-2 { margin-top: 0.5rem !important; }.mr-2,.mx-2 { margin-right: 0.5rem !important; }.mb-2,.my-2 { margin-bottom: 0.5rem !important; }.ml-2,.mx-2 { margin-left: 0.5rem !important; }.m-3 { margin: 1rem !important; }.mt-3,.my-3 { margin-top: 1rem !important; }.mr-3,.mx-3 { margin-right: 1rem !important; }.mb-3,.my-3 { margin-bottom: 1rem !important; }.ml-3,.mx-3 { margin-left: 1rem !important; }.m-4 { margin: 1.5rem !important; }.mt-4,.my-4 { margin-top: 1.5rem !important; }.mr-4,.mx-4 { margin-right: 1.5rem !important; }.mb-4,.my-4 { margin-bottom: 1.5rem !important; }.ml-4,.mx-4 { margin-left: 1.5rem !important; }.m-5 { margin: 2rem !important; }.mt-5,.my-5 { margin-top: 2rem !important; }.mr-5,.mx-5 { margin-right: 2rem !important; }.mb-5,.my-5 { margin-bottom: 2rem !important; }.ml-5,.mx-5 { margin-left: 2rem !important; }.m-6 { margin: 2.5rem !important; }.mt-6,.my-6 { margin-top: 2.5rem !important; }.mr-6,.mx-6 { margin-right: 2.5rem !important; }.mb-6,.my-6 { margin-bottom: 2.5rem !important; }.ml-6,.mx-6 { margin-left: 2.5rem !important; }.p-0 { padding: 0 !important; }.pt-0,.py-0 { padding-top: 0 !important; }.pr-0,.px-0 { padding-right: 0 !important; }.pb-0,.py-0 { padding-bottom: 0 !important; }.pl-0,.px-0 { padding-left: 0 !important; }.p-1 { padding: 0.25rem !important; }.pt-1,.py-1 { padding-top: 0.25rem !important; }.pr-1,.px-1 { padding-right: 0.25rem !important; }.pb-1,.py-1 { padding-bottom: 0.25rem !important; }.pl-1,.px-1 { padding-left: 0.25rem !important; }.p-2 { padding: 0.5rem !important; }.pt-2,.py-2 { padding-top: 0.5rem !important; }.pr-2,.px-2 { padding-right: 0.5rem !important; }.pb-2,.py-2 { padding-bottom: 0.5rem !important; }.pl-2,.px-2 { padding-left: 0.5rem !important; }.p-3 { padding: 1rem !important; }.pt-3,.py-3 { padding-top: 1rem !important; }.pr-3,.px-3 { padding-right: 1rem !important; }.pb-3,.py-3 { padding-bottom: 1rem !important; }.pl-3,.px-3 { padding-left: 1rem !important; }.p-4 { padding: 1.5rem !important; }.pt-4,.py-4 { padding-top: 1.5rem !important; }.pr-4,.px-4 { padding-right: 1.5rem !important; }.pb-4,.py-4 { padding-bottom: 1.5rem !important; }.pl-4,.px-4 { padding-left: 1.5rem !important; }.p-5 { padding: 2rem !important; }.pt-5,.py-5 { padding-top: 2rem !important; }.pr-5,.px-5 { padding-right: 2rem !important; }.pb-5,.py-5 { padding-bottom: 2rem !important; }.pl-5,.px-5 { padding-left: 2rem !important; }.p-6 { padding: 2.5rem !important; }.pt-6,.py-6 { padding-top: 2.5rem !important; }.pr-6,.px-6 { padding-right: 2.5rem !important; }.pb-6,.py-6 { padding-bottom: 2.5rem !important; }.pl-6,.px-6 { padding-left: 2.5rem !important; }.m-n1 { margin: -0.25rem !important; }.mt-n1,.my-n1 { margin-top: -0.25rem !important; }.mr-n1,.mx-n1 { margin-right: -0.25rem !important; }.mb-n1,.my-n1 { margin-bottom: -0.25rem !important; }.ml-n1,.mx-n1 { margin-left: -0.25rem !important; }.m-n2 { margin: -0.5rem !important; }.mt-n2,.my-n2 { margin-top: -0.5rem !important; }.mr-n2,.mx-n2 { margin-right: -0.5rem !important; }.mb-n2,.my-n2 { margin-bottom: -0.5rem !important; }.ml-n2,.mx-n2 { margin-left: -0.5rem !important; }.m-n3 { margin: -1rem !important; }.mt-n3,.my-n3 { margin-top: -1rem !important; }.mr-n3,.mx-n3 { margin-right: -1rem !important; }.mb-n3,.my-n3 { margin-bottom: -1rem !important; }.ml-n3,.mx-n3 { margin-left: -1rem !important; }.m-n4 { margin: -1.5rem !important; }.mt-n4,.my-n4 { margin-top: -1.5rem !important; }.mr-n4,.mx-n4 { margin-right: -1.5rem !important; }.mb-n4,.my-n4 { margin-bottom: -1.5rem !important; }.ml-n4,.mx-n4 { margin-left: -1.5rem !important; }.m-n5 { margin: -2rem !important; }.mt-n5,.my-n5 { margin-top: -2rem !important; }.mr-n5,.mx-n5 { margin-right: -2rem !important; }.mb-n5,.my-n5 { margin-bottom: -2rem !important; }.ml-n5,.mx-n5 { margin-left: -2rem !important; }.m-n6 { margin: -2.5rem !important; }.mt-n6,.my-n6 { margin-top: -2.5rem !important; }.mr-n6,.mx-n6 { margin-right: -2.5rem !important; }.mb-n6,.my-n6 { margin-bottom: -2.5rem !important; }.ml-n6,.mx-n6 { margin-left: -2.5rem !important; }.m-auto { margin: auto !important; }.mt-auto,.my-auto { margin-top: auto !important; }.mr-auto,.mx-auto { margin-right: auto !important; }.mb-auto,.my-auto { margin-bottom: auto !important; }.ml-auto,.mx-auto { margin-left: auto !important; }@media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 2rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 2rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 2rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 2rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 2rem !important; } .m-sm-6 { margin: 2.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 2.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 2.5rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 2rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 2rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 2rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 2rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 2rem !important; } .p-sm-6 { padding: 2.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 2.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 2.5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -2rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -2rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -2rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -2rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -2rem !important; } .m-sm-n6 { margin: -2.5rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -2.5rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -2.5rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -2.5rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -2.5rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }@media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 2rem !important; } .mt-md-5, .my-md-5 { margin-top: 2rem !important; } .mr-md-5, .mx-md-5 { margin-right: 2rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 2rem !important; } .ml-md-5, .mx-md-5 { margin-left: 2rem !important; } .m-md-6 { margin: 2.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 2.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 2.5rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 2rem !important; } .pt-md-5, .py-md-5 { padding-top: 2rem !important; } .pr-md-5, .px-md-5 { padding-right: 2rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 2rem !important; } .pl-md-5, .px-md-5 { padding-left: 2rem !important; } .p-md-6 { padding: 2.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 2.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 2.5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -2rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -2rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -2rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -2rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -2rem !important; } .m-md-n6 { margin: -2.5rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -2.5rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -2.5rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -2.5rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -2.5rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 2rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 2rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 2rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 2rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 2rem !important; } .m-lg-6 { margin: 2.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 2.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 2.5rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 2rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 2rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 2rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 2rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 2rem !important; } .p-lg-6 { padding: 2.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 2.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 2.5rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -2rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -2rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -2rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -2rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -2rem !important; } .m-lg-n6 { margin: -2.5rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -2.5rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -2.5rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -2.5rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -2.5rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }@media (min-width: 1399px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 2rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 2rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 2rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 2rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 2rem !important; } .m-xl-6 { margin: 2.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 2.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 2.5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 2rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 2rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 2rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 2rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 2rem !important; } .p-xl-6 { padding: 2.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 2.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 2.5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -2rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -2rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -2rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -2rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -2rem !important; } .m-xl-n6 { margin: -2.5rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -2.5rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -2.5rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -2.5rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -2.5rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important; }.text-justify { text-align: justify !important; }.text-wrap { white-space: normal !important; }.text-nowrap { white-space: nowrap !important; }.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.text-left { text-align: left !important; }.text-right { text-align: right !important; }.text-center { text-align: center !important; }@media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } }@media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } }@media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } }@media (min-width: 1399px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } }.text-lowercase { text-transform: lowercase !important; }.text-uppercase { text-transform: uppercase !important; }.text-capitalize { text-transform: capitalize !important; }.font-weight-light { font-weight: 300 !important; }.font-weight-lighter { font-weight: lighter !important; }.font-weight-normal { font-weight: 400 !important; }.font-weight-bold { font-weight: 700 !important; }.font-weight-bolder { font-weight: bolder !important; }.font-italic { font-style: italic !important; }.text-white { color: #fff !important; }.text-primary { color: #886AB5 !important; }a.text-primary:hover, a.text-primary:focus { color: #62468D !important; }.text-secondary { color: #868e96 !important; }a.text-secondary:hover, a.text-secondary:focus { color: #60686F !important; }.text-success { color: #1DC9B7 !important; }a.text-success:hover, a.text-success:focus { color: #13867A !important; }.text-info { color: #2196F3 !important; }a.text-info:hover, a.text-info:focus { color: #0A6EBD !important; }.text-warning { color: #FFC241 !important; }a.text-warning:hover, a.text-warning:focus { color: #F4A500 !important; }.text-danger { color: #fd3d51 !important; }a.text-danger:hover, a.text-danger:focus { color: #EB021B !important; }.text-light { color: #fff !important; }a.text-light:hover, a.text-light:focus { color: #d9d9d9 !important; }.text-dark { color: #505050 !important; }a.text-dark:hover, a.text-dark:focus { color: #2A2A2A !important; }.text-body { color: #212529 !important; }.text-muted { color: #868e96 !important; }.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }.text-decoration-none { text-decoration: none !important; }.text-break { word-break: break-word !important; overflow-wrap: break-word !important; }.text-reset { color: inherit !important; }.visible { visibility: visible !important; }.invisible { visibility: hidden !important; }@media print { *, *::before, *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbrtitle::after { content: ( attr(title) ); } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: letter; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #e9e9e9; } .table .thead-dark th { color: inherit; border-color: #e9e9e9; } }/* #GLOBAL IMPORTS *//* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins *//*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*//*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); }------------------------*//*------------------------ FADE IN e.g. @include fadeIn( 2s );------------------------*//*------------------------mixin that calculates if text needs to be light or darkdepending on the background color passed.From this W3C document: http://www.webmasterworld.com/r.cgi?f88&d9769&urlhttp://www.w3.org/TR/AERT#color-contrastusage:@include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000------------------------*//*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50);------------------------*//* backface visibility *//* generate theme button *//* #BASE - Base Variable file along with font library, and colors. *//* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */body { font-family: Roboto, Helvetica Neue, Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; }.page-content { color: #666666; }h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; }strong { font-weight: 500; }h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; }h2 small,h3 small,.h2 small,.h3 small { font-size: 0.9375rem; }h4 small,.h4 small { font-size: 0.875rem; }h5 small,h6 small,.h5 small,.h6 small { font-size: 0.8125rem; }/* contrast text */.text-contrast { color: #333333; }/* text-gradient */.text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6E4E9E), color-stop(50%, #62468D), color-stop(75%, #0C7CD5), to(#0960A5)); background: linear-gradient(180deg, #6E4E9E 25%, #62468D 50%, #0C7CD5 75%, #0960A5 100%); color: #886AB5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }/* looking for font size? Check _helpers.scss *//* PLACEHOLDER EXAMPLE:%bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}.image-one { @extend %bg-image; background-image:url(/img/image-one.jpg);}RESULT:.image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}*//*%shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); }}*//*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));}*//* %selected-dot { &:before { content: ; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: ; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*//* patterns *//* #WEBFONT ICONS IMPORTS *//*! * WebApp Icons */@font-face { font-family: nextgen-icons; src: url(../webfonts/nextgen-icons.eot); src: url(../webfonts/nextgen-icons.eot?#iefix) format(embedded-opentype), url(../webfonts/nextgen-icons.woff2) format(woff2), url(../webfonts/webfonts/nextgen-icons.woff) format(woff), url(../webfonts/webfonts/nextgen-icons.ttf) format(truetype), url(../webfonts/webfonts/nextgen-icons.svg#nextgen-icons) format(svg); font-weight: normal; font-style: normal; }/* Use the following CSS code if you want to have a class per icon */.ni,data-icon:before,class^base-,class* base- { font-family: nextgen-icons; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }/* why?.page-content { .ni:before, data-icon:before { vertical-align: -8%; }}*/.navbar-toggler .ni:before,.navbar-toggler data-icon:before { vertical-align: inherit !important; }.base-19:before { content: \e09b; }.base-18:before { content: \e09c; }.base-17:before { content: \e09d; }.base-16:before { content: \e09e; }.base-15:before { content: \e09f; }.base-14:before { content: \e0a0; }.base-13:before { content: \e0a1; }.base-12:before { content: \f000; }.base-11:before { content: \f00b; }.base-10:before { content: \f00a; }.base-9:before { content: \f1c8; }.base-8:before { content: \f1e3; }.base-7:before { content: \f413; }.base-6:before { content: \f412; }.base-5:before { content: \f411; }.base-4:before { content: \f410; }.base-3:before { content: \f409; }.base-2:before { content: \f408; }.base-1:before { content: \f405; }.md-profile:before { content: \f407; }.md-picframe:before { content: \f406; }.ni-phone:before { content: \f402; }.ni-calendar-fine:before { content: \f403; }.ni-blog-read:before { content: \f404; }.ni-my-apps:before { content: \f328; }.ni-big-plus:before { content: \f276; }.ni-minify-nav:before { content: \f254; }.ni-lock-nav:before { content: \f2ae; }.ni-chevron-down:before { content: \f2f9; }.ni-chevron-up:before { content: \f2fc; }.ni-chevron-left:before { content: \f2fa; }.ni-chevron-right:before { content: \f2fb; }.ni-menu:before { content: \e000; }.ni-user-follow:before { content: \e002; }.ni-user-following:before { content: \e003; }.ni-user-unfollow:before { content: \e004; }.ni-trophy:before { content: \e006; }.ni-screen-smartphone:before { content: \e010; }.ni-screen-desktop:before { content: \e011; }.ni-plane:before { content: \e012; }.ni-notebook:before { content: \e013; }.ni-moustache:before { content: \e014; }.ni-mouse:before { content: \e015; }.ni-magnet:before { content: \e016; }.ni-energy:before { content: \e020; }.ni-emoticon-smile:before { content: \e021; }.ni-disc:before { content: \e022; }.ni-cursor-move:before { content: \e023; }.ni-crop:before { content: \e024; }.ni-credit-card:before { content: \e025; }.ni-chemistry:before { content: \e026; }.ni-user:before { content: \e005; }.ni-speedometer:before { content: \e007; }.ni-social-youtube:before { content: \e008; }.ni-social-twitter:before { content: \e009; }.ni-social-tumblr:before { content: \e00a; }.ni-social-facebook:before { content: \e00b; }.ni-social-dropbox:before { content: \e00c; }.ni-social-dribbble:before { content: \e00d; }.ni-shield:before { content: \e00e; }.ni-screen-tablet:before { content: \e00f; }.ni-magic-wand:before { content: \e017; }.ni-hourglass:before { content: \e018; }.ni-graduation:before { content: \e019; }.ni-ghost:before { content: \e01a; }.ni-game-controller:before { content: \e01b; }.ni-fire:before { content: \e01c; }.ni-eyeglasses:before { content: \e01d; }.ni-envelope-open:before { content: \e01e; }.ni-envelope-letter:before { content: \e01f; }.ni-bell:before { content: \e027; }.ni-badge:before { content: \e028; }.ni-anchor:before { content: \e029; }.ni-wallet:before { content: \e02a; }.ni-vector:before { content: \e02b; }.ni-speech:before { content: \e02c; }.ni-puzzle:before { content: \e02d; }.ni-printer:before { content: \e02e; }.ni-present:before { content: \e02f; }.ni-playlist:before { content: \e030; }.ni-pin:before { content: \e031; }.ni-picture:before { content: \e032; }.ni-map:before { content: \e033; }.ni-layers:before { content: \e034; }.ni-handbag:before { content: \e035; }.ni-globe-alt:before { content: \e036; }.ni-globe:before { content: \e037; }.ni-frame:before { content: \e038; }.ni-folder-alt:before { content: \e039; }.ni-film:before { content: \e03a; }.ni-feed:before { content: \e03b; }.ni-earphones-alt:before { content: \e03c; }.ni-earphones:before { content: \e03d; }.ni-drop:before { content: \e03e; }.ni-drawer:before { content: \e03f; }.ni-docs:before { content: \e040; }.ni-directions:before { content: \e041; }.ni-direction:before { content: \e042; }.ni-diamond:before { content: \e043; }.ni-cup:before { content: \e044; }.ni-compass:before { content: \e045; }.ni-call-out:before { content: \e046; }.ni-call-in:before { content: \e047; }.ni-call-end:before { content: \e048; }.ni-calculator:before { content: \e049; }.ni-bubbles:before { content: \e04a; }.ni-briefcase:before { content: \e04b; }.ni-book-open:before { content: \e04c; }.ni-basket-loaded:before { content: \e04d; }.ni-basket:before { content: \e04e; }.ni-bag:before { content: \e04f; }.ni-action-undo:before { content: \e050; }.ni-action-redo:before { content: \e051; }.ni-wrench:before { content: \e052; }.ni-umbrella:before { content: \e053; }.ni-trash:before { content: \e054; }.ni-tag:before { content: \e055; }.ni-support:before { content: \e056; }.ni-size-fullscreen:before { content: \e057; }.ni-size-actual:before { content: \e058; }.ni-shuffle:before { content: \e059; }.ni-share-alt:before { content: \e05a; }.ni-share:before { content: \e05b; }.ni-rocket:before { content: \e05c; }.ni-question:before { content: \e05d; }.ni-pie-chart:before { content: \e05e; }.ni-pencil:before { content: \e05f; }.ni-note:before { content: \e060; }.ni-music-tone-alt:before { content: \e061; }.ni-music-tone:before { content: \e062; }.ni-microphone:before { content: \e063; }.ni-loop:before { content: \e064; }.ni-logout:before { content: \e065; }.ni-login:before { content: \e066; }.ni-list:before { content: \e067; }.ni-like:before { content: \e068; }.ni-home:before { content: \e069; }.ni-grid:before { content: \e06a; }.ni-graph:before { content: \e06b; }.ni-equalizer:before { content: \e06c; }.ni-dislike:before { content: \e06d; }.ni-cursor:before { content: \e06e; }.ni-control-start:before { content: \e06f; }.ni-control-rewind:before { content: \e070; }.ni-control-play:before { content: \e071; }.ni-control-pause:before { content: \e072; }.ni-control-forward:before { content: \e073; }.ni-control-end:before { content: \e074; }.ni-calendar:before { content: \e075; }.ni-bulb:before { content: \e076; }.ni-bar-chart:before { content: \e077; }.ni-arrow-up:before { content: \e078; }.ni-arrow-right:before { content: \e079; }.ni-arrow-left:before { content: \e07a; }.ni-arrow-down:before { content: \e07b; }.ni-ban:before { content: \e07c; }.ni-bubble:before { content: \e07d; }.ni-camcorder:before { content: \e07e; }.ni-camera:before { content: \e07f; }.ni-check:before { content: \e080; }.ni-clock:before { content: \e081; }.ni-close:before { content: \e082; }.ni-cloud-download:before { content: \e083; }.ni-cloud-upload:before { content: \e084; }.ni-doc:before { content: \e085; }.ni-envelope:before { content: \e086; }.ni-eye:before { content: \e087; }.ni-flag:before { content: \e088; }.ni-folder:before { content: \e089; }.ni-heart:before { content: \e08a; }.ni-info:before { content: \e08b; }.ni-key:before { content: \e08c; }.ni-link:before { content: \e08d; }.ni-lock:before { content: \e08e; }.ni-lock-open:before { content: \e08f; }.ni-magnifier:before { content: \e090; }.ni-magnifier-add:before { content: \e091; }.ni-magnifier-remove:before { content: \e092; }.ni-paper-clip:before { content: \e093; }.ni-paper-plane:before { content: \e094; }.ni-plus:before { content: \e095; }.ni-pointer:before { content: \e096; }.ni-power:before { content: \e097; }.ni-refresh:before { content: \e098; }.ni-reload:before { content: \e099; }.ni-settings:before { content: \e09a; }.ni-users:before { content: \e001; }/*# sourceMappingURL/wwwroot/css/vendors.bundle.css.map *//style>style idappBundle>@charset UTF-8;/* #GLOBAL IMPORTS *//* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins *//*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*//*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); }------------------------*//*------------------------ FADE IN e.g. @include fadeIn( 2s );------------------------*//*------------------------mixin that calculates if text needs to be light or darkdepending on the background color passed.From this W3C document: http://www.webmasterworld.com/r.cgi?f88&d9769&urlhttp://www.w3.org/TR/AERT#color-contrastusage:@include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000------------------------*//*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50);------------------------*//* backface visibility *//* generate theme button *//* #BASE - Base Variable file along with font library, and colors. *//* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */@import url(https://fonts.googleapis.com/css?familyRoboto:300,400,500,700,900);body { font-family: Roboto, Helvetica Neue, Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px;}.page-content { color: #666666;}h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400;}strong { font-weight: 500;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem;}h2 small,h3 small,.h2 small,.h3 small { font-size: 0.9375rem;}h4 small,.h4 small { font-size: 0.875rem;}h5 small,h6 small,.h5 small,.h6 small { font-size: 0.8125rem;}/* contrast text */.text-contrast { color: #333333;}/* text-gradient */.text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6E4E9E), color-stop(50%, #62468D), color-stop(75%, #0C7CD5), to(#0960A5)); background: linear-gradient(180deg, #6E4E9E 25%, #62468D 50%, #0C7CD5 75%, #0960A5 100%); color: #886AB5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none;}/* looking for font size? Check _helpers.scss *//* PLACEHOLDER EXAMPLE:%bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}.image-one { @extend %bg-image; background-image:url(/img/image-one.jpg);}RESULT:.image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}*/.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient { background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent)); background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); background-color: #574376;}/*%shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); }}*/.btn-default { background-color: #f5f5f5; background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1)); background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none;} .btn-default:hover { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #c6c6c6; color: #333; z-index: 2; } .btn-default:focus { border-color: #B19DCE !important; z-index: 3; }.active.btn-default { background: #A38CC6; color: #fff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;}.custom-scroll,.custom-scrollbar { overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;} .custom-scroll::-webkit-scrollbar-track-piece, .custom-scrollbar::-webkit-scrollbar-track-piece { background-color: transparent; } .custom-scroll::-webkit-scrollbar-thumb:vertical, .custom-scrollbar::-webkit-scrollbar-thumb:vertical { background-color: #666; } .custom-scroll::-webkit-scrollbar, .custom-scrollbar::-webkit-scrollbar { height: 4px; width: 4px; } .custom-scroll::-webkit-scrollbar-corner, .custom-scrollbar::-webkit-scrollbar-corner { width: 40px; } .custom-scroll::-webkit-scrollbar-thumb:vertical, .custom-scrollbar::-webkit-scrollbar-thumb:vertical { background-color: #666; }.page-logo, body:not(.header-function-fixed) .page-logo, .header-function-fixed:not(.nav-function-top) .page-header, #msgr_listfilter_input, .msgr-list, .msgr-list + .msgr:before { -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);}.breadcrumb > li.breadcrumb-item { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}.btn-switch, class*btn-outline-, .panel-toolbar .btn-panel, .settings-panel .list, .settings-panel .list .onoffswitch,.settings-panel .list:hover .onoffswitch, .color-disp-demo tr td, .icon-demo li { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.info-card img.cover { -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}.header-function-fixed .btn-switchdata-classheader-function-fixed, .nav-function-fixed .btn-switchdata-classnav-function-fixed, .nav-function-minify .btn-switchdata-classnav-function-minify, .nav-function-hidden .btn-switchdata-classnav-function-hidden, .nav-function-top .btn-switchdata-classnav-function-top, .nav-mobile-push .btn-switchdata-classnav-mobile-push, .nav-mobile-no-overlay .btn-switchdata-classnav-mobile-no-overlay, .nav-mobile-slide-out .btn-switchdata-classnav-mobile-slide-out, .mod-main-boxed .btn-switchdata-classmod-main-boxed, .mod-fixed-bg .btn-switchdata-classmod-fixed-bg, .mod-clean-page-bg .btn-switchdata-classmod-clean-page-bg, .mod-pace-custom .btn-switchdata-classmod-pace-custom, .mod-bigger-font .btn-switchdata-classmod-bigger-font, .mod-high-contrast .btn-switchdata-classmod-high-contrast, .mod-color-blind .btn-switchdata-classmod-color-blind, .mod-hide-nav-icons .btn-switchdata-classmod-hide-nav-icons, .mod-hide-info-card .btn-switchdata-classmod-hide-info-card, .mod-lean-subheader .btn-switchdata-classmod-lean-subheader, .mod-disable-animation .btn-switchdata-classmod-disable-animation, .mod-nav-link .btn-switchdata-classmod-nav-link, .mod-app-rtl .btn-switchdata-classmod-app-rtl { color: #fff; background: #886AB5 !important;} .header-function-fixed .btn-switchdata-classheader-function-fixed:before, .nav-function-fixed .btn-switchdata-classnav-function-fixed:before, .nav-function-minify .btn-switchdata-classnav-function-minify:before, .nav-function-hidden .btn-switchdata-classnav-function-hidden:before, .nav-function-top .btn-switchdata-classnav-function-top:before, .nav-mobile-push .btn-switchdata-classnav-mobile-push:before, .nav-mobile-no-overlay .btn-switchdata-classnav-mobile-no-overlay:before, .nav-mobile-slide-out .btn-switchdata-classnav-mobile-slide-out:before, .mod-main-boxed .btn-switchdata-classmod-main-boxed:before, .mod-fixed-bg .btn-switchdata-classmod-fixed-bg:before, .mod-clean-page-bg .btn-switchdata-classmod-clean-page-bg:before, .mod-pace-custom .btn-switchdata-classmod-pace-custom:before, .mod-bigger-font .btn-switchdata-classmod-bigger-font:before, .mod-high-contrast .btn-switchdata-classmod-high-contrast:before, .mod-color-blind .btn-switchdata-classmod-color-blind:before, .mod-hide-nav-icons .btn-switchdata-classmod-hide-nav-icons:before, .mod-hide-info-card .btn-switchdata-classmod-hide-info-card:before, .mod-lean-subheader .btn-switchdata-classmod-lean-subheader:before, .mod-disable-animation .btn-switchdata-classmod-disable-animation:before, .mod-nav-link .btn-switchdata-classmod-nav-link:before, .mod-app-rtl .btn-switchdata-classmod-app-rtl:before { content: ON !important; left: 7px !important; right: auto !important; } .header-function-fixed .btn-switchdata-classheader-function-fixed:after, .nav-function-fixed .btn-switchdata-classnav-function-fixed:after, .nav-function-minify .btn-switchdata-classnav-function-minify:after, .nav-function-hidden .btn-switchdata-classnav-function-hidden:after, .nav-function-top .btn-switchdata-classnav-function-top:after, .nav-mobile-push .btn-switchdata-classnav-mobile-push:after, .nav-mobile-no-overlay .btn-switchdata-classnav-mobile-no-overlay:after, .nav-mobile-slide-out .btn-switchdata-classnav-mobile-slide-out:after, .mod-main-boxed .btn-switchdata-classmod-main-boxed:after, .mod-fixed-bg .btn-switchdata-classmod-fixed-bg:after, .mod-clean-page-bg .btn-switchdata-classmod-clean-page-bg:after, .mod-pace-custom .btn-switchdata-classmod-pace-custom:after, .mod-bigger-font .btn-switchdata-classmod-bigger-font:after, .mod-high-contrast .btn-switchdata-classmod-high-contrast:after, .mod-color-blind .btn-switchdata-classmod-color-blind:after, .mod-hide-nav-icons .btn-switchdata-classmod-hide-nav-icons:after, .mod-hide-info-card .btn-switchdata-classmod-hide-info-card:after, .mod-lean-subheader .btn-switchdata-classmod-lean-subheader:after, .mod-disable-animation .btn-switchdata-classmod-disable-animation:after, .mod-nav-link .btn-switchdata-classmod-nav-link:after, .mod-app-rtl .btn-switchdata-classmod-app-rtl:after { content: !important; right: 0 !important; left: auto !important; background: #fff !important; color: #886AB5 !important; } .header-function-fixed .btn-switchdata-classheader-function-fixed + .onoffswitch-title, .nav-function-fixed .btn-switchdata-classnav-function-fixed + .onoffswitch-title, .nav-function-minify .btn-switchdata-classnav-function-minify + .onoffswitch-title, .nav-function-hidden .btn-switchdata-classnav-function-hidden + .onoffswitch-title, .nav-function-top .btn-switchdata-classnav-function-top + .onoffswitch-title, .nav-mobile-push .btn-switchdata-classnav-mobile-push + .onoffswitch-title, .nav-mobile-no-overlay .btn-switchdata-classnav-mobile-no-overlay + .onoffswitch-title, .nav-mobile-slide-out .btn-switchdata-classnav-mobile-slide-out + .onoffswitch-title, .mod-main-boxed .btn-switchdata-classmod-main-boxed + .onoffswitch-title, .mod-fixed-bg .btn-switchdata-classmod-fixed-bg + .onoffswitch-title, .mod-clean-page-bg .btn-switchdata-classmod-clean-page-bg + .onoffswitch-title, .mod-pace-custom .btn-switchdata-classmod-pace-custom + .onoffswitch-title, .mod-bigger-font .btn-switchdata-classmod-bigger-font + .onoffswitch-title, .mod-high-contrast .btn-switchdata-classmod-high-contrast + .onoffswitch-title, .mod-color-blind .btn-switchdata-classmod-color-blind + .onoffswitch-title, .mod-hide-nav-icons .btn-switchdata-classmod-hide-nav-icons + .onoffswitch-title, .mod-hide-info-card .btn-switchdata-classmod-hide-info-card + .onoffswitch-title, .mod-lean-subheader .btn-switchdata-classmod-lean-subheader + .onoffswitch-title, .mod-disable-animation .btn-switchdata-classmod-disable-animation + .onoffswitch-title, .mod-nav-link .btn-switchdata-classmod-nav-link + .onoffswitch-title, .mod-app-rtl .btn-switchdata-classmod-app-rtl + .onoffswitch-title { font-weight: 500; color: #886AB5; }.info-card img.cover { background-size: cover;}.nav-mobile-slide-out #nmp,.nav-mobile-slide-out #nmno, .nav-function-top #mnl,.nav-function-minify #mnl,.mod-hide-nav-icons #mnl, .nav-function-top #nfh, .nav-function-top #mhni,.nav-function-minify #mhni { position: relative;} .nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title, .nav-function-top #mhni .onoffswitch-title, .nav-function-minify #mhni .onoffswitch-title { color: var(--theme-warning-900) !important; } .nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc, .nav-function-top #mhni .onoffswitch-title-desc, .nav-function-minify #mhni .onoffswitch-title-desc { color: var(--theme-warning-900) !important; } .nav-mobile-slide-out #nmp:after, .nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after, .nav-function-minify #mnl:after, .mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after, .nav-function-top #mhni:after, .nav-function-minify #mhni:after { content: DISABLED; }/*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));}*/.dropdown-icon-menu > ul > li .btn, .header-btn { border-radius: 4px; border: 1px solid gainsboro; height: 2.25rem; width: 3.25rem; vertical-align: middle; line-height: 2.125rem; margin-right: 0.9375rem; font-size: 21px; padding: 0 11px; cursor: default; color: #a6a6a6; position: relative; /* &.active { @extend %header-btn-active; }*/} .dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover { -webkit-box-shadow: none; box-shadow: none; border-color: #886AB5; background: #A38CC6; color: #fff; }.settings-panel .expanded { -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125); border-bottom: 1px solid rgba(0, 0, 0, 0.06); border-width: 0 0 1px 0; background: #fff; padding: 16px 16px 10px;}.nav-function-fixed:not(.nav-function-top) .page-header data-classnav-function-fixed { background: #505050; border-color: #373737 !important; -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); color: #fff !important;}/* %selected-dot { &:before { content: ; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: ; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*/.saving #saving { margin: 5px; height: 20px; width: 20px; -webkit-animation: spin 0.5s infinite linear; animation: spin 0.5s infinite linear; border: 2px solid #886AB5; border-right-color: transparent; border-radius: 50%;}.nav-mobile-slide-out #nmp:after,.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,.nav-function-minify #mnl:after,.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after, .nav-function-top #mhni:after,.nav-function-minify #mhni:after { display: block; position: absolute; background: var(--theme-warning-50); font-size: 10px; width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; right: 13px; top: 26%; color: #1D1D1D;}/* patterns */.mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a,.mod-color-blind class*bg-danger-,.mod-color-blind .btn-danger,.mod-color-blind .btn-outline-danger,.mod-color-blind .alert-danger,.pattern-0 { background-size: 10px 10px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) 0 0/10px 10px transparent;} .mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a + ul > li.active > a, .pattern-1 { background-size: 5px 5px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent) 0 0/5px 5px transparent; }.mod-color-blind class*bg-primary-,.mod-color-blind .btn-primary,.mod-color-blind .btn-outline-primary,.mod-color-blind .alert-primary,.pattern-2 { background-size: 15px 15px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, transparent), to(transparent)); background-image: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent); -pie-background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent) 0 0/15px transparent;}.mod-color-blind class*bg-success-,.mod-color-blind .btn-success,.mod-color-blind .btn-outline-success,.mod-color-blind .alert-success,.pattern-3 { background-size: 15px 15px; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, transparent), to(transparent)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent); -pie-background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent) 0 0/15px 15px transparent;}.mod-color-blind class*bg-info-,.mod-color-blind .btn-info,.mod-color-blind .btn-outline-info,.mod-color-blind .alert-info,.pattern-4 { background-size: 37px 37px; background-position: 0 0, 18.5px 18.5px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/37px, linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 37px 37px/74px, transparent;}.mod-color-blind class*bg-warning-,.mod-color-blind .btn-warning,.mod-color-blind .btn-outline-warning,.mod-color-blind .alert-warning,.pattern-5 { background-size: 37px 37px; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)); -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/60px, linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/60px, #eee;}/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order) DOC: you can disable unused _modules (may brake the page) *//* contains root variables to be used with css (see docs) */:root { --theme-primary: #886AB5; --theme-secondary: #868e96; --theme-success: #1DC9B7; --theme-info: #2196F3; --theme-warning: #FFC241; --theme-danger: #fd3d51; --theme-light: #fff; --theme-dark: #505050; --theme-primary-50: #CCBFDF; --theme-primary-100: #BEAED7; --theme-primary-200: #B19DCE; --theme-primary-300: #A38CC6; --theme-primary-400: #967BBD; --theme-primary-500: #886AB5; --theme-primary-600: #7A59AD; --theme-primary-700: #6E4E9E; --theme-primary-800: #62468D; --theme-primary-900: #563D7C; --theme-secondary-50: #CACED1; --theme-secondary-100: #BDC1C5; --theme-secondary-200: #AFB4BA; --theme-secondary-300: #A1A8AE; --theme-secondary-400: #949BA2; --theme-secondary-500: #868E96; --theme-secondary-600: #78818A; --theme-secondary-700: #6C757D; --theme-secondary-800: #60686F; --theme-secondary-900: #555B61; --theme-success-50: #7AECE0; --theme-success-100: #63E9DB; --theme-success-200: #4DE5D5; --theme-success-300: #37E2D0; --theme-success-400: #21DFCB; --theme-success-500: #1DC9B7; --theme-success-600: #1AB3A3; --theme-success-700: #179C8E; --theme-success-800: #13867A; --theme-success-900: #107066; --theme-info-50: #9ACFFA; --theme-info-100: #82C4F8; --theme-info-200: #6AB8F7; --theme-info-300: #51ADF6; --theme-info-400: #39A1F4; --theme-info-500: #2196F3; --theme-info-600: #0D8AEE; --theme-info-700: #0C7CD5; --theme-info-800: #0A6EBD; --theme-info-900: #0960A5; --theme-warning-50: #FFEBC1; --theme-warning-100: #FFE3A7; --theme-warning-200: #FFDB8E; --theme-warning-300: #FFD274; --theme-warning-400: #FFCA5B; --theme-warning-500: #FFC241; --theme-warning-600: #FFBA28; --theme-warning-700: #FFB20E; --theme-warning-800: #F4A500; --theme-warning-900: #DA9400; --theme-danger-50: #FEBBC2; --theme-danger-100: #FEA2AC; --theme-danger-200: #FE8995; --theme-danger-300: #FE6F7E; --theme-danger-400: #FD5668; --theme-danger-500: #fd3d51; --theme-danger-600: #FD243A; --theme-danger-700: #FC0B24; --theme-danger-800: #EB021B; --theme-danger-900: #D20218; --theme-fusion-50: #909090; --theme-fusion-100: #838383; --theme-fusion-200: #767676; --theme-fusion-300: dimgray; --theme-fusion-400: #5D5D5D; --theme-fusion-500: #505050; --theme-fusion-600: #434343; --theme-fusion-700: #373737; --theme-fusion-800: #2A2A2A; --theme-fusion-900: #1D1D1D; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1399px;}/* resets DOM elements to its natural state *//* for IE */main { display: block;}/* removes dotted lines for focus */a, a:active, a:focus,button, button:focus, button:active,.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; outline: 0;}input::-moz-focus-inner { border: 0;}/* html and body base styles */html body { direction: ltr; text-rendering: optimizeLegibility; background-color: #fff;}/* app header */.header-icon { color: #666666; height: 4.125rem; display: block; line-height: 4.125rem; text-decoration: none; position: relative;} .header-icon:not(.btn) { min-width: 3.125rem; text-align: center; overflow: visible; } .header-icon:not(.btn) > class*fa-:first-child, .header-icon:not(.btn) > .ni:first-child { color: #886AB5; vertical-align: middle; } .header-icon:not(.btn) > class*fa-:first-child { font-size: 21px; } .header-icon:not(.btn) > .ni:first-child { font-size: 21px; } .header-icon:not(.btn):hover > class*fa-:only-child, .header-icon:not(.btn):hover > .ni { color: #404040; } .header-icon:not(.btn)data-toggledropdown { /* header dropdowns */ /* note: important rules to override poppers inline classes */ /* end header dropdowns */ } .header-icon:not(.btn)data-toggledropdowndata-toggledropdown:after { content: ; width: 1.5rem; height: 1.5rem; position: absolute; background: #dae1e8; border-radius: 50%; top: 1.3125rem; z-index: -1; left: 0.9375rem; opacity: 0; -webkit-transition: all 100ms ease-in; transition: all 100ms ease-in; } .header-icon:not(.btn)data-toggledropdownaria-expandedtrue { color: #404040; /* new lines for arrow visibility */ position: relative; z-index: 1001; font-weight: 500; } .header-icon:not(.btn)data-toggledropdownaria-expandedtrue:after { content: ; width: 2.5rem; height: 2.5rem; top: 0.8125rem; z-index: -1; left: 0.3125rem; opacity: 1; } .header-icon:not(.btn)data-toggledropdownaria-expandedtrue > class*fa-:first-child, .header-icon:not(.btn)data-toggledropdownaria-expandedtrue > .ni:first-child { color: #404040 !important; -webkit-background-clip: initial; -webkit-text-fill-color: initial; background: none; } .header-icon:not(.btn)data-toggledropdown + .dropdown-menu { position: absolute; border: 0px solid #ccc; right: 2rem; top: 4.0625rem !important; left: auto !important; padding: 0; margin: 0; } .header-icon:not(.btn) .profile-image { width: 2rem; height: auto; } .header-icon:hover { cursor: default; color: #404040; }.page-header { background-color: #fff; -webkit-box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13); box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 4.125rem; position: relative; z-index: 1000; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;} .page-header .page-logo { display: none; } .page-header .badge-icon { left: 1.5625rem; top: 1.09375rem; } .page-header .badge-icon:only-child { position: relative; left: auto; right: auto; font-size: 14px; height: 26px; width: 26px; line-height: 21px; top: 20px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }/* app logo */.page-logo { height: 4.125rem; width: 16.875rem; -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); overflow: hidden; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; min-height: 1px; padding: 0 2rem;} .page-logo img { width: auto; height: auto; } .page-logo .page-logo-link { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }.page-logo-text { margin-left: 0.5rem; font-weight: 300; font-size: 1rem; color: #fff; display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: left;}/* app search */.search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .search .app-forms { padding: 0; } .search .app-forms.has-length { position: relative; } .search .app-forms:before { content: none; }#search-field { max-width: 21.875rem; height: 2.625rem; line-height: normal; border-radius: 4px; background: transparent; border: 1px solid transparent; -webkit-box-shadow: none; box-shadow: none; font-size: 0.9375rem; padding: 0.38rem;}/* icon menu with user options */.dropdown-icon-menu > .btn { z-index: 1;}.dropdown-icon-menu > ul { opacity: 0; list-style: none; margin: 0; position: absolute; background: #fff; height: 2.25rem; padding: 2.75rem 4px 5px; width: 3.75rem; margin-left: 1px; margin-top: -2.5rem; left: -5px; overflow: hidden; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.24); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.24); border-radius: 0.25rem; -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);} .dropdown-icon-menu > ul > li { margin-bottom: 4px; position: relative; } .dropdown-icon-menu > ul > li:last-child { margin-bottom: 0; }.dropdown-icon-menu:hover > ul { display: block; opacity: 1; /* * n number of buttons minus 1 * eg. $header-btn-height * 2n */ height: 7.75rem;} .dropdown-icon-menu:hover > ul:hover { overflow: visible; }/* dropdown notification in the app header */.tab-notification { height: 363px;} .tab-notification .tab-pane { height: 100%; }.notification { padding: 0; margin: 0; list-style: none; position: relative;} .notification li { position: relative; background: #fff; } .notification li.unread { background: #fffaee; } .notification li.unread .name { font-weight: 500; } .notification li > :first-child { padding: 0.75rem 1.5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .notification li > :first-child:hover { text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); } .notification li > :first-child:focus { text-decoration: none; } .notification li > :first-child > span { position: relative; } .notification li > :first-child > span > span { /* IE fix */ display: block; } .notification li:last-child > a { border: 0; } .notification .name { color: #222222; font-weight: 400; font-size: 0.8125rem; } .notification .msg-a, .notification .msg-b { color: #555555; } .notification.notification-layout-2 li { background: #f9f9f9; } .notification.notification-layout-2 li.unread { background: #fff; } .notification.notification-layout-2 li.unread .name { font-weight: bold; } .notification.notification-layout-2 li > :first-child { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.04); z-index: 1; } .notification.notification-layout-2 li > :first-child:hover { background: transparent; } .notification.notification-layout-2 li > :first-child:hover:after { content: ; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); } .notification.notification-layout-2 li .name { font-size: 0.875rem; } .notification.notification-layout-2:hover { cursor: pointer; } .notification:not(.notification-loading):before { content: No new messages; position: absolute; top: 0; left: 0; z-index: 0; padding: 1.5rem; width: 100%; display: block; }/* icon menu with stacked icons located in the app header */.app-list { margin: 0 auto; display: block; width: 21.875rem !important; height: 22.5rem !important; font-size: 0; padding: 0.5rem 1rem; text-align: center;} .app-list > li { display: inline-block; text-align: center; padding: 0; }.app-list-item { height: 5.9375rem; width: 6.25rem; display: block; text-decoration: none; color: #666666; margin: 10px 2px; border: 1px solid transparent !important; outline: none; border-radius: 3px; padding-top: 8px; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .app-list-item .icon-stack { font-size: 3.125rem; margin-top: 4px; } .app-list-item:hover { border: 1px solid #e3e3e3; padding-top: 7px; } .app-list-item:hover > .icon-stack { font-size: 3.1875rem; } .app-list-item:active { border-color: #886AB5; padding-top: 8px; } .app-list-item:active > .icon-stack { font-size: 3.125rem; }.app-list-name { text-align: center; font-size: 0.8125rem; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden;}/* app header stays fixed */.header-function-fixed:not(.nav-function-top) .page-header { left: 0; position: fixed !important; right: 0; top: 0;}.header-function-fixed:not(.nav-function-top) .page-content { margin-top: 4.125rem;}.header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) { /* bug fix for nav hidden other than chrome...*/} .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-logo { width: 16.875rem; position: fixed; top: 0; z-index: 950; } .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-sidebar .primary-nav { margin-top: 4.125rem; } .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed).desktop.nav-function-hidden .page-logo { position: absolute; -webkit-transition: none !important; transition: none !important; }@media (min-width: 992px) { .header-function-fixed:not(.nav-function-top) .page-header { margin-left: 16.875rem; } .header-function-fixed:not(.nav-function-top).nav-function-minify .page-sidebar .page-logo { width: 4.6875rem; } .header-function-fixed.nav-function-top { /*.page-wrapper { padding-top: $header-height-nav-top; }*/ } .header-function-fixed.nav-function-top .page-header { position: fixed !important; /*top: 0; right: 0; left: 0;*/ -webkit-box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); /*chrome flickering solution*/ -webkit-transform: translateZ(0); }}/* app far left panel */.page-sidebar { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 16.875rem; max-width: 16.875rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1002; will-change: left, right;}/* app navigation */.primary-nav { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .primary-nav .nav-menu:last-of-type { margin: 0; } .primary-nav .nav-menu:first-of-type { margin-top: 1rem; margin-bottom: 1rem; }.nav-title { text-transform: uppercase; margin: 0; color: #8268a8; padding: 1rem 2rem; margin-top: 1.5rem; font-size: 0.7rem; letter-spacing: 1px; font-weight: 500;}.nav-menu { padding: 0; list-style: none; margin: 0;} .nav-menu a, .nav-menu a > class*fa-, .nav-menu a > .ni { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-menu b.collapse-sign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #967BBD; } .nav-menu b.collapse-sign > class*fa-, .nav-menu b.collapse-sign > .ni { font-size: inherit; } .nav-menu ul { padding-left: 0; list-style: none; display: none; } .nav-menu li { position: relative; } .nav-menu li.open > a { color: white; } .nav-menu li.active { /* arrow that appears next to active/selected items */ } .nav-menu li.active > a { color: white; background-color: rgba(255, 255, 255, 0.04); -webkit-box-shadow: inset 3px 0 0 #886AB5; box-shadow: inset 3px 0 0 #886AB5; font-weight: 400; } .nav-menu li.active > a:hover > class*fa-, .nav-menu li.active > a:hover > .ni { color: #a8a6ac; } .nav-menu li.active > ul { display: block; } .nav-menu li.active:not(.open) > a:before { content: \f0d9; font-family: Font Awesome 5 Pro; font-weight: 900; position: absolute; top: calc(50% - 5px); right: 11px; font-size: 12px; height: 10px; width: auto; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-menu li a { display: -webkit-box; display: -ms-flexbox; display: flex; /*new*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*new*/ outline: 0; padding: 0.8125rem 2rem; font-size: 0.875rem; color: #BEAED7; font-weight: 400; text-decoration: none; position: relative; /* needed for mod-nav-hiarchiy*/ /*> .badge { @extend %ping-badge; & + class*fa-, & + .ni { display: none; } }*/ /*> class*fa- { font-size: $nav-font-icon-size - 2; }*/ /*> img { background: $primary-500; padding: 0.125rem; width: 20px; height: 20px; margin-left: 5px; margin-right: $nav-icon-margin-right + 0.1875rem; }*/ /*> .badge:not(.clear-badge):first-child { position: static; display: inline-block; border-radius: 5px; margin-right: 10px; width: 28px; height: auto; padding: 4px 0; font-size: rem($fs-base); }*/ } .nav-menu li a .dl-ref { font-size: 0.625rem; text-align: center; min-width: 1.25rem; display: inline-block; border-radius: 4px; letter-spacing: 0.5px; margin-left: -2.1875rem; margin-right: 0.9375rem; font-weight: 500; overflow: hidden; padding: 0 4px; -webkit-font-smoothing: subpixel-antialiased; } .nav-menu li a .dl-ref.label { margin-left: 0; margin-right: 0; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .nav-menu li a > class*fa-, .nav-menu li a > .ni { margin-right: 0.25rem; font-size: 1.125rem; width: 1.75rem; color: #886AB5; } .nav-menu li a > .nav-link-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /*new*/ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: normal; } .nav-menu li a.collapsed .nav-menu-btn-sub-collapse { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .nav-menu li a:hover { color: white; text-decoration: none; background-color: rgba(0, 0, 0, 0.1); } .nav-menu li a:hover .badge { color: #fff; } .nav-menu li a:hover > class*fa-, .nav-menu li a:hover > .ni { color: #a8a6ac; } .nav-menu li a:hover > .badge { -webkit-box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8); box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8); border: 1px solid rgba(107, 83, 143, 0.8); } .nav-menu li a:focus { color: white; } .nav-menu li a:focus .badge { color: #fff; } .nav-menu li > ul { background-color: rgba(0, 0, 0, 0.1); padding-top: 10px; padding-bottom: 10px; } .nav-menu li > ul li a { color: #A38CC6; padding: 0.8125rem 2rem 0.8125rem 4rem; } .nav-menu li > ul li a b.collapse-sign > class*fa-, .nav-menu li > ul li a b.collapse-sign > .ni { font-size: inherit-2; } .nav-menu li > ul li a > class*fa-, .nav-menu li > ul li a > .ni { margin-left: -2.1875rem; margin-right: 0.9375rem; color: #886AB5; font-size: 0.875rem; width: 1.25rem; text-align: center; } .nav-menu li > ul li a > .badge { color: #fff; background-color: #fd3d51; border: 1px solid #505050; } .nav-menu li > ul li a:hover { color: white; background-color: rgba(0, 0, 0, 0.1); } .nav-menu li > ul li a:hover > .nav-link-text > class*fa-, .nav-menu li > ul li a:hover > .nav-link-text > .ni { color: #a8a6ac; } .nav-menu li > ul li.active > a { color: white; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; font-weight: 400; } .nav-menu li > ul li.active > a > .nav-link-text > class*fa-, .nav-menu li > ul li.active > a > .nav-link-text > .ni { color: white; } .nav-menu li > ul li.active > a:hover > .nav-link-text > class*fa-, .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni { color: #a8a6ac; } .nav-menu li > ul li:last-child > ul { padding-bottom: 0; } .nav-menu li > ul li > ul li.active > a { color: white; } .nav-menu li > ul li > ul li a { color: #A38CC6; padding: 0.8125rem 2rem 0.8125rem 4.75rem; } .nav-menu li > ul li > ul li a .dl-ref { margin-left: 0; margin-right: 0.20833rem; } .nav-menu li > ul li > ul li a > class*fa-, .nav-menu li > ul li > ul li a > .ni { margin-left: 0; margin-right: 0.20833rem; } .nav-menu li > ul li > ul li a:hover { color: white; } .nav-menu li > ul li > ul li a > .badge { color: #fff; background-color: #fd3d51; border: 1px solid #505050; } .nav-menu li:last-child { margin-bottom: 0; } .nav-menu:last-child { margin-bottom: 0; }/* nav hover elements .nav-menu-hover { li > ul { background-color: rgba(0,0,0,0.17) !important; } li { a { color: rgba(255,255,255,0.90); span { color: rgba(255,255,255,0.90); } &:hover { background:rgba(255,255,255,0.09) !important; color: $white !important; span { color: $white; } } } }}*//* nav clean elements */.nav-menu-clean { background: #fff;} .nav-menu-clean ul { background: transparent !important; padding-bottom: 0 !important; } .nav-menu-clean li a { background: transparent !important; color: #505050 !important; } .nav-menu-clean li a span { color: #505050 !important; } .nav-menu-clean li a:hover { background-color: #f4f4f4 !important; } .nav-menu-clean li a { border-bottom: 1px solid transparent; } .nav-menu-clean li > ul li > ul > li:not(:last-child) a { border-bottom: none; }/* nav bordered elements */.nav-menu-bordered { border: 1px solid rgba(0, 0, 0, 0.08);} .nav-menu-bordered li a { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .nav-menu-bordered li > ul li > ul > li:not(:last-child) a { border-bottom: none; }/* nav compact elements */.nav-menu-compact li a { padding-left: 1.5rem !important; padding-right: 1.5rem !important;}.nav-menu-compact li li a { padding-left: 2rem !important;}.nav-menu-compact li li li a { padding-left: 2.5rem !important;}.nav-menu.nav-menu-reset li a:not(:hover),.nav-menu.nav-menu-reset .collapse-sign { color: rgba(255, 255, 255, 0.7) !important;}/*body:not(.nav-function-top) { .primary-nav { .nav-menu { a, a:hover, a:focus { .badge-detached { display: inline-block; font-family: helvetica neue, helvetica, arial, sans-serif; font-size: rem($fs-nano); min-height: 13px; min-width: $nav-badge-height + 4; background-color: #fff; border: 1px solid #33383e; border-radius: 3px; color: #33383E; padding: 1px 5px; right: 15px; left: auto; top: 13px; width: auto; max-width: 0; height: auto; -webkit-font-smoothing: subpixel-antialiased; } } } }}*/@media (min-width: 1399px) { .page-sidebar .primary-nav .nav-menu > li > a { font-size: 0.875rem; }}/* app navigation filter */.nav-filter { margin: 0; opacity: 0; visibility: hidden; overflow: hidden; height: 0px; position: relative; -webkit-transform: scale(0.3); transform: scale(0.3); -webkit-transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .nav-filter inputtypetext { padding: 8px 40px 8px 14px; width: 14.625rem; background: rgba(0, 0, 0, 0.4); color: #fff; } .nav-filter inputtypetext:not(:focus) { border-color: rgba(0, 0, 0, 0.1); } .nav-filter inputtypetext:focus { border-color: #7A59AD; }.list-filter-active { /* these classes are triggered by JS */} .list-filter-active .info-card { height: calc(9.53rem - 9.53rem); -webkit-transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); } .list-filter-active .nav-filter { opacity: 1; visibility: visible; height: 60px; -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13); -webkit-transform: scale(1); transform: scale(1); } .list-filter-active .nav-title { display: none; } .list-filter-active .nav-menu { margin: 0; } .list-filter-active .nav-menu li > ul { padding: 0; } .list-filter-active .js-filter-hide { display: none; } .list-filter-active .js-filter-show { display: block; }/* only show filter message if lister filter is active */.page-sidebar:not(.list-filter-active) .filter-message { display: none;}@media (min-width: 992px) { .nav-function-top .page-sidebar, .nav-function-minify .page-sidebar { /*.js-filter-hide, .js-filter-show { display:block; }*/ } .nav-function-top .page-sidebar .filter-message, .nav-function-top .page-sidebar .nav-filter, .nav-function-minify .page-sidebar .filter-message, .nav-function-minify .page-sidebar .nav-filter { display: none; }}/* app info card inside navigation */.info-card { position: relative; width: 16.875rem; height: 9.53rem; color: #fff; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 2rem; -webkit-transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1);} .info-card img.cover { opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; height: auto; } .info-card .profile-image { width: 3.125rem; height: auto; display: inline-block; z-index: 2; position: relative; } .info-card .info-card-text { margin-left: 1rem; color: inherit; text-shadow: #000 0 1px; z-index: 1; position: relative; line-height: normal; } .info-card .info-card-text > span { font-weight: 300; }@media (min-width: 1399px) { .info-card:hover { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; will-change: opacity; } .info-card:hover img.cover { opacity: 0.7; -webkit-backface-visibility: hidden; backface-visibility: hidden; }}.info-card-text { font-size: 0.875rem; display: inline-block; vertical-align: middle; font-weight: 500; line-height: 1.35;} .info-card-text > span { font-size: 0.875rem; display: block; font-weight: 300; }/* app navigation made horizontal */.nav-padel-left,.nav-padel-right { display: none;}@media (min-width: 992px) { .nav-function-top { /* digitally created elements */ /* hide elements when nav-function-top */ /* correct search field color */ /* reorder */ } .nav-function-top .nav-menu-wrapper { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .nav-function-top .hidden-nav-function-top { display: none !important; } .nav-function-top #search-field { color: #fff; } .nav-function-top:not(.header-function-fixed) #nff { position: relative; } .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title { color: var(--theme-warning-900); } .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc { color: var(--theme-warning-900); } .nav-function-top:not(.header-function-fixed) #nff:after { content: DISABLED; display: block; position: absolute; background: var(--theme-warning-50); font-size: 10px; width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; right: 13px; top: 26%; color: #1D1D1D; } .nav-function-top .page-header { margin-top: 0; height: 4.125rem; background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent)); background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent); background-color: #574376; position: absolute; top: 0; right: 0; left: 0; -webkit-box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); } .nav-function-top .page-header .dropdown-icon-menu { display: none; } .nav-function-top .page-header #search-field { margin: 0 !important; } .nav-function-top .page-header .page-logo { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; width: initial; padding-left: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .nav-function-top .page-header .header-icon:not(.btn) > class*fa-:first-child, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child { color: #A38CC6; } .nav-function-top .page-header .header-icon:not(.btn) > class*fa-:first-child:hover, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover { color: #BEAED7; } .nav-function-top .page-header .badge.badge-icon { -webkit-box-shadow: 0 0 0 1px #7A59AD; box-shadow: 0 0 0 1px #7A59AD; } .nav-function-top .page-header .header-icon:not(.btn)data-toggledropdown + .dropdown-menu { top: 4.125rem !important; } .nav-function-top .page-content-wrapper { margin-top: 7.625rem; } .nav-function-top .page-wrapper { padding-left: 0; } .nav-function-top .page-wrapper .page-footer { width: 100%; } .nav-function-top .page-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 100%; height: 3.5rem; z-index: 999; padding: 0 0.625rem; background: #fff; -webkit-box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); position: absolute; top: 4.125rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .nav-function-top .page-sidebar .page-logo, .nav-function-top .page-sidebar .nav-filter, .nav-function-top .page-sidebar .info-card, .nav-function-top .page-sidebar .nav-title { display: none; } .nav-function-top .page-sidebar .primary-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; font-size: 0; /* Make an auto-hiding scroller for the 3 people using a IE */ -ms-overflow-style: -ms-autohiding-scrollbar; /* Remove the default scrollbar for WebKit implementations */ } .nav-function-top .page-sidebar .primary-nav::-webkit-scrollbar { display: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu { margin: 0; margin-left: 2.90rem; /* this will get overriden with JS script, but we add it here as a counter weight for the flickering effect */ padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-transition: margin 0.5s ease-out 0s; transition: margin 0.5s ease-out 0s; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li { display: inline-block; position: static; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.nav-title { display: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a { -webkit-box-shadow: none; box-shadow: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before { content: \f413; font-family: nextgen-icons; position: absolute; top: calc(50% + 15px); right: calc(50% - 5px); font-size: 7px; height: 10px; width: auto; color: #24b3a4; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a { padding: .75rem 1.5rem .75rem 1rem; text-align: center; height: 100%; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > class*fa- { width: inherit; margin: 0; margin-right: .5rem !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; color: inherit; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: normal; vertical-align: text-top; font-weight: 400; display: inline-block; /*override inline-flex*/ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge.clear-badge { left: 53%; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign { margin-left: 0.5rem; color: #a492c0; position: absolute; right: 0.5rem; top: 0; bottom: 0; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign > em:before { content: \f107; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge:first-child { max-width: none; width: 25px !important; height: 25px !important; line-height: 16px !important; font-size: 0.8125rem !important; display: block !important; margin: 0 auto 4px !important; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li a { font-size: .9rem; color: #574376; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul { display: none !important; width: 13rem; height: auto !important; top: 3.5rem; position: absolute; background: #62468D; border-radius: 10px; -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); padding: 1rem 0; margin-top: 1rem; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li { width: 100%; position: relative; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a { padding: 0.65rem 1.25rem; width: 100%; color: #BEAED7; max-height: none; -webkit-box-shadow: none; box-shadow: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text { display: block; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text > .dl-ref { margin-left: 0; margin-right: 5px; display: none; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text > .ni > class*fa- { margin-left: 6px; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul { background: #62468D; padding: 0; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul li a { padding-left: 2rem; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a { background: rgba(0, 0, 0, 0.1); color: #fff; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after { content: ; display: block; width: calc(100% + 100px); height: calc(100% + 120px); position: absolute; z-index: -1; left: -50px; top: -1rem; background: transparent; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before { content: \f1c8; font-family: nextgen-icons; position: absolute; font-size: 5rem; color: #62468D; overflow: hidden; display: block; top: -1.7rem; left: 0; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a { color: #886AB5; background: transparent; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a + ul { display: block !important; animation: animateFadeInUp 0.5s; -webkit-animation: animateFadeInUp 0.5s; } .nav-function-top .page-sidebar .nav-footer { display: none; } .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { display: none; } .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .badge { left: 24px; } .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > class*fa- { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-function-top .page-header { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .nav-function-top .page-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nav-function-top .page-sidebar { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .nav-function-top .page-content { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }}@media (min-width: 1399px) { .nav-function-top .page-sidebar .primary-nav .nav-menu { /*li { ul { li { a { font-size: rem($fs-base); } } } }*/ } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge:first-child { max-width: none; width: 27px !important; height: 27px !important; line-height: 18px !important; margin: 0 auto 2px !important; } .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > class*fa-, .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > img { font-size: 22px; height: 22px; }}/* app navgation stays hidden */@media (min-width: 992px) { .nav-function-hidden:not(.nav-function-top) .page-wrapper { padding-left: 0.625rem; } .nav-function-hidden:not(.nav-function-top) .page-sidebar { left: -16.25rem; z-index: 1001; -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); position: absolute; top: 0; bottom: 0; will-change: left, right; /* apply invisible hit area to reveal nav */ } .nav-function-hidden:not(.nav-function-top) .page-sidebar:after { content: ; background: transparent; height: 100%; display: block; position: fixed; z-index: 1; top: 0; bottom: 0; left: 16.875rem; width: 2.1rem; } .nav-function-hidden:not(.nav-function-top) .page-sidebar:hover { left: 0; -webkit-transition: 450ms cubic-bezier(0.9, 0.01, 0.09, 1); transition: 450ms cubic-bezier(0.9, 0.01, 0.09, 1); } .nav-function-hidden:not(.nav-function-top) .page-sidebar:hover:after { content: ; z-index: -1; } .nav-function-hidden:not(.nav-function-top) .page-header { margin-left: 0; /* active button state for nav-function-hidden */ } .nav-function-hidden:not(.nav-function-top) .page-header data-classnav-function-hidden { background: #505050; border-color: #373737 !important; -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); color: #fff !important; } .nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar { /* apply invisible hit area to reveal nav */ } .nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar:after { left: 0.625rem; } .nav-function-hidden.header-function-fixed:not(.nav-function-top) .page-header { margin-left: 0.625rem; }}/* app navigation stays fixed */.nav-function-fixed:not(.nav-function-top) .page-sidebar { position: fixed !important; top: 0; bottom: 0;} .nav-function-fixed:not(.nav-function-top) .page-sidebar .primary-nav { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; height: calc(100% - 6.9375rem); } .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv { height: calc(100% - 6.9375rem) !important; } .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv .primary-nav { padding-bottom: 0; }@media (min-width: 992px) { .nav-function-fixed { /* * top navigation fixed for larger screens with nav on LEFT */ /* * top navigation fixed for larger screens with nav on TOP */ /* * center for left nav fixed with boxed layout */ } .nav-function-fixed:not(.nav-function-top).mod-main-boxed .page-sidebar { position: fixed !important; } .nav-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper { padding-left: 16.875rem; } .nav-function-fixed.nav-function-top.header-function-fixed .page-sidebar { position: fixed !important; -webkit-box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); } .nav-function-fixed.nav-function-top.mod-main-boxed .page-sidebar { right: 0; left: 0; margin-right: auto; margin-left: auto; max-width: 1397px; }}@media (min-width: 1399px) { .nav-function-fixed { /* * top navigation fixed for extra large screens with nav on LEFT */ } .nav-function-fixed:not(.nav-function-top).mod-main-boxed .page-sidebar { position: absolute !important; }}/* app navigation stays minified */@media (min-width: 992px) { .nav-function-minify:not(.nav-function-top) { /* hide elements when nav-function-minify */ } .nav-function-minify:not(.nav-function-top) .hidden-nav-function-minify { display: none !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar { width: 4.6875rem; z-index: 1001; will-change: width; -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo { width: 4.6875rem; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-link { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-text { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-text + * { display: none !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card { height: 5.9375rem; width: 100%; padding: 1.21324rem 0; text-align: center; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card .profile-image + div { position: absolute; top: 0; width: 14.0625rem; text-align: left; display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav { overflow: hidden; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-title { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu { margin: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before { content: \f413; font-family: nextgen-icons; position: absolute; top: calc(50% - 5px); right: 11px; font-size: 7px; height: 10px; width: auto; color: #24b3a4; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li ul { /*.dl-ref { display:none !important; }*/ } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; padding-right: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > class*fa-, .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .ni { font-size: 1.2375rem; margin: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .badge { left: 2.34375rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a:not(.livicon) > .badge:not(.clear-badge):first-child { margin-right: 0; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { display: none; position: absolute; text-align: left; background: trasparent; padding-left: 1.375rem; color: #fff; top: 0; left: 5.6875rem; height: 100%; width: 13.75rem; font-weight: 500; margin-top: -1.563rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > b.collapse-sign { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { position: absolute; width: 13.75rem; left: 5.6875rem; background-color: #574376; margin-top: -5rem; padding-top: 3.75rem; border-radius: 4px .5rem .5rem .5rem; padding-bottom: 1rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { content: \f1c8; font-family: nextgen-icons; position: absolute; font-size: 3.5rem; left: -0.4125rem; color: #574376; z-index: -1; -webkit-transform: rotate(270deg); transform: rotate(270deg); overflow: hidden; display: block; top: 1rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a { padding-left: 1.375rem; padding-top: 0.6rem; padding-bottom: 0.6rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a > b.collapse-sign > class*fa-, .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a > b.collapse-sign > .ni { display: inline-block !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a + ul > li > a { padding-left: 1.71875rem; padding-top: 0.6rem; padding-bottom: 0.6rem; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li .nav-link-text > class*fa-, .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li .nav-link-text > .ni { display: none; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > ul { display: none !important; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover { overflow: visible; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a { background: #614b82; color: #fff; overflow: visible; z-index: 10; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; animation: animateFadeInLeft 0.5s; -webkit-animation: animateFadeInLeft 0.5s; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child { top: 26px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #574376; overflow: visible; border-radius: 4px 10px 10px 4px; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before { content: \f1c8; font-family: nextgen-icons; position: absolute; font-size: 3.5rem; left: -7px; color: #574376; z-index: -1; -webkit-transform: rotate(270deg); transform: rotate(270deg); overflow: hidden; display: block; top: -9px; } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > ul { display: block !important; z-index: 1; animation: animateFadeInLeft 0.5s; -webkit-animation: animateFadeInLeft 0.5s; -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); } .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > ul:after { content: ; display: block; position: absolute; height: calc(100% + 180px); width: calc(100% + 80px); top: -4.125rem; z-index: -1; left: -1rem; } .nav-function-minify:not(.nav-function-top) .page-header data-classnav-function-minify { background: #505050; border-color: #373737 !important; -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37); color: #fff !important; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-wrapper { padding-left: 0.625rem; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-sidebar { left: -4.0625rem; overflow: visible; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-sidebar:hover { left: 0; } .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-header { margin-left: 0; } .nav-function-minify:not(.nav-function-top).nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper { padding-left: 4.6875rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed .page-header { margin-left: 4.6875rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-hidden .page-header { margin-left: 0.625rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper { padding-left: 4.6875rem; } .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden).mod-main-boxed .page-content-wrapper { padding-left: 0; }}/* app navigation footer */.nav-footer { /*background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent); background-image: linear-gradient(270deg, $nav-background-shade, transparent); background-color: $nav-background;*/ height: 2.8125rem; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .nav-footer .nav-footer-buttons > li > a { display: block; color: #9782b7; height: 1.8125rem; line-height: 1.8125rem; margin-top: 1px; padding: 0 13px; overflow: visible; font-size: 1rem; } .nav-footer data-classnav-function-minify { display: none; }.nav-function-fixed .nav-footer { background: #574376; border: 0;} .nav-function-fixed .nav-footer:before { content: ; height: 1px; position: inherit; width: inherit; background: rgba(112, 87, 149, 0.2); background: -webkit-gradient(linear, left top, right top, from(#574376), color-stop(50%, #7c62a4), color-stop(50%, #7c62a4), to(#574376)); background: linear-gradient(to right, #574376 0%, #7c62a4 50%, #7c62a4 50%, #574376 100%); opacity: 0.5; } .nav-function-fixed .nav-footer:after { opacity: 0.1; }@media (min-width: 992px) { .nav-function-minify .nav-footer { background-color: #53406f; } .nav-function-minify .nav-footer data-classnav-function-minify { display: block; width: 100%; height: 2.8125rem; line-height: 2.8125rem; font-size: 1.1875rem; vertical-align: middle; color: #886AB5; text-align: center; text-decoration: none; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav-function-minify .nav-footer data-classnav-function-minify > :first-child { margin-right: -4px; } .nav-function-minify .nav-footer data-classnav-function-minify > :only-child { margin: 0; } .nav-function-minify .nav-footer:hover { background-color: #5f497f; } .nav-function-minify .nav-footer:hover data-classnav-function-minify { color: #a8a6ac; margin-left: 7px; } .nav-function-minify .nav-footer .nav-footer-buttons { display: none; }}/* app wrapper */.page-wrapper { position: relative;}.page-inner { min-height: 100vh;}.page-wrapper, .page-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%;}.page-content-wrapper { background-color: #faf8fb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 0; min-width: 0; max-width: 100%; min-height: 1px;}/* app content heading */.subheader { margin-bottom: calc(1.5rem + 0.625rem); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.subheader-icon { color: #a8a6ac; margin-right: 0.25rem;}.subheader-title { font-size: 1.375rem; font-weight: 500; color: #505050; text-shadow: #fff 0 1px; margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .subheader-title sup.badge { text-shadow: none; position: absolute; margin-top: 0.4rem; margin-left: 0.25rem; font-size: 40%; padding: 2px 5px; line-height: normal; } .subheader-title small { font-weight: 400; color: #838383; margin-bottom: 0; font-size: 0.875rem; }/* app content */.page-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative;}/*@include media-breakpoint-up($mobile-breakpoint) { .nav-function-top { .page-content { min-height: calc(100vh - 10.4375rem) } }}*//* app footer */.page-footer { height: 2.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; color: #4d4d4d; font-size: 0.8125rem; padding: 0 2rem; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4;}/* app error page */.alt { padding: 0 !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh;} .alt .page-footer { width: 100% !important; }.page-error { font-size: 600% !important; font-weight: bold !important;} .page-error small { font-size: 40%; font-weight: 500; }.h-alt-f { height: calc(100vh - 11.4375rem); width: 100%;}.h-alt-hf { height: calc(100vh - 15.5625rem); width: 100%;}.nav-function-top .h-alt-hf { height: calc(100vh - 19.0625rem);}/* various app components (see docs for the full list) */.accordion .card .card-header { cursor: pointer; margin: 0; padding: 0; border-bottom: 0; background-color: #f7f9fa;} .accordion .card .card-header .card-title { padding: 1rem 1rem; margin: 0; font-size: 0.875rem; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #886AB5; } .accordion .card .card-header .card-title.collapsed { color: #838383; }.accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-title,.accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-body { padding-left: 0 !important; padding-right: 0 !important;}.accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-body { padding-top: 0;}.accordion.accordion-clean .card-header { background: #fff;}.accordion.accordion-clean .card { border-left: 0; border-right: 0;} .accordion.accordion-clean .card:first-child { border-top: 0; } .accordion.accordion-clean .card:last-child { border-bottom: 0; }.accordion.accordion-clean.accordion-outline .card-title,.accordion.accordion-clean.accordion-outline .card-body, .accordion.accordion-clean.accordion-hover .card-title,.accordion.accordion-clean.accordion-hover .card-body { padding-left: 1rem !important; padding-right: 1rem !important;}.accordion.accordion-outline .card { margin-bottom: 1rem; border: 2px solid rgba(0, 0, 0, 0.08) !important; border-radius: 4px !important;}.accordion.accordion-hover .card-title { -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease;}.accordion.accordion-hover .card-header { background: #fff;} .accordion.accordion-hover .card-header:hover .card-title.collapsed { color: #fff; background-color: #A38CC6; }.accordion.accordion-hover .card-title:not(.collapsed) { color: #fff; background-color: #886AB5;}/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4 does not allow you to add your own alert colors via variable control rather through a systemetic agent that changes the theme colors. REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218*/.alert-primary { color: dimgray; background-color: #f3f1f5; border-color: #d6d3da;}.alert-success { color: #45a197; background-color: #f7fdfc; border-color: #a3ebe4;}.alert-danger { color: #EB021B; background-color: #ffe5f1; border-color: #FEA2AC;}.alert-warning { color: #c18300; background-color: #fff8e9; border-color: #ffcd65;}.alert-info { color: #0A6EBD; background-color: #e3f2fd; border-color: #82C4F8;}.alert-secondary { color: #505050; background-color: #fbfbfb; border-color: gainsboro;}.alert-icon { width: 2.5rem;} .alert-icon > i { font-size: 1.75rem; } .alert-icon + div { padding-left: 0.25rem; }.badge.badge-icon { position: absolute; display: inline-block; background-color: #fd3d51; color: #fff; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; cursor: default; border: 1px solid transparent; font-size: 0.625rem; min-width: 1rem; max-width: 1.6875rem; padding: 0 3px; border-radius: 1.25rem; font-weight: 500; line-height: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; /* when self is relative */ vertical-align: middle;}/* parent position needs to be relative, and turn off waves function */.btn-icon .badge { top: auto;} .btn-icon .badge.pos-top { margin-top: -4px; } .btn-icon .badge.pos-bottom { margin-bottom: -4px; } .btn-icon .badge.pos-left { margin-left: -4px; } .btn-icon .badge.pos-right { margin-right: -4px; }.page-breadcrumb { padding: 0; background: transparent; margin: 0 0 1.5rem; position: relative; text-shadow: #fff 0 1px;}.breadcrumb > li > a { text-decoration: none !important;}.breadcrumb > li.breadcrumb-item { max-width: 130px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .breadcrumb > li.breadcrumb-item:hover { max-width: 200px !important; cursor: default; }data-breadcrumb-seperator + data-breadcrumb-seperator:before { content: attr(data-breadcrumb-seperator);}.breadcrumb-lg > li { font-size: 1rem;}.breadcrumb-sm > li { font-size: 0.6875rem;}class*breadcrumb-seperator- .breadcrumb-item + .breadcrumb-item:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; font-family: Font Awesome\ 5 Pro;}.breadcrumb-seperator-1 .breadcrumb-item + .breadcrumb-item:before { content: \f105;}.breadcrumb-seperator-2 .breadcrumb-item + .breadcrumb-item:before { content: \f178;}.breadcrumb-seperator-3 .breadcrumb-item + .breadcrumb-item:before { content: \f054;}.breadcrumb-arrow { padding: 0; background: transparent;} .breadcrumb-arrow li.active { font-weight: 500; opacity: 0.5; } .breadcrumb-arrow li a { color: white; display: inline-block; background: #838383; text-decoration: none; position: relative; height: 2.5em; line-height: 2.5em; padding: 0 10px 0 5px; text-align: center; margin-right: 22px; } .breadcrumb-arrow li:nth-child(even) a { background-color: #838383; } .breadcrumb-arrow li:nth-child(even) a:before { border-color: #838383; border-left-color: transparent; } .breadcrumb-arrow li:nth-child(even) a:after { border-left-color: #838383; } .breadcrumb-arrow li:first-child a { padding-left: 0.938em; border-radius: 4px 0 0 4px; } .breadcrumb-arrow li:first-child a:before { border: none; } .breadcrumb-arrow li:last-child a { padding-right: 0.938em; border-radius: 0 4px 4px 0; } .breadcrumb-arrow li:last-child a:after { border: none; } .breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after { content: ; position: absolute; top: 0; border: 0 solid #838383; border-width: 1.250em 10px; width: 0; height: 0; } .breadcrumb-arrow li a:before { left: -20px; border-left-color: transparent; } .breadcrumb-arrow li a:after { left: 100%; border-color: transparent; border-left-color: #838383; } .breadcrumb-arrow li a:hover { background-color: #886AB5; } .breadcrumb-arrow li a:hover:before { border-color: #886AB5; border-left-color: transparent; } .breadcrumb-arrow li a:hover:after { border-left-color: #886AB5; } .breadcrumb-arrow li a:active { background-color: #838383; } .breadcrumb-arrow li a:active:before { border-color: #838383; border-left-color: transparent; } .breadcrumb-arrow li a:active:after { border-left-color: #838383; }/* btn switch */.btn-switch { background: dimgray; padding: 2px 8px 1px 22px; font-size: 10px; line-height: 15px; border-radius: 20px; text-transform: uppercase; color: white; font-weight: 500; min-width: 55px; height: 20px; margin-top: 5%; position: relative; overflow: hidden;} .btn-switch:hover { -webkit-transform: scale(1.1); transform: scale(1.1); color: white; } .btn-switch:before { content: OFF; position: absolute; right: 7px; } .btn-switch:after { content: ; text-align: center; color: white; width: 16px; height: 16px; position: absolute; background: #fff; padding: 1px; left: 0; top: 0; line-height: normal; margin: 1px; border-radius: 50%; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .btn-switch.active { color: #fff; background: #886AB5; } .btn-switch.active:before { content: ON; left: 7px; right: auto; color: white; } .btn-switch.active:after { content: ; right: 0; left: auto; background: #fff; color: #886AB5; }/* button used to close filter and mobile search */.btn-search-close { position: absolute !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0px 5px; border-radius: 3px; color: #fff; right: 8px; top: 0; left: 0; bottom: 0; margin: auto 0 auto auto; width: 20px; height: 20px;}/* buttons used in the header section of the page */.header-btndata-classmobile-nav-on { border-color: #FC0B24; background-color: #FD243A; background-image: -webkit-gradient(linear, left bottom, left top, from(#FD243A), to(#EB021B)); background-image: linear-gradient(to top, #FD243A, #EB021B); color: #fff; width: 3.875rem;}/* btn widths */.btn-w-m { min-width: 85px;}.btn-w-l { min-width: 130px;}.btn-m-s { margin: 3px 1px;}.btn-m-l { margin: 3px 2.5px;}/* dropdown btn *//* used on info card pulldown filter */.pull-trigger-btn { position: absolute !important; top: -5px; left: 0; right: 0; margin-left: auto; margin-right: auto; background: rgba(0, 0, 0, 0.4); padding: 0px 9px; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0 0 20px 20px; text-decoration: none; font-size: 17px; height: 21px; width: 31px; color: #fff !important; line-height: 20px; text-align: center; -webkit-transition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1); transition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1); -webkit-box-shadow: 0px 0px 2px rgba(136, 106, 181, 0.3); box-shadow: 0px 0px 2px rgba(136, 106, 181, 0.3); opacity: 1;} .pull-trigger-btn:hover { font-size: 23px; height: 25px; width: 35px; line-height: 23px; background: #886AB5; border-color: #7A59AD; -webkit-box-shadow: 0px 0px 10px #5790b3; box-shadow: 0px 0px 10px #5790b3; }/* buttons dropshadow *//*class*btn-:not(.btn-switch):not(.btn-group):not(class*btn-w-),class*btn-:not(.btn-switch):not(.btn-group):not(class*btn-w-):focus {*/.btn-shadow,.btn-shadow:focus { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);} .btn-shadow:active, .btn-shadow .active, .btn-shadow:focus:active, .btn-shadow:focus .active { -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3) !important; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3) !important; } .btn-shadow:not(.disabled):not(disabled):hover, .btn-shadow:focus:not(.disabled):not(disabled):hover { -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); }.btn:active { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;}/*.btn-group { class*btn- { box-shadow: 0 0px 0px 0 rgba(0,0,0,.3) !important; }}*/.btn-light { border-color: rgba(0, 0, 0, 0.15);} .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .btn-light:hover { border-color: rgba(0, 0, 0, 0.25); }.show > .btn-light.dropdown-toggle { border-color: rgba(0, 0, 0, 0.25);}/* btn misc */.btn-outline-default { background-color: transparent; color: #212529; border-color: #E5E5E5;} .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { color: #212529; background-color: #f9f9f9; border-color: #E5E5E5; } .btn-outline-default.disabled, .btn-outline-default:disabled { color: #212529; background-color: transparent; }.btn-pills { border-radius: 15px;}/* new btn size */.btn-xs,.btn-group-xs > .btn { padding: 1px 0.844rem; font-size: .7rem; line-height: 1.5; border-radius: .25rem;}/* btn shadows */.btn-primary { -webkit-box-shadow: 0 2px 6px 0 rgba(136, 106, 181, 0.5); box-shadow: 0 2px 6px 0 rgba(136, 106, 181, 0.5);}.btn-secondary { -webkit-box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5); box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5);}.btn-success { -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5);}.btn-info { -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);}.btn-warning { -webkit-box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5);}.btn-danger { -webkit-box-shadow: 0 2px 6px 0 rgba(253, 61, 81, 0.5); box-shadow: 0 2px 6px 0 rgba(253, 61, 81, 0.5);}.btn-light { -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);}.btn-dark { -webkit-box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5); box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5);}/* btn icon */.btn-icon { width: calc(2.1rem + 2px); padding: 0; line-height: 2.1rem;} .btn-icon:not(class*-primary):not(class*-secondary):not(class*-default):not(class*-success):not(class*-info):not(class*-warning):not(class*-danger):not(class*-dark):not(class*-light):not(.nav-item):hover { background-color: rgba(0, 0, 0, 0.05); border-color: transparent; } .btn-icon:not(class*-primary):not(class*-secondary):not(class*-default):not(class*-success):not(class*-info):not(class*-warning):not(class*-danger):not(class*-dark):not(class*-light):not(.nav-item):not(.active):not(:active):not(:hover):not(:focus) { background: transparent; color: #434343; } .btn-icon:not(class*-primary):not(class*-secondary):not(class*-default):not(class*-success):not(class*-info):not(class*-warning):not(class*-danger):not(class*-dark):not(class*-light):not(.nav-item):focus { border-color: rgba(80, 80, 80, 0.1) !important; } .btn-icon.btn-xs { width: calc(1.15rem + 2px); line-height: 1.15rem; } .btn-icon.btn-sm { width: calc(1.5rem + 2px); line-height: 1.5rem; } .btn-icon.btn-lg { width: calc(3rem + 2px); line-height: 3rem; }.btn-icon-light { color: rgba(255, 255, 255, 0.7) !important; border-color: transparent !important;} .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) { color: rgba(255, 255, 255, 0.7) !important; } .btn-icon-light:hover { color: #fff !important; background-color: rgba(255, 255, 255, 0.2) !important; }.card-header { color: inherit; background-color: #f7f9fa;} .card-header small { margin: 0; opacity: 0.8; font-weight: 400; font-size: 85%; }/* remove extra margin in card child items */.card,.card-group { -webkit-box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.08); box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.08);} .card > :last-child, .card-group > :last-child { margin-bottom: 0px; }.accordion > .card { -webkit-box-shadow: none; box-shadow: none;}.card-group > .card { -webkit-box-shadow: none; box-shadow: none;}/* remove wierd line height issue */.card-header-pills,.card-header-tabs { font-size: 0;} .card-header-pills .nav-link, .card-header-tabs .nav-link { font-size: 0.8125rem; }/* card title */.card-title { font-size: 0.9375rem;}.card-header .card-title { display: inline-block; padding: 0; margin: 0 0.5rem 0 0;}.carousel-indicators li { border-radius: 50%;}.carousel-control-prev:hover { /*background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); */ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0))); background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%);}.carousel-control-next:hover { /*background: -moz-linear-gradient(right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%); background: -webkit-linear-gradient(right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%);*/ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0))); background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%);}.dropdown-header.bg-trans-gradient { padding: 1.25rem 1.5rem;}/* dropdown-item hover menu*/.dropdown-menu-animated { -webkit-transform: scale(0.8) !important; transform: scale(0.8) !important; -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); opacity: 0; visibility: hidden; display: block;}/* various sizes */.dropdown-menu { -webkit-box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); -webkit-user-select: text;} .dropdown-menu .dropdown-item { font-weight: 400; cursor: pointer; } .dropdown-menu.dropdown-sm { width: 8rem; height: auto; } .dropdown-menu.dropdown-md { width: 14rem; height: auto; } .dropdown-menu.dropdown-lg { width: 17.5rem; height: auto; } .dropdown-menu.dropdown-xl { width: 21.875rem; height: auto; } .dropdown-menu .dropdown-item:first-child, .dropdown-menu .dropdown-item:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }/* replace bootstraps default arrow */.dropdown-toggle:after,.dropleft .dropdown-toggle:before { text-align: center; display: inline; border: 0 !important; font-family: Font Awesome 5 Pro; content: \f107 !important; vertical-align: top !important; position: relative;}.dropup .dropdown-toggle:after { content: \f106 !important;}.dropright .dropdown-toggle:after { content: \f105 !important;}.dropleft .dropdown-toggle:before { content: \f104 !important;}.nav-item .dropdown-toggle:after { font-size: 0.90em;}/* remove arrow */.dropdown-toggle.no-arrow:before, .dropdown-toggle.no-arrow:after { display: none !important;}/* dropdown menu multi-level */.dropdown-menu .dropdown-menu { margin: 0; padding: 0; border-radius: 0; position: absolute; top: -1px; left: 100%; background: #fff; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); -webkit-transition-delay: 500ms; transition-delay: 500ms; opacity: 0; visibility: hidden; display: block;} .dropdown-menu .dropdown-menu .dropdown-item { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }.dropdown-menu .dropdown-multilevel { position: relative; /* it is displayed on right by default */ /* add arrow */} .dropdown-menu .dropdown-multilevel.dropdown-multilevel-left > .dropdown-menu { right: 100%; left: auto; } .dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after { content: \f2fb; font-family: nextgen-icons; font-size: inherit; position: absolute; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 1.5rem; } .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) { background: #f8f9fa; color: #6E4E9E; } .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) + .dropdown-menu { -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 29px -50px; transform-origin: 29px -50px; opacity: 1; visibility: visible; }.icon-stack { position: relative; display: inline-block; width: 1em; height: 1em; line-height: 1em; vertical-align: middle; text-align: center;}.icon-stack-1x,.icon-stack-2x,.icon-stack-3x { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: inherit !important;}.icon-stack-1x { font-size: 0.5em;}.icon-stack-2x { font-size: 0.70em; /*padding-right: 0.025em;*/}.icon-stack-3x { font-size: 1em;}.icon-stack-xl { font-size: 3.125rem;}.icon-stack-lg { font-size: 2.5rem;}.icon-stack-md { font-size: 2.125rem;}.icon-stack-sm { font-size: 1.875rem;}.filter-message { display: block; text-align: center; padding: 2px; font-size: 0.6875rem; text-transform: capitalize; font-style: italic; width: calc(100% - 60px); max-width: 180px; border-radius: 4px; margin: 1rem auto;} .filter-message:empty { display: none; }.js-list-filter:not(.primary-nav) { /* these classes are triggered by JS */ /*.js-filter-show { display:block !important; }*/} .js-list-filter:not(.primary-nav) .js-filter-hide { display: none !important; }.js-list-filter.nav-menu:not(.primary-nav) .js-filter-show { display: block !important;}.loader { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.5); color: inherit; z-index: 10; /* The use of translate3d pushes CSS animations into hardware acceleration. Even if youre looking to do a basic 2d translation, use translate3d for more power! If your animation is still flickering after switching to the transform above, you can use a few little-known CSS properties to try to fix the problem: */ /*-webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; */}/*:not(.enable-loader) .loader { > * { animation: pause; }}*/.enable-loader:before { content: ; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}.enable-loader .loader { display: -webkit-box; display: -ms-flexbox; display: flex;}#msgr_listfilter_input { width: calc(100% - 1rem); margin: 0 auto; margin-top: -41px; padding-left: 41px; margin-bottom: 10px; opacity: 0; background: transparent; -webkit-transition-delay: 100ms; transition-delay: 100ms;}.msgr-list { width: 14.563rem; right: -11.438rem; z-index: 101; -webkit-transition-delay: 100ms; transition-delay: 100ms;} .msgr-list + .msgr { width: calc(100% - 3.125rem); height: 100%; } .msgr-list + .msgr:before { content: ; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.4); position: absolute; z-index: 100; -webkit-transition-delay: 100ms; transition-delay: 100ms; opacity: 0; visibility: hidden; } .msgr-list:hover { right: 0; border-left-color: rgba(0, 0, 0, 0.1); } .msgr-list:hover #msgr_listfilter_input { opacity: 1; } .msgr-list:hover + .msgr:before { opacity: 1; visibility: visible; }/*.msgr-chatinput { min-height: 110px; max-height: 160px; contenteditabletrue { min-height:50px; max-height:110px; }}*//*.msgr-chatinput-icons { height: 40px;}*//*.msgr-chatinput-container { > div { border-top: 1px solid rgba($black,0.07); }}*//* IE HACK *//*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { contenteditabletrue { height: 110px; }}*/.chat-segment-get { text-align: left; position: relative; margin: 0 2rem 0.5rem 0;} .chat-segment-get.chat-start .chat-message { border-bottom-left-radius: 3px; } .chat-segment-get.chat-start + :not(.chat-end) .chat-message { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .chat-segment-get.chat-end .chat-message { border-top-left-radius: 3px; } .chat-segment-get .chat-message { background: #f1f0f0; color: rgba(0, 0, 0, 0.8); text-align: left; }.chat-segment-sent { text-align: right; position: relative; margin: 0 0 .5rem 3rem;} .chat-segment-sent.chat-start .chat-message { border-bottom-right-radius: 3px; } .chat-segment-sent.chat-start + :not(.chat-end) .chat-message { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .chat-segment-sent.chat-end .chat-message { border-top-right-radius: 3px; } .chat-segment-sent .chat-message { background: #1DC9B7; color: white; text-align: left; }.chat-message { padding: 0.75rem 1rem; border-radius: 0.625rem; position: relative; display: inline-block;} .chat-message > p { padding: 0.75rem 0 0; margin: 0; } .chat-message > p:first-child { padding-top: 0; }.chat-start { margin-bottom: 3px !important;} .chat-start .time-stamp { display: none; } .chat-start + .chat-segment:not(.chat-end) { margin-bottom: 3px !important; } .chat-start + .chat-segment:not(.chat-end) .time-stamp { display: none; }/* modal shadow */.modal-content { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);}/* adjustments */.modal.show .modal-dialog { -webkit-transform: none; transform: none;}/* alert modal */.modal-alert { padding: 0 !important; /* overriding bootstrap generated style */ /*.modal-body { padding: 0.5rem 0; }*/} .modal-alert .modal-dialog { max-width: 100% !important; /* overriding bootstrap css for all media queries */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 3.5rem); -webkit-transform: none !important; transform: none !important; /* overriding bootstrap css */ } .modal-alert .modal-content { background-color: rgba(0, 0, 0, 0.8); border-radius: 0; padding: 1.5rem 1rem 1rem; } .modal-alert .modal-title { font-size: 1.5rem; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .modal-alert .modal-header, .modal-alert .modal-body, .modal-alert .modal-footer { /*left: 20%; width: 60%;*/ width: 100%; max-width: 992px; margin: 0 auto; padding: 0; color: #fff; position: relative; } .modal-alert .close { color: #fff; text-shadow: 0 1px 0 #000; }/* transparent modal */.modal-transparent .modal-content { -webkit-box-shadow: 0 1px 15px 1px rgba(86, 61, 124, 0.3); box-shadow: 0 1px 15px 1px rgba(86, 61, 124, 0.3);}.modal-transparent .modal-content { background: rgba(40, 36, 47, 0.85);}/* transparent backdrop */.modal-backdrop-transparent { background: transparent;}/* fullscreen modal */.modal-fullscreen { padding: 0 !important;} .modal-fullscreen .modal-content { border-radius: 0; border-width: 0; } .modal-fullscreen .modal-dialog { max-width: calc(100vw - 40px); max-height: calc(100vh - 80px); } .modal-fullscreen .modal-dialog .modal-content { height: calc(100vh - 80px); }/* top */.modal-dialog-top,.modal-dialog-bottom { position: absolute; top: 0; margin: 0; min-width: 100%;} .modal-dialog-top .modal-dialog, .modal-dialog-bottom .modal-dialog { width: 100%; max-width: 100%; margin: 0; } .modal-dialog-top .modal-content, .modal-dialog-bottom .modal-content { border-radius: 0px; border: 0; }.modal-dialog-bottom { top: auto; bottom: 0;}.modal.fade .modal-dialog-bottom { -webkit-transform: translate(0, 25%); transform: translate(0, 25%);}/* left */.modal-dialog-left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 !important;} .modal-dialog-left .modal-content { min-height: 100%; border-width: 0; border-radius: 0; }.modal.fade .modal-dialog-left { -webkit-transform: translate(-25%, 0); transform: translate(-25%, 0);}/* right */.modal-dialog-right { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0 !important; border-width: 0px;} .modal-dialog-right .modal-content { min-height: 100%; border-width: 0; border-radius: 0; }.modal.fade .modal-dialog-right { -webkit-transform: translate(25%, 0); transform: translate(25%, 0);}.modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0);}/* modal size */.modal-md { max-width: 350px;}.pagination .page-item:not(:first-child) { margin-left: 0.4rem;}.pagination .page-item:first-child:not(.active) .page-link,.pagination .page-item:last-child:not(.active) .page-link,.pagination .page-item.disabled .page-link { background: #CCBFDF;}.pagination .page-link { border-radius: 4px; border-width: 0px;} .pagination .page-link:hover { background-color: #886AB5 !important; color: #fff; }.pagination.pagination-xs .page-link { padding: 0.2rem 0.5rem; font-size: 0.75rem;}.panel-fullscreen { overflow: hidden; max-width: 100%;}.panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; background-color: #fff; -webkit-box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08); box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08); margin-bottom: 1.5rem; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.09); border-bottom: 1px solid #e0e0e0; border-radius: 4px; -webkit-transition: border 500ms ease-out; transition: border 500ms ease-out; /* panel container */ /* panel refresh */ /* panel fullscreen */ /* panel collapse */ /*&.panel-collapsed:not(.panel-fullscreen) { .panel-container { display:none; } }*/ /* panel locked */} .panel .panel-container { position: relative; border-radius: 0 0 4px 4px; } .panel .panel-container .panel-content { padding: 1rem 1rem; } .panel .panel-container .panel-content:only-child, .panel .panel-container .panel-content:last-child { border-radius: 0 0 4px 4px; } .panel.panel-refresh .js-panel-refresh { opacity: 0.5; cursor: wait; } .panel.panel-fullscreen { position: fixed !important; /* there is a bug with jquery ui, so we have to add !important rule here */ /* z-index: 2055; ... changed to 2035 to allow modals to render on top */ z-index: 2035; top: 0; left: 0; right: 0; height: 100vh !important; max-height: 100vh !important; width: 100vw !important; max-width: 100vw !important; border-radius: 0; border: 0; /*display: flex; flex-direction: column;*/ /* make panel header bigger */ } .panel.panel-fullscreen data-actionpanel-collapse, .panel.panel-fullscreen .js-panel-collapse, .panel.panel-fullscreen data-actionpanel-close, .panel.panel-fullscreen .js-panel-close { display: none; } .panel.panel-fullscreen .panel-hdr { height: 4.125rem; border-radius: 0; -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(74, 53, 107, 0.1); box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(74, 53, 107, 0.1); /* make panel header bigger */ } .panel.panel-fullscreen .panel-hdr h2 { font-size: 1.125rem; font-weight: 400; } .panel.panel-fullscreen .js-panel-locked { display: none; } .panel.panel-fullscreen .btn-paneldata-actionpanel-fullscreen, .panel.panel-fullscreen .js-panel-fullscreen { width: 1.5rem; height: 1.5rem; } .panel.panel-fullscreen .panel-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; border-radius: 0; display: block !important; } .panel.panel-locked:not(.panel-fullscreen) .js-panel-locked { font-weight: bold; } .panel.panel-locked:not(.panel-fullscreen) .panel-hdr h2:before { font-family: nextgen-icons; content: \f2ae; position: absolute; top: 0; bottom: 0; right: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.1rem; color: #fd3d51; } .panel.ui-sortable-helper { -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09); /*.panel-toolbar { -webkit-filter: grayscale(100%); Safari 6.0 - 9.0 filter: grayscale(100%); }*/ }/* panel tag can be used globally */.panel-tag { padding: 1rem 1rem; margin-bottom: 2rem; border-left: 3px solid #1DC9B7; background: #eef7fd; opacity: 0.8; font-weight: 400; font-size: 0.875rem; border-radius: 0px 8px 8px 0px;} .panel-tag > *:last-child, .panel-tag > *:only-child { margin-bottom: 0; } .panel-tag:only-child { margin-bottom: 0; }/* panel header */.panel-hdr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; min-height: 3rem; border-bottom: 1px solid rgba(0, 0, 0, 0.07); border-radius: 4px 4px 0 0; -webkit-transition: background-color 0.4s ease-out; transition: background-color 0.4s ease-out; /* add padding to first and last child */ /* adjusts title */}.panel-collapsed .panel-hdr { border-radius: 4px;}.panel-hdr > :first-child { padding-left: 1rem;}.panel-hdr > :last-child { padding-right: 1rem;}.panel-hdr h2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.875rem; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 3rem; color: inherit; color: #333; position: relative; font-weight: 500; /* panel header icon */} .panel-hdr h2:not(:only-child) { margin-right: 0.66667rem; } .panel-hdr h2 > class*fw- { margin-left: 4px; } .panel-hdr h2 small { display: inline-block; margin: 0; opacity: 0.8; font-weight: 400; font-size: 0.75rem; margin-left: 0.5rem; } .panel-hdr h2 .panel-icon { margin-right: 0.5rem; }.panel-hdrclass^bg- h2,.panel-hdrclass* bg- h2 { color: inherit;}/* panel tap highlight */.panel-sortable:not(.panel-locked).ui-sortable-helper { /*.panel-hdr { &:active { border-top-color: rgba($primary-300, 0.7); border-left-color: rgba($primary-500, 0.7); border-right-color: rgba($primary-500, 0.7); & + .panel-container { border-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7); } } }*/} .panel-sortable:not(.panel-locked).ui-sortable-helper:active { border-color: rgba(0, 0, 0, 0.15); }/*.panel-sortable .panel-hdr:active,.panel-sortable .panel-hdr:active + .panel-container { @include transition-border(0.4s, ease-out);}*/.panel-sortable.panel-locked { /*.panel-hdr { &:active { border-top-color: $danger-300; border-left-color: $danger; border-right-color: $danger; & + .panel-container { border-color: transparent $danger $danger; } } }*/}/* panel toolbar (sits inside panel header) */.panel-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* we curve the last button to make it seamless with panels border radius */} .panel-toolbar .btn-panel { margin-left: 0.3rem; padding: 0; width: 1rem; height: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; opacity: 0.8; /* add default colors for action buttons */ /*&:after { content: ; position: absolute; border: 1px solid rgba($white, 0.6); border-radius: 50%; width: calc(100% + 2px); height: calc(100% + 2px); right: -1px; top: -1px; }*/ } .panel-toolbar .btn-panel:hover { opacity: 1; } .panel-toolbar .btn-paneldata-actionpanel-collapse, .panel-toolbar .btn-panel.js-panel-collapse { background: #1DC9B7; } .panel-toolbar .btn-paneldata-actionpanel-fullscreen, .panel-toolbar .btn-panel.js-panel-fullscreen { background: #FFC241; } .panel-toolbar .btn-paneldata-actionpanel-close, .panel-toolbar .btn-panel.js-panel-close { background: #fd3d51; } .panel-toolbar .btn-toolbar-master { height: 3rem; width: 1.826875rem; /* stop flickering bug due to cpu latency */ border-radius: 0; margin-right: -1rem; border-top-right-radius: 3px; margin-left: 0.5rem; padding: 0 13px; background: transparent; border: 0; font-size: 1.5625rem; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .panel-toolbar .btn-toolbar-masteraria-expandedtrue { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } .panel-toolbar .btn-toolbar-master + .dropdown-menu { right: 0; top: 3rem; left: auto !important; margin: 0; border-radius: 0; } .panel-toolbar .btn-panel-flat:last-child { border-top-right-radius: 3px; }.panel-sortable:not(.panel-fullscreen):not(.panel-locked) .ui-sortable-handle { cursor: move;}/* placeholder */.panel-placeholder { background-color: #e8e6ec; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.5rem; border-radius: 5px; position: relative; overflow: hidden; border: 1px solid transparent; /* placeholder border animation */} .panel-placeholder:before, .panel-placeholder:after { content: ; background-image: url(data:image/gif;base64,R0lGODlhCAAIAJAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACAAIAAACD4SDYZB6udpiaMJYsXuoAAAh+QQECgD/ACwAAAAACAAIAAACDYQRGadrzVRMB9FZ5SwAIfkEBAoA/wAsAAAAAAgACAAAAg8MDqGYaudeW9ChyOyltQAAIfkEBAoA/wAsAAAAAAgACAAAAg9MgGCXm+rQYtC0WGl9oQAAIfkEBAoA/wAsAAAAAAgACAAAAg+MgWCRernaYmjCWLF7qAAAIfkEBAoA/wAsAAAAAAgACAAAAg2MAwmna81UTAfRWeUsACH5BAQKAP8ALAAAAAAIAAgAAAIPRB6gmGrnXlvQocjspbUAACH5BAQKAP8ALAAAAAAIAAgAAAIPBIJhl5vq0GLQtFhpfaAAADs); border-radius: 5px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.3; } .panel-placeholder:before { background: #e8e6ec; margin: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; z-index: 1; }.mod-panel-clean { /*.panel-container { .panel-content:first-child { padding-top: $p-1; } }*/} .mod-panel-clean .panel-hdr { background: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff)); background-image: linear-gradient(to bottom, #f7f7f7, #fff); -webkit-box-shadow: none; box-shadow: none; } .mod-panel-clean .panel-hdr h2 { color: #333; font-weight: 500; }@media only screen and (max-width: 420px) { /* making mobile spacing a little narrow */ .panel .panel-hdr { font-size: 0.875rem; min-height: -1rem; } .panel .panel-hdr > :first-child { padding-left: 10px; } .panel .panel-hdr > :last-child { padding-right: 10px; } .panel .panel-hdr .panel-toolbar .btn-toolbar-master { margin-right: -10px; } .panel .panel-container .panel-content:first-child { padding: 10px; }}/* print only selected panel when on fullscreen */@media print { .panel-fullscreen .subheader, .panel-fullscreen .page-breadcrumb, .panel-fullscreen .page-content .panel:not(.panel-fullscreen) { display: none; } .panel-fullscreen .panel-hdr, .panel-fullscreen .panel-container, .panel-fullscreen .panel-content, .panel-fullscreen h2 { border: none; padding: 0 !important; } .panel-fullscreen .panel { margin: 0; }}.popover { -webkit-box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2); margin: 12px;} .popover .arrow { border-color: inherit; } .popover .popover-header { font-weight: 500; font-size: 0.875rem; border-radius: 0.5rem 0.5rem 0 0; border-bottom-width: 0px; } .popover .popover-body { padding: 0; }.popover-body:not(:empty) { padding: 0 1rem 1rem;}.popover-header:empty + .popover-body { padding-top: 1rem;}.progress-xs { height: 5px;}.progress-sm { height: 8px;}.progress-md { height: 14px;}.progress-lg { height: 20px;}.progress-xl { height: 30px;}/*$app-shortcut-btn-size: 49px;$menu-item-size: 45px;$menu-items:5;$menu-grid-icon: 5px;$menu-item-direction: top; //top or left*/.menu-item,label.menu-open-button { background: #886AB5; border-radius: 50%; width: 45px; height: 45px; position: absolute !important; padding: 0; right: 0; bottom: 0; color: #fff !important; text-align: center; line-height: 45px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);} .menu-item:hover, label.menu-open-button:hover { background: #6E4E9E; }.shortcut-menu { position: fixed; right: 1.5rem; bottom: 4.3125rem; z-index: 931;}.menu-open { display: none;}.menu-item,label.menu-open-button { font-size: 16px;}label.menu-open-button { z-index: 932; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-duration: 400ms; transition-duration: 400ms; cursor: pointer; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}.app-shortcut-icon { width: 5px; height: 5px; background: #ecf0f1; color: #ecf0f1; -webkit-transition: .3s; transition: .3s; -webkit-box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px; box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px;}.menu-open:checked + .menu-open-button { -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transform: scale(0.9, 0.9) translate3d(0, 0, 0); transform: scale(0.9, 0.9) translate3d(0, 0, 0); background: #505050;} .menu-open:checked + .menu-open-button .app-shortcut-icon { -webkit-box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important; box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important; -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); }.menu-open:checked ~ .menu-item { -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);} .menu-open:checked ~ .menu-item:nth-child(3) { -webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transform: translate3d(0, -48px, 0); transform: translate3d(0, -48px, 0); } .menu-open:checked ~ .menu-item:nth-child(4) { -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transform: translate3d(0, -96px, 0); transform: translate3d(0, -96px, 0); } .menu-open:checked ~ .menu-item:nth-child(5) { -webkit-transition-duration: 350ms; transition-duration: 350ms; -webkit-transform: translate3d(0, -144px, 0); transform: translate3d(0, -144px, 0); } .menu-open:checked ~ .menu-item:nth-child(6) { -webkit-transition-duration: 450ms; transition-duration: 450ms; -webkit-transform: translate3d(0, -192px, 0); transform: translate3d(0, -192px, 0); } .menu-open:checked ~ .menu-item:nth-child(7) { -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transform: translate3d(0, -240px, 0); transform: translate3d(0, -240px, 0); }/* set base height for slider */.slide-on-mobile { width: 15rem;}@media only screen and (max-width: 992px) { /* SIDE PANELS */ .slide-on-mobile { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 950; position: absolute !important; top: 0; bottom: 0; background-color: #f8f9fa; -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .slide-backdrop { background: transparent; -webkit-transition: background 300ms; transition: background 300ms; } .slide-on-mobile-left { border-right: 1px solid rgba(0, 0, 0, 0.09); /* new solution */ left: -15rem; } .slide-on-mobile-left-show { left: 0; } .slide-on-mobile-right { border-left: 1px solid rgba(0, 0, 0, 0.09); right: -15rem; } .slide-on-mobile-right-show { right: 0; } /* place the backdrop right after these classes */ .slide-on-mobile-right-show + .slide-backdrop, .slide-on-mobile-left-show + .slide-backdrop { background: rgba(0, 0, 0, 0.09); position: absolute; z-index: 948; left: 0; right: 0; bottom: 0; top: 0; }}/* bootstrap override table stripe */.table.table-striped:not(.table-bordered) th,.table.table-striped:not(.table-bordered) tbody th,.table.table-striped:not(.table-bordered) tbody td { border: 0;}.table theadclass^bg- tr > th,.table theadclass* bg- tr > th { border-top: 0; border-bottom: 0;}.table trclass^bg- > td,.table trclass^bg- > th,.table trclass* bg- > td,.table trclass* bg- > th { border-top: 0 !important;}.thead-themed { background-color: #f2f2f2; background-image: -webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(#fafafa)); background-image: linear-gradient(to top, #f2f2f2, #fafafa);}.table-dark .thead-themed { background-color: #373737; background-image: -webkit-gradient(linear, left bottom, left top, from(#373737), to(#2A2A2A)); background-image: linear-gradient(to top, #373737, #2A2A2A);}.table-borderedclass* bg-,.table-borderedclass* bg- td,.table-borderedclass* bg- th, .table-borderedclass^bg-,.table-borderedclass^bg- td,.table-borderedclass^bg- th { border: 1px solid rgba(255, 255, 255, 0.1);} .table-bordered class* bg- td, .table-bordered class* bg- th, .table-bordered class^bg- td, .table-bordered class^bg- th { border: 1px solid rgba(0, 0, 0, 0.1); }/* table hover */.table-hover tbody tr:hover { -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); z-index: 1;}/* reset table (global) */th { font-weight: 500;}.table-clean { background: transparent; border: none;} .table-clean tr, .table-clean td, .table-clean th { border: none; background: none; }.table-scale-border-top { border-top: 2px solid #505050 !important;}.table-scale-border-bottom { border-bottom: 2px solid #505050 !important;}/* nav tabs panel */.nav-tabs-clean { height: 45px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .nav-tabs-clean .nav-item .nav-link { border-radius: 0; border: 0; height: 45px; /*font-size: rem($fs-md); font-weight: 500;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid transparent; } .nav-tabs-clean .nav-item .nav-link.active { border-bottom: 1px solid #886AB5; color: #886AB5; } .nav-tabs-clean .nav-item .nav-link:hover { color: #886AB5; }/* hack for waves effect breaking tabs *//*.nav-tabs .nav-item > .nav-link.waves-effect { height: 100% !important; display: block;}*//* fontsize for tabs */.nav-tabs .nav-item .nav-link:not(:hover) { color: inherit;}.nav-tabs .nav-item .nav-link.active:not(:hover) { color: #333;}.nav-tabs .nav-item .nav-link:hover:not(.active) { color: inherit;}.nav .nav-link:not(class^btn-):not(class* btn-) { font-weight: 500; font-size: 0.8125rem;}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link { color: #886AB5;}.tooltip-inner { font-family: Roboto, Helvetica Neue, Helvetica, Arial; font-weight: 500; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);}/*.tooltip .arrow { display: none;}*//* #MISC - misc styles, helpers, effects and hacks *//* height & width auto */.h-auto { height: auto !important;}.w-auto { width: auto !important;}.min-height-reset { min-height: initial !important;}.max-width-reset { max-width: none !important;}.max-height-reset { max-height: none !important;}/* width preset */.min-width-0 { min-width: 0;}.width-0 { width: 0;}.width-1 { width: 1.5rem;}.width-2 { width: 2rem;}.width-3 { width: 2.5rem;}.width-4 { width: 2.75rem;}.width-5 { width: 3rem;}.width-6 { width: 3.25rem;}.width-7 { width: 3.5rem;}.width-8 { width: 3.75rem;}.width-9 { width: 4rem;}.width-10 { width: 4.25rem;}.width-xs { min-width: 5rem;}.width-sm { min-width: 10rem;}.width-lg { min-width: 15rem;}.width-xl { min-width: 20rem;}.height-0 { height: 0;}.height-1 { height: 1.5rem;}.height-2 { height: 2rem;}.height-3 { height: 2.5rem;}.height-4 { height: 2.75rem;}.height-5 { height: 3rem;}.height-6 { height: 3.25rem;}.height-7 { height: 3.5rem;}.height-8 { height: 3.75rem;}.height-9 { height: 4rem;}.height-10 { height: 4.25rem;}.height-xs { min-height: 5rem;}.height-sm { min-height: 10rem;}.height-lg { min-height: 15rem;}.height-xl { min-height: 20rem;}/* line-heights */.l-h-n { line-height: normal;}/* no bg image */.bg-img-none { background-image: none !important;}/* flex */.flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}/* margins */.m-g { margin: 1.5rem;}.mb-g { margin-bottom: 1.5rem !important;}.mb-gb { margin-bottom: 3rem;}/* paddings */.p-g { padding: 1.5rem;}/* text turncaters */.text-truncate-header { max-width: 6.0625rem;}.text-truncate-xs { max-width: 4.5625rem;}.text-truncate-sm { max-width: 117px;}.text-truncate-md { max-width: 160px;}.text-truncate-default { max-width: 180px;}.text-truncate-lg { max-width: 200px;}/* blur text */.text-blur { color: transparent !important; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}a.text-blur { text-shadow: 0 0 5px rgba(136, 106, 181, 0.5);}/* positions usage: .position-absolute|relative|static|fixed .pos-top|left|right|bottom */.pos-top { top: 0;}.pos-left { left: 0;}.pos-right { right: 0;}.pos-bottom { bottom: 0;}/* font weights */.fw-300 { font-weight: 300 !important;}.fw-400 { font-weight: 400 !important;}.fw-500 { font-weight: 500 !important;}.fw-700 { font-weight: 700 !important;}.fw-900 { font-weight: 900 !important;}.fw-n { font-weight: normal !important;}/* font sizes */.fs-nano { font-size: 0.6875rem !important;}/* 10px */.fs-xs { font-size: 0.75rem !important;}/* 12px */.fs-sm { font-size: 0.78125rem !important;}/* 12.5px */.fs-b { font-size: 0.8125rem !important;}/* 13px */.fs-md { font-size: 0.875rem !important;}/* 14px */.fs-lg { font-size: 0.9375rem !important;}/* 15px */.fs-xl { font-size: 1rem !important;}/* 16px */.fs-xxl { font-size: 1.75rem !important;}/* page header *//* alphas */.opacity-5 { opacity: 0.05;}.opacity-10 { opacity: 0.1;}.opacity-15 { opacity: 0.15;}.opacity-20 { opacity: 0.2;}.opacity-25 { opacity: 0.25;}.opacity-30 { opacity: 0.3;}.opacity-35 { opacity: 0.35;}.opacity-40 { opacity: 0.4;}.opacity-45 { opacity: 0.45;}.opacity-50 { opacity: 0.5;}.opacity-55 { opacity: 0.55;}.opacity-60 { opacity: 0.6;}.opacity-65 { opacity: 0.65;}.opacity-70 { opacity: 0.7;}.opacity-75 { opacity: 0.75;}.opacity-80 { opacity: 0.8;}.opacity-85 { opacity: 0.85;}.opacity-90 { opacity: 0.9;}.opacity-95 { opacity: 0.95;}.opacity-100 { opacity: 1;}/* backgrounds */.bg-white { background-color: #fff; color: #666666;}.bg-faded { background-color: #f7f9fa;}.bg-offwhite-fade { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f8f8f8)); background-image: linear-gradient(to top, #fff, #f8f8f8);}.bg-subtlelight { background-color: white;}.bg-subtlelight-fade { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f5fcff)); background-image: linear-gradient(to top, #fff, #f5fcff);}.bg-highlight { background-color: #fffaee;}.bg-gray-50 { background-color: #f9f9f9;}.bg-gray-100 { background-color: #f8f9fa;}.bg-gray-200 { background-color: #f3f3f3;}.bg-gray-300 { background-color: #dee2e6;}.bg-gray-400 { background-color: #ced4da;}.bg-gray-500 { background-color: #adb5bd;}.bg-gray-600 { background-color: #868e96;}.bg-gray-700 { background-color: #495057;}.bg-gray-800 { background-color: #343a40;}.bg-gray-900 { background-color: #212529;}/* borders */.border-faded { border: 1px solid rgba(29, 29, 29, 0.07);}.border-transparent { border: 1px solid transparent !important;}/* border radius */.border-top-left-radius-0 { border-top-left-radius: 0 !important;}.border-bottom-left-radius-0 { border-bottom-left-radius: 0 !important;}.border-top-right-radius-0 { border-top-right-radius: 0 !important;}.border-bottom-right-radius-0 { border-bottom-right-radius: 0 !important;}.rounded-plus { border-radius: 10px;}.rounded-bottom { border-radius: 0 0 4px;}.rounded-top { border-radius: 4px 4px 0 0;}/* progressbars *//*.progress-xs { height: 5px }.progress-sm { height: 8px }.progress-md { height: 14px }.progress-lg { height: 20px }.progress-xl { height: 30px }*//* rotate */.rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg);}.rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg);}.rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg);}/* shadows */.shadow-0 { -webkit-box-shadow: none !important; box-shadow: none !important;}.shadow-1, .shadow-hover-1:hover { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.1);}.shadow-2, .shadow-hover-2:hover { -webkit-box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1);}.shadow-3, .shadow-hover-3:hover { -webkit-box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125); box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125);}.shadow-4, .shadow-hover-4:hover { -webkit-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125); box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125);}.shadow-5, .shadow-hover-5:hover { -webkit-box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175); box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175);}.shadow-inset-1, .shadow-hover-inset-1:hover { -webkit-box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025);}.shadow-inset-2, .shadow-hover-inset-2:hover { -webkit-box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04); box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04);}.shadow-inset-3, .shadow-hover-inset-3:hover { -webkit-box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05); box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05);}.shadow-inset-4, .shadow-hover-inset-4:hover { -webkit-box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06); box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06);}.shadow-inset-5, .shadow-hover-inset-5:hover { -webkit-box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07); box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07);}.shadow-sm-hover:hover { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}.shadow-hover:hover { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}.shadow-lg-hover:hover { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}/*.shadow-unique-hover { @extend %shadow-hover;}*//* hover any bg *//* inherits the parent background on hover */.hover-bg { background: #fff; -webkit-transition: all .1s ease-in; transition: all .1s ease-in; color: inherit;} .hover-bg:hover { background: inherit; color: inherit; }/* hover alpha effect *//* example found in the buttons page *//* example of use could be found inside panel buttons top right */.hover-effect-dot { position: relative;} .hover-effect-dot:before { content: ; background: rgba(0, 0, 0, 0.2); width: 0%; height: 0%; display: block; position: absolute; top: 50%; left: 50%; border-radius: 100%; -webkit-transition: all 100ms ease-in; transition: all 100ms ease-in; } .hover-effect-dot:hover:before { width: 75%; height: 75%; top: 12%; left: 12%; }/* hover light bg effect */.hover-highlight:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04));}.hover-highlight:active { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.05)), to(rgba(29, 33, 41, 0.06))); background-image: linear-gradient(rgba(29, 33, 41, 0.05), rgba(29, 33, 41, 0.06));}/* hover and hide items on show */.show-child-on-hover .show-on-hover-parent { display: none;}.show-child-on-hover:hover .show-on-hover-parent { display: block;}.hide-child-on-hover .hide-on-hover-parent { display: block;}.hide-child-on-hover:hover .hide-on-hover-parent { display: none;}/* z-indexes */.z-index-space { z-index: 1000;}.z-index-cloud { z-index: 950;}.z-index-ground { z-index: 0;}.z-index-water { z-index: -99;}/* cursor usage: cursor-default;*/.cursor-auto { cursor: auto !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-crosshair { cursor: crosshair !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-default { cursor: default !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-e-resize { cursor: e-resize !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-help { cursor: help !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-move { cursor: move !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-n-resize { cursor: n-resize !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-ne-resize { cursor: ne-resize !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-nw-resize { cursor: nw-resize !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-pointer { cursor: pointer !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-progress { cursor: progress !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-s-resize { cursor: s-resize !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-se-resize { cursor: se-resize !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-sw-resize { cursor: sw-resize !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-text { cursor: text !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-w-resize { cursor: w-resize !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-wait { cursor: wait !important; /* had to insert important since bootstrap has some peculiar classes */}.cursor-inherit { cursor: inherit !important; /* had to insert important since bootstrap has some peculiar classes */}/* states */.state-selected { background: #e7f4fe !important;}/* collapse toggle to reveal and hide elements */aria-expandedfalse ~ .collapsed-reveal { display: none;}aria-expandedfalse .collapsed-reveal { display: none;}aria-expandedfalse ~ .collapsed-hidden { display: block;}aria-expandedfalse .collapsed-hidden { display: block;}aria-expandedtrue ~ .collapsed-reveal { display: block;}aria-expandedtrue .collapsed-reveal { display: block;}aria-expandedtrue ~ .collapsed-hidden { display: none;}aria-expandedtrue .collapsed-hidden { display: none;}/* demo window */.demo-window { position: relative; z-index: 1; overflow: hidden; padding-top: 23px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .demo-window:before, .demo-window:after, .demo-window .demo-window-content:before, .demo-window .demo-window-content:after { content: ; position: absolute; display: block; } .demo-window:before { top: 0; right: 0; left: 0; z-index: 3; height: 23px; background: #e5e5e5; } .demo-window:after, .demo-window .demo-window-content:before, .demo-window .demo-window-content:after { left: 10px; background: #ccc; top: 6px; z-index: 4; width: 11px; height: 11px; border-radius: 50%; } .demo-window .demo-window-content { width: 100%; } .demo-window .demo-window-content img { display: block; width: 100%; } .demo-window .demo-window-content:before { left: 26px; } .demo-window .demo-window-content:after { left: 43px; }/* layout composed */.layout-composed .page-content { padding: 0 !important;} .layout-composed .page-content .page-breadcrumb, .layout-composed .page-content .subheader { display: none; }/* responsive helpers */@media only screen and (max-width: 992px) { /* layout composed mobile only */ .layout-composed-mobile .page-content { padding: 0 !important; } .layout-composed-mobile .page-content .page-breadcrumb, .layout-composed-mobile .page-content .subheader { display: none; } /* positions on mobile view */ .position-on-mobile-absolute { position: absolute !important; } .position-on-mobile-relative { position: relative !important; } .position-on-mobile-static { position: static !important; } /* RESET HEIGHTS */ .height-mobile-auto { height: auto; min-height: auto; max-height: auto; } .width-mobile-auto { width: auto; min-width: auto; max-width: auto; } /* FULL HEIGHT ON MOBILE */ .expand-full-height-on-mobile { height: calc(100vh - 4.125rem) !important; } .expand-full-width-on-mobile { width: 100vw !important; max-width: 100vw !important; }}/* row grid */.row-grid { overflow: hidden;} .row-grid > .col, .row-grid > class^col-, .row-grid > class* col-, .row-grid > class^col , .row-grid > class* col , .row-grid > class$ col, .row-grid > classcol { position: relative; } .row-grid > .col:after, .row-grid > class^col-:after, .row-grid > class* col-:after, .row-grid > class^col :after, .row-grid > class* col :after, .row-grid > class$ col:after, .row-grid > classcol:after { content: ; position: absolute; top: 0; bottom: 0; left: -1px; display: block; width: 0; border-left: 1px solid rgba(29, 29, 29, 0.07); } .row-grid > .col:before, .row-grid > class^col-:before, .row-grid > class* col-:before, .row-grid > class^col :before, .row-grid > class* col :before, .row-grid > class$ col:before, .row-grid > classcol:before { content: ; position: absolute; right: 0; bottom: -1px; left: 0; display: block; height: 0; border-top: 1px solid rgba(29, 29, 29, 0.07); }/* List table */.list-table { height: auto; display: table; margin: 0; padding: 0;} .list-table > li { display: table-cell; vertical-align: middle; position: relative; padding: 0; } .list-table > li.search { position: static; }/* mostly used for nav items */.disabled:not(.btn),.disabled:not(.btn) > * { -webkit-filter: grayscale(80%); filter: grayscale(80%); opacity: 0.80; cursor: not-allowed;} .disabled:not(.btn) ul, .disabled:not(.btn) .collapse-sign, .disabled:not(.btn) > * ul, .disabled:not(.btn) > * .collapse-sign { display: none; }ul.list-verticle { margin: 0; padding: 0; list-style: none;}.show > .dropdown-menu-animated { -webkit-transform: scale(1) !important; transform: scale(1) !important; -webkit-transform-origin: 29px -50px; transform-origin: 29px -50px; opacity: 1; visibility: visible;}hr { border: none; border-bottom: 1px solid #eee; margin-top: 0.5rem; margin-bottom: 0.5rem;} hr.hr-xl { margin: 3rem 0; }.bg-trans-gradient { background: linear-gradient(250deg, #3e93d6, #8a75aa);}/* custom scroll *//* table no border */.table-border-0 th,.table-border-0 td { border: 0 !important;}/* table calendar */.table-calendar { table-layout: fixed;} .table-calendar th { border: 0px !important; font-weight: 500; } .table-calendar tr td:first-child { border-left: 0; } .table-calendar tr td:last-child { border-right: 0; padding-right: 10px; } .table-calendar td, .table-calendar th { text-align: right; vertical-align: top; padding: 5px 8px; position: relative; }/* list spaced */.list-spaced li { margin-top: 7px; margin-bottom: 7px;} .list-spaced li:first-child { margin-top: 0; } .list-spaced li:last-child { margin-bottom: 0; }.list-spaced > li { padding: 0 0 0.2rem;}/* profile images */.profile-image { width: 3.125rem; height: 3.125rem;}.profile-image-md { width: 2rem; height: 2rem;}.profile-image-sm { width: 1.5625rem; height: 1.5625rem;}/* image share */.img-share { width: auto; height: 2.8125rem;}span.img-share { width: 4.12594rem; height: 2.8125rem;}.notes { padding: 5px; background: #f9f4b5;}/*.shadow-2 { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}.shadow-3 { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}.shadow-4 { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}.shadow-5 { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}*//* disclaimer class */.disclaimer { padding-left: 10px; font-size: 0.5rem; color: #a2a2a2; letter-spacing: 1px; text-transform: uppercase; font-style: italic;}/* horizontal scrolling */.scrolling-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;} .scrolling-wrapper .card { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .scrolling-wrapper::-webkit-scrollbar { display: none; }/* online status */.status { position: relative;} .status:before { content: ; position: absolute; width: 15px; height: 15px; display: block; top: -2px; right: -2px; background: #505050; border-radius: 50%; border: 2px solid #fff; } .status.status-sm:before { width: 10px; height: 10px; border-width: 1px; top: 0; right: 0; } .status.status-success:before { background: #1DC9B7; } .status.status-danger:before { background: #fd3d51; } .status.status-warning:before { background: #FFC241; }/* containers */.container.container-sm { max-width: 576px;}.container.container-md { max-width: 768px;}.container.container-lg { max-width: 992px;}/* responsive visibility *//* https://getbootstrap.com/docs/3.4/css/#responsive-utilities */.hidden-xs-up { display: none !important;}@media (max-width: 575.98px) { .hidden-xs-down { display: none !important; }}@media (min-width: 576px) { .hidden-sm-up { display: none !important; }}@media (max-width: 767.98px) { .hidden-sm-down { display: none !important; }}@media (min-width: 768px) { .hidden-md-up { display: none !important; }}@media (max-width: 991.98px) { .hidden-md-down { display: none !important; }}@media (min-width: 992px) { .hidden-lg-up { display: none !important; }}@media (max-width: 1398.98px) { .hidden-lg-down { display: none !important; }}@media (min-width: 1399px) { .hidden-xl-up { display: none !important; }}.hidden-xl-down { display: none !important;}/* display frame */.frame-heading { font-size: 0.8125rem; margin-bottom: 1rem; color: #a1a1a1; font-weight: 500;} .frame-heading small { font-size: 0.8125rem; margin-bottom: 0.5rem; }.frame-wrap { background: white; padding: 0; margin-bottom: 3rem;}* > .frame-wrap:last-child { margin-bottom: 0 !important;}/* time stamp */.time-stamp { font-size: 0.78125rem; margin: 0.25rem 0 0 0; color: #767676; font-weight: 300;}/* data-hasmore */data-hasmore { position: relative; color: #fff;} data-hasmore:before { content: attr(data-hasmore); border-radius: inherit; background: rgba(0, 0, 0, 0.4); height: inherit; width: 100%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: inherit; }/* code */code { background: #f8f8f8; padding: 4px 7px; border-radius: 4px;}/* star checkbox */.star { visibility: hidden; font-size: 1.5em; cursor: pointer;} .star:before { content: ☆; position: absolute; visibility: visible; } .star:checked:before { content: ★; position: absolute; }.shadow-top:after,.shadow-bottom:after,.mobile-view-activated.header-function-fixed .page-header:after,.mobile-view-activated.header-function-fixed .page-footer:after { content: ; height: 6px; position: absolute; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAATlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEoqZZAAAAGnRSTlMACRVXPCMeNMEsdZ98SZBDbFDIrZhkXreCiM2g9MAAAAD1SURBVDjLzZHbDoIwEAVdEC94raLi//+otD1Lu4tgCWqYhPC0J5np4jeQ+2gKYWZukCLrYTWKvpVOl/9AAeVUMNuWtWA5AnkZFgtGlaHA901jTeEYa50cB4/x5A6Tp2H478GU342ziBJRBsqmNIAqaVWIwpMVW7l7w81y9pSS/QdKCUbcoF1GEMTgDm0ETqALpPraA6nLskKVRWEZzOq6fjYcQQV2CVSAb+1OMxeaoANHEAk4gNQn6A+/sBDu+kayrApPKMLuCh6ezQhwwgvogRSowAmiAG/ttXyPs35lLW0MpNOstfJlEK2e5g1xY7S4fnUPzF+TRjAMoku43AAAAABJRU5ErkJggg); background-size: cover; top: -5px; left: 0; right: 0; opacity: 0.06;}.shadow-bottom:after,.mobile-view-activated.header-function-fixed .page-header:after { top: auto; bottom: -5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMACRUgPnjDV51MNCxhkIVsrbfUWo5iAAAA/UlEQVQ4y8zR7WqEMBCF4Xy4HeNos73/m605M+HQlIB2oeyjP5XwngQTXTLZqOp2WqCAiOxQa32Yz+Zo1u5pvpqPP8CPT7N2R4PDHqbWuoOIFFhgO6lqNslEFwaoHsKV4cXCpZl3H+z2cLidjGjozfNqaX5F6xANYSKO8aDjtXMAqJwAK8Dh1hXvNf41oJKdUL2VsZNeBp8Pii+Inp9cdsoBTHECe1fN4yXV7J1AYSpjUesSeyHcF8EXcLlT2HwFKj+IKXJNYRwt4LZGITO1i8Dc10VKjjNwCa5Byw0beR8bmUmRwv+IgzSRb0kTcRDezfcYwRhEUAKgxtAEAACGmyM6KW9inQAAAABJRU5ErkJggg);}.shadow-bottom-line,.shadow-top-line { position: relative;} .shadow-bottom-line:after, .shadow-top-line:after { content: ; width: 100%; height: 5px; position: absolute; bottom: -5px; left: 0; right: 0; background-color: rgba(80, 80, 80, 0.09); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(80, 80, 80, 0.09)), to(transparent)); background-image: linear-gradient(to top, rgba(80, 80, 80, 0.09), transparent); /*background-image: -webkit-linear-gradient(top, rgba($fusion-500, 0.09), transparent); background-image: linear-gradient(top, rgba($fusion-500, 0.09), transparent);*/ } .shadow-top-line:after { content: ; top: -5px; background-color: transparent; background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(80, 80, 80, 0.09))); background-image: linear-gradient(to top, transparent, rgba(80, 80, 80, 0.09)); /*background-image: -webkit-linear-gradient(top, transparent, rgba($fusion-500, 0.09)); background-image: linear-gradient(top, transparent, rgba($fusion-500, 0.09));*/ }/* press animation */.press-scale-down { -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .press-scale-down:active { -webkit-transform: scale(0.95); transform: scale(0.95); }.hover-white:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04))); background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04));}.hover-white:active { background: #e7e7e7;}/* DOC: In Bootstrap there is a small snippet added by the team for IE10 in windows 8 the following comments by the author states: IE10 in Windows (Phone) 8 Support for responsive views via media queries is kind of borked in IE10, for Surface/desktop in split view and for Windows Phone 8. This particular fix must be accompanied by a snippet of JavaScript to sniff the user agent and apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at our Getting Started page for more information on this bug. For more information, see the following: Issue: https://github.com/twbs/bootstrap/issues/10497 Docs: http://getbootstrap.com/getting-started/#support-ie10-width Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ @-ms-viewport { width: device-width; } Solution: http://msdn.microsoft.com/en-us/library/ie/hh771902(vvs.85).aspx We add the following instead:*/body.desktop-detected { -ms-overflow-style: scrollbar;}/* Reset elms pos when js-waves-off is used *//*.js-waves-off { position: relative; overflow: hidden; user-select: none; z-index: 0;}*//*.btn { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); &:hover, &:active { box-shadow: none; }}*//* change the white to any color ;) */input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: inherit !important;}/* select background */::-moz-selection { background: #505050; color: #fff;}::selection { background: #505050; color: #fff;}::-moz-selection { background: #505050; color: #fff;}/* remove dotted line from focus */input:focus,select:focus,textarea:focus,button:focus { outline: none;}/* IE input clear field X input remove */::-ms-clear { width: 0; height: 0;}/* links */a { text-decoration: none !important;}/* touch action */a, area, button, rolebutton, input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation;} atarget:not(.btn) { font-weight: 500; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; text-decoration: underline !important; }/* btn active *//*.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}*//* dot bullet */.dot { /*width: 4px; height: 4px; display: inline-block; line-height: 0; border-radius: 100%;*/ font-size: 4px !important; margin-right: 0.5rem !important; margin-left: -8px !important;}/* forms *//* fix alignment for custom controls *//*.custom-control { display: flex; align-items: center;}*/select.custom-select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ;} select.custom-select::-ms-expand { display: none; }/* bootstrap modal remove padding *//* you need to disable this if you do not plan on using _addon-custom-scrollbar.scss */body:not(.mod-main-boxed):not(.mobile-view-activated).chrome.modal-open { padding-right: 8px !important;}body:not(.mobile-view-activated).mod-main-boxed.modal-open { padding-right: 0px !important;}/* hover adjustment for close buttons */.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus { color: inherit;}/* add borders to button groups */.btn-group .btn:not(class*btn-outline-):not(.btn-icon):not(.btn-light) { border-right: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1);}.input-group-prepend .btn:not(class*btn-outline-):not(.btn-icon):not(:first-child) { border-left: 1px solid rgba(0, 0, 0, 0.1);}.input-group-append .btn:not(class*btn-outline-):not(.btn-icon):not(:first-child) { border-left: 1px solid rgba(0, 0, 0, 0.1);}.btn-group-vertical .btn:not(class*btn-outline-):not(:first-child),.btn-group-vertical .btn-group { border-top: 1px solid rgba(0, 0, 0, 0.1);}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .text-gradient { background: transparent; } .nav-function-minify:not(.nav-function-top) .primary-nav .nav-menu > li > a + ul:before { left: -0.25rem !important; } .ie-only { display: inline-block !important; } /* table hover */ .table-hover tbody tr:hover { -webkit-box-shadow: none; box-shadow: none; background-color: #fffaee; } /* Counters IE bug DOC: If youve ever used CSS transitions on structural elements on your page, you may have noticed a case where a transition occur immideately after page load. As a result the user may experience the illusion of broken page elements Below solution insures that paces indication of everything loaded before applying the CSS transitions */ .pace-running .page-sidebar, .pace-running .page-sidebar *, .pace-running .page-content-wrapper { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }}/* #MOBILE - mobile media related styles *//* contains most of the responsive styles for the app *//******************************************************** RESPONSIVE REFERENCES.col-xs- .col-sm- .col-md- .col-lg- .col-xl-544px ≥544px ≥768px ≥992px ≥1200px$grid-breakpoints: ( // Extra small screen / phone xs: 0, // Small screen / phone sm: 544px, // Medium screen / tablet md: 768px, // Large screen / desktop lg: 992px, // Extra large screen / wide desktop xl: 1200px) !default;*********************************************************/@media (min-width: 992px) { .page-header { padding: 0 2rem; } .page-content { padding: 1.5rem 2rem; } .page-content .panel { margin-bottom: 1.5rem; }}/*@include media-breakpoint-up(xl) { .page-header { padding: 0 $header-inner-padding-x; } .page-content { padding: 1.5rem 2rem; .card.panel { margin-bottom: 1.5rem; } }}*/@media only screen and (max-width: 992px) { /*html { font-size: 18px; }*/ .dropdown-menu .dropdown-menu { position: static; padding: .5rem 0 0 .75rem; width: 100%; border: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: none; transition: none; } .show .dropdown-menu .dropdown-menu { visibility: visible; } .dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after { display: none; } body { overflow-x: hidden; } .page-logo-text { font-size: 1rem; } .page-content-overlay { background: transparent; -webkit-transition: background 300ms; transition: background 300ms; position: fixed; z-index: 1001; } .page-wrapper { padding-left: 0; background: #fff; } .page-wrapper .page-header { padding: 0 1.5rem; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .page-wrapper .page-header data-toggledropdown + .dropdown-menu { right: 1.5rem; } .page-wrapper .page-sidebar { z-index: 2000; -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); -webkit-transform: translate3d(-16.875rem, 0, 0); transform: translate3d(-16.875rem, 0, 0); position: fixed !important; top: 0; bottom: 0; } .page-wrapper .page-sidebar .primary-nav { overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; height: calc(100% - 6.9375rem); } .page-wrapper .page-sidebar .primary-nav .nav-menu .dl-ref { vertical-align: text-top; } .page-wrapper .page-content { padding: 1.5rem 1.5rem; color: #222; font-size: 14px; min-height: calc(100vh - 6.9375rem); } .page-wrapper .page-content .breadcrumb > .breadcrumb-item { max-width: 80px; } .page-wrapper .page-content .subheader { margin-bottom: 1.5rem; } .page-wrapper .page-content .subheader .subheader-title { line-height: 32px; font-weight: 300; color: #22282d; } .page-wrapper .page-content .subheader .subheader-title small { font-size: 68%; letter-spacing: normal; margin-top: 0px; color: #181c21; overflow: hidden; width: calc(100% - 30px); font-weight: 300; } .page-wrapper .page-content .p-g { padding: 1.5rem; } .page-wrapper .page-footer { border-top: 1px solid rgba(0, 0, 0, 0.09); } .header-function-fixed { /* this was conflicting with the new DOM change where we swtiched header with nav */ /*&:not(.nav-function-fixed) { .page-sidebar { .page-logo { position: absolute !important; top:0px !important; } } }*/ } .header-function-fixed .page-header { margin-left: 0; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } .header-function-fixed .page-header, .header-function-fixed .page-logo { -webkit-box-shadow: none !important; box-shadow: none !important; } .header-function-fixed .page-content { margin-top: 4.125rem; } /* Push content */ .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-sidebar { -webkit-transform: translate3d(-16.875rem, 0, 0); transform: translate3d(-16.875rem, 0, 0); } .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-header, .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-content, .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer, .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer-push { -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); } /* Off canvas */ .nav-mobile-slide-out { min-height: 100vh !important; /*new*/ } .nav-mobile-slide-out .page-wrapper .page-sidebar { z-index: 0; -webkit-transition: none; transition: none; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .nav-mobile-slide-out .page-wrapper .page-header, .nav-mobile-slide-out .page-wrapper .page-content, .nav-mobile-slide-out .page-wrapper .page-footer, .nav-mobile-slide-out .page-wrapper .page-footer-push { -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .nav-mobile-slide-out .page-wrapper .page-content { /* min-height: calc(100vh - 6.9375rem); no longer needed here */ background: #faf8fb; } /* mobile nav show & hide button */ /* general */ .mobile-nav-on { -ms-touch-action: none; touch-action: none; overflow: hidden; height: 100vh; /*.page-content:before { content: ; position:fixed; z-index: $space; background:rgba(0,0,0,0); display: block; height: 100vh; width: 100vw; left: 0; top: 0; }*/ /* Push content */ /* Off canvas turned ON*/ /* not is ON by default */ } .mobile-nav-on .page-sidebar { border-right: 1px solid rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); } .mobile-nav-on .page-content-overlay { top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.09); } .mobile-nav-on:not(.nav-mobile-push) .page-sidebar { -webkit-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; } .mobile-nav-on:not(.nav-mobile-push).nav-function-fixed:not(.nav-function-top) .page-sidebar { -webkit-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; } .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-sidebar { left: 0; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-header, .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-content, .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer, .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer-push { -webkit-transform: translate3d(16.875rem, 0, 0); transform: translate3d(16.875rem, 0, 0); } .mobile-nav-on.nav-mobile-slide-out .page-wrapper { overflow: hidden; /*.page-content:before { background:transparent !important; }*/ } .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-header, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer-push { -webkit-transform: translate3d(16.875rem, 0, 0); transform: translate3d(16.875rem, 0, 0); } .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content-overlay { background: transparent !important; top: 0; right: 0; bottom: 0; left: 0; left: 16.875rem; } .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-header, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer, .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer-push { -webkit-box-shadow: 0 9px 0px 0px #faf8fb, 0 -9px 0px 0px #faf8fb, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32); box-shadow: 0 9px 0px 0px #faf8fb, 0 -9px 0px 0px #faf8fb, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32); } .mobile-nav-on.nav-mobile-no-overlay .page-wrapper { /*.page-content:before { background:rgba(0,0,0,0.3); }*/ } .mobile-nav-on.nav-mobile-no-overlay .page-wrapper .page-content-overlay { background: transparent; top: 0; right: 0; bottom: 0; left: 0; }}@media only screen and (max-width: 576px) { /* here we turn on mobile font for smaller screens */ /*body { font-family: $mobile-page-font !important; }*/ /* mobile nav search */ .mobile-search-on:not(.mobile-nav-on) .page-header > * { display: none !important; } .mobile-search-on:not(.mobile-nav-on) .search { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms { display: block !important; position: relative !important; width: 100%; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms .btn-search-close { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; right: 10px; width: 26px; height: 26px; font-size: 1rem; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field { border: 1px solid #886AB5; padding-left: 1rem; padding-right: 3rem; width: 100%; max-width: none; background: #fff; } .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus { border-color: #886AB5; } .mobile-search-on:not(.mobile-nav-on) data-classmobile-nav-on { display: none !important; } .page-header data-toggledropdown + .dropdown-menu { width: calc(100% - 2rem) !important; right: 1rem !important; } .page-header, .page-content { padding-left: 1rem !important; padding-right: 1rem !important; } .primary-nav .nav-menu li a > .badge { font-size: 10px !important; } .card .card-header, .card .card-body { padding: 1rem; } .alert, .panel .panel-tag, .accordion .card .card-header .card-title { padding: 1rem; }}/* changes content colors based on ambience light source of the user (experimental) *//* DOCS : https://developer.mozilla.org/en-US/docs/Web/CSS/%40media/light-level *//* The device is used in a environment with a light level in the ideal range for the screen, * and which does not necessitate any particular adjustment.. *//* The device is used in a dim environment, where excessive contrast and brightness would be * distracting or uncomfortable to the reader. For example: night time, or a dimly * illuminated indoor environment. *//* The device is used in an exceptionally bright environment, causing the screen to be washed * out and difficult to read. For example: bright daylight. *//* #FORMS (customized bootstrap form elems) *//* text area */.form-content-editablecontenteditabletrue { overflow: auto; -webkit-user-modify: read-write-plaintext-only; line-height: normal;} .form-content-editablecontenteditabletrue:focus { outline: 0; } .form-content-editablecontenteditabletrue:empty:not(:focus):before { content: attr(data-placeholder); color: #909090; } .form-content-editablecontenteditabletrue::-moz-selection { background: rgba(0, 132, 255, 0.2); color: #000; } .form-content-editablecontenteditabletrue::selection { background: rgba(0, 132, 255, 0.2); color: #000; } .form-content-editablecontenteditabletrue::-moz-selection { background: rgba(0, 132, 255, 0.2); color: #000; }/*.form-control:not(.form-control-sm),.custom-select:not(.custom-select-sm),.input-group:not(.input-group-sm) { min-height: calc(2.25rem + 2px);}*/.form-label { font-weight: 500;}/* select arrow *//*select:not(.custom-select):not(multiple) { background-image: linear-gradient(45deg, transparent 50%, red 60%), linear-gradient(135deg, red 40%, transparent 50%) !important; background-position: calc(100% - 30px) 14px, calc(100% - 20px) 14px, 100% 0; background-size: 10px 10px, 10px 10px; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none;}*//* fix */.custom-range { -webkit-appearance: none; -moz-appearance: none;} .custom-range::-moz-range-thumb { -moz-appearance: none; } .custom-range::-webkit-slider-thumb { -webkit-appearance: none; }/* add background to focused inpur prepend and append */.form-control:focus ~ .input-group-prepend { background: #886AB5;}.has-length .input-group-text { border-color: #886AB5;} .has-length .input-group-text + .input-group-text { border-left: 1px solid rgba(0, 0, 0, 0.1); } .has-length .input-group-text:not(class^bg-):not(class* bg-) { background: #886AB5; color: #fff !important; }.input-group-text { -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}/* input group animation for multiple inputs */.input-group.input-group-multi-transition inputtypetext { -webkit-transition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1); transition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1);} .input-group.input-group-multi-transition inputtypetext:focus { width: 50%; }/* BS form hack for checkbox tick mark */.custom-checkbox .custom-control-label::after { background-size: 50% 50%;}/* circle checkbox */.custom-checkbox-circle .custom-control-label:before { border-radius: 50%;}/* rounded radio */.custom-radio-rounded .custom-control-label:before { border-radius: 4px;}/* not sure if we need this? *//*.custom-control { min-height: $custom-control-indicator-size;}*//* make checked label bold */inputtyperadio:checked + .custom-control-label,inputtypecheckbox:checked + .custom-control-label { font-weight: 500;}/* help block and validation feedback texts*/.help-block { color: #909090;}/* on feedback error */.help-block, .invalid-feedback, .valid-feedback { font-size: 0.6875rem; margin-top: 0.325rem;}/* when form group is last child show now margin */.form-group:last-child,.form-group:only-child { margin-bottom: 0;}/* fix alignment for generic checkbox and radio */.form-check-input { margin-top: 0;}.form-check-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.form-check { margin: 5px 0;}/* #COMPONENTS (can be removed but may or may not impact other components) *//*@import _modules/_form-switches;*/@media (min-width: 1399px) { .page-sidebar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .header-function-fixed .page-wrapper, .header-function-fixed .page-sidebar, .nav-function-fixed .page-wrapper, .nav-function-fixed .page-sidebar, .header-function-fixed.nav-function-fixed .page-wrapper, .header-function-fixed.nav-function-fixed .page-sidebar { transform: none; -webkit-transform: none; -ms-transform: none; }}/* #DEMO ELEMS - elements mostly used for demo (can be removed) */@media only screen and (max-width: 992px) { .mobile-view-activated #nff, .mobile-view-activated #nfm, .mobile-view-activated #nfh, .mobile-view-activated #nft, .mobile-view-activated #mmb { position: relative; } .mobile-view-activated #nff .onoffswitch-title, .mobile-view-activated #nfm .onoffswitch-title, .mobile-view-activated #nfh .onoffswitch-title, .mobile-view-activated #nft .onoffswitch-title, .mobile-view-activated #mmb .onoffswitch-title { color: var(--theme-warning-900) !important; } .mobile-view-activated #nff .onoffswitch-title-desc, .mobile-view-activated #nfm .onoffswitch-title-desc, .mobile-view-activated #nfh .onoffswitch-title-desc, .mobile-view-activated #nft .onoffswitch-title-desc, .mobile-view-activated #mmb .onoffswitch-title-desc { color: var(--theme-warning-900) !important; } .mobile-view-activated #nff:after, .mobile-view-activated #nfm:after, .mobile-view-activated #nfh:after, .mobile-view-activated #nft:after, .mobile-view-activated #mmb:after { content: DISABLED; font-size: 10px; position: absolute; background: var(--theme-warning-50); width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; display: block; right: 13px; top: 26%; color: #1D1D1D; }}.settings-panel .expanded.theme-colors { display: block; -webkit-box-shadow: none; box-shadow: none; border: 0; background: transparent; /*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/} .settings-panel .expanded.theme-colors > ul { height: auto; } .settings-panel .expanded.theme-colors > ul > li data-action { width: 36px; height: 36px; margin-right: 4px; margin-bottom: 4px; border-radius: 4px; } .settings-panel .expanded.theme-colors > ul > li data-action:hover { opacity: 1; } .settings-panel .expanded.theme-colors > ul:last-child { margin-right: 0; } .settings-panel .expanded.theme-colors #myapp-0 { background: #886AB5; -webkit-box-shadow: inset 0 0 0 3px #2ba1ff; box-shadow: inset 0 0 0 3px #2ba1ff; } .settings-panel .expanded.theme-colors #myapp-1 { background: #b56a9f; } .settings-panel .expanded.theme-colors #myapp-2 { background: #9fcb3d; } .settings-panel .expanded.theme-colors #myapp-3 { background: #4679cc; } .settings-panel .expanded.theme-colors #myapp-4 { background: #2198F3; } .settings-panel .expanded.theme-colors #myapp-5 { background: #6ab5b4; } .settings-panel .expanded.theme-colors #myapp-6 { background: #dd5293; } .settings-panel .expanded.theme-colors #myapp-7 { background: #868e96; } .settings-panel .expanded.theme-colors #myapp-8 { background: #7c91df; } .settings-panel .expanded.theme-colors #myapp-9 { background: #e59c6c; } .settings-panel .expanded.theme-colors #myapp-10 { background: #778c85; } .settings-panel .expanded.theme-colors #myapp-11 { background: #a2b077; } .settings-panel .expanded.theme-colors #myapp-12 { background: #7976b3; } .settings-panel .expanded.theme-colors #myapp-13 { background: #55ce5f; } .settings-panel .expanded.theme-colors #myapp-14 { background: #5c4581; } .settings-panel .expanded.theme-colors #myapp-15 { background: #5c4581; }.settings-panel:first-child h5 { margin-top: 0; padding-top: 5px;}.settings-panel h5 { margin: 0; font-weight: 500; font-size: 0.875rem; padding: 1rem 1rem 5px; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; overflow: hidden; text-decoration: none; margin-top: 5px; color: #505050; text-align: left;} .settings-panel h5 small { display: inline; }.settings-panel .list { font-weight: 400; min-height: 45px; padding: 0.25rem 1rem 0.25rem 2rem; color: #666666; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .settings-panel .list:hover { color: #333333; background: rgba(255, 255, 255, 0.7); } .settings-panel .list:hover .onoffswitch { -webkit-transform: scale(1.13); transform: scale(1.13); } .settings-panel .list .btn-switch { position: absolute; right: 1rem; margin: 0; top: 30%; } .settings-panel .list .onoffswitch-title { margin-top: 0.5px; font-size: 0.8125rem; display: block; } .settings-panel .list .onoffswitch-title-desc { display: block; font-size: 0.75rem; color: #989da5; text-transform: lowercase; }.settings-panel .expanded { position: relative; display: none;} .settings-panel .expanded:before { border-bottom-color: #5D5D5D; bottom: 1px; } .settings-panel .expanded > ul { padding: 0; margin: 0; margin: 0 0 0 1rem; height: 50px; } .settings-panel .expanded > ul > li { display: inline-block; margin: 0; padding: 0; } .settings-panel .expanded > ul > li data-action { width: 50px; height: 50px; border-radius: 50%; margin-right: 2px; display: block; cursor: pointer; position: relative; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); } .settings-panel .expanded .list { padding: 0; min-height: auto; margin: 0.5rem 0 0 1rem; } .settings-panel .expanded .list .btn-switch { margin-top: 2px; top: -2px; right: 0; } .settings-panel .expanded .list:hover { background: transparent; }#saving { position: absolute; z-index: 1; top: 0; left: -40px; display: none;}/* localstorage success fade animation */.saving #saving { display: block;}.saving data-actionapp-reset { opacity: 0.5; cursor: not-allowed !important;}.color-disp-demo tr:first-child td { height: 100px; -webkit-box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.8); box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.8);}.color-disp-demo tr td { border: none; padding-top: 7px; padding-bottom: 7px;} .color-disp-demo tr td:hover { -webkit-transform: scale(1.1); transform: scale(1.1); font-weight: 500; }.cr-c { width: 21px; height: 21px; display: block; border-radius: 50%;}.icon-demo { list-style: none; padding: 0;} .icon-demo li { border: 1px solid #7f8995; padding: 10px; display: inline-block; font-size: 20px; width: 60px; height: 60px; overflow: hidden; margin: 0 6px 0 0; text-align: center; background: #fff; } .icon-demo li:hover { -webkit-transform: scale(1.4); transform: scale(1.4); }codeclass*language-,preclass*language- { display: none !important;}.show-codes codeclass*language-,.show-codes preclass*language- { display: block !important;}.container-demo { max-width: 100%; width: 100%;}.bd-example { position: relative; padding: 1rem 0;}.bd-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255, 0, 0, 0.1);}.bd-example-row .row > .col,.bd-example-row .row > class^col- { padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(86, 61, 124, 0.15); border: 1px solid rgba(86, 61, 124, 0.2);}.bd-example-row .row + .row { margin-top: 1rem;}.bd-highlight { background-color: rgba(86, 61, 124, 0.2); border: 1px solid rgba(86, 61, 124, 0.2);}.demo { margin: 0;} .demo > * { margin: 0 .375rem 1rem 0 !important; } .demo.demo-no-mb > * { margin-bottom: 0 !important; }.demo-v-spacing-sm > * + *,.demo-v-spacing > * + *,.demo-v-spacing-lg > * + * { margin-top: 0.875rem !important; margin-bottom: 0 !important;}.demo-v-spacing-sm > *,.demo-v-spacing > *,.demo-v-spacing-lg > * { margin-bottom: 0 !important;} .demo-v-spacing > * + * { margin-top: 1rem !important; } .demo-v-spacing-lg > * + * { margin-top: 1.5rem !important; }.demo-h-spacing > *:not(last-child):not(only-child) { margin-right: 1rem !important;}/*.demo-vh-spacing > *:not(last-child):not(only-child) { margin: 0 .375rem 1rem 0 !important;}*//* #_extensions - Components imported in alphabetical order (remove extensions from directory if not needed) */body:not(.mod-pace-custom) .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} body:not(.mod-pace-custom) .pace .pace-progress { background: #886AB5; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 3px; }body:not(.mod-pace-custom) .pace-inactive { display: none;}body.mod-pace-custom { /*&.pace-done { .page-content { &:before{ z-index:-2; display: none; } } }*/} body.mod-pace-custom .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 45vh; left: 0; right: 0; height: 13px; border: 2px solid #fff; width: 15.18902rem; background: #fff; overflow: hidden; } body.mod-pace-custom .pace .pace-progress { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 15.18902rem; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; background-color: #886AB5; background-image: linear-gradient(135deg, #886AB5 0%, #886AB5 25%, #6E4E9E 25%, #6E4E9E 50%, #886AB5 50%, #886AB5 75%, #6E4E9E 75%, #6E4E9E 100%); background-repeat: repeat; background-position: 0 0; background-size: 13px 13px; background-clip: content-box; animation: loading 0.5s linear infinite; -o-animation: loading 0.5s linear infinite; -moz-animation: loading 0.5s linear infinite; -webkit-animation: loading 0.5s linear infinite; } body.mod-pace-custom .pace-inactive { display: none; } body.mod-pace-custom.pace-running .page-content:before { content: ; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #faf8fb; z-index: 1; }@keyframes loading { from { background-position: 0 0; } to { background-position: -13px 0; }}@-webkit-keyframes loading { from { background-position: 0 0; } to { background-position: -13px 0; }}.slimScrollBar { border-radius: 3px !important;}body:not(.no-slimscroll) .custom-scroll { overflow: hidden;}/*! * Waves v0.7.6 * http://fian.my.id/Waves * * Copyright 2014-2018 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;} .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(255, 255, 255, 0.6); background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); pointer-events: none; }.waves-notransition { -webkit-transition: none !important; transition: none !important;}.waves-themed.btn-warning .waves-ripple, .waves-themed.btn-default .waves-ripple, .waves-themed.btn-outline-default .waves-ripple { background: rgba(0, 0, 0, 0.6); background: radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 70%);}.waves-themed.btn-primary .waves-ripple, .waves-themed.btn-outline-primary .waves-ripple, .waves-themed.btn-info .waves-ripple, .waves-themed.btn-outline-info .waves-ripple, .waves-themed.btn-danger .waves-ripple, .waves-themed.btn-outline-danger .waves-ripple, .waves-themed.btn-success .waves-ripple, .waves-themed.btn-outline-success .waves-ripple, .waves-themed.btn-dark .waves-ripple, .waves-themed.btn-outline-dark .waves-ripple { background: rgba(255, 255, 255, 0.6); background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%);}.page-sidebar .primary-nav .nav-menu li a.waves-themed .waves-ripple { background: rgba(39, 28, 55, 0.6); background: radial-gradient(rgba(39, 28, 55, 0.2) 0, rgba(39, 28, 55, 0.3) 40%, rgba(39, 28, 55, 0.4) 50%, rgba(39, 28, 55, 0.5) 60%, rgba(39, 28, 55, 0) 70%);}.panel-hdr:not(class^bg-):not(class* bg-) .waves-themed.btn-toolbar-master .waves-ripple,.waves-themed.nav-link .waves-ripple { background: rgba(136, 106, 181, 0.6); background: radial-gradient(rgba(136, 106, 181, 0.2) 0, rgba(136, 106, 181, 0.3) 40%, rgba(136, 106, 181, 0.4) 50%, rgba(136, 106, 181, 0.5) 60%, rgba(136, 106, 181, 0) 70%);}/* #ANIMATION - CSS animations and keyframes */@-webkit-keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; }}@keyframes seconds { 0% { opacity: 1; } 100% { opacity: 0; }}@-webkit-keyframes delayed { 99% { visibility: hidden; } 100% { visibility: visible; }}@keyframes delayed { 99% { visibility: hidden; } 100% { visibility: visible; }}@keyframes subtle { 0% { opacity: 1; } 100% { opacity: 0.2; }}@-webkit-keyframes subtle { 0% { opacity: 1; } 100% { opacity: 0.2; }}@-webkit-keyframes highlight { from { background: #FFEBC1; } to { background: transparent; }}@keyframes highlight { from { background: #FFEBC1; } to { background: transparent; }}.highlight { -webkit-animation: highlight 1.5s; animation: highlight 1.5s;}@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}@keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}/*.spinner { margin: 5px; height: 20px; width: 20px; animation: rotate 0.7s infinite linear; border: 2px solid $color-primary; border-right-color: transparent; border-radius: 50%;}*/.fa-spin-4x { -webkit-animation: spin 0.5s infinite linear; animation: spin 0.5s infinite linear;}.fa-spin-2x { -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear;}/* Animations start here *//* FADE IN DOWN */@-webkit-keyframes animateFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes animateFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}/* FADE IN UP */@-webkit-keyframes animateFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes animateFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}/* FADE IN LEFT */@-webkit-keyframes animateFadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes animateFadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}/* FADE IN RIGHT */@-webkit-keyframes animateFadeInRight { from { opacity: 0; -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes animateFadeInRight { from { opacity: 0; -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}/* remove transition delay */.no-transition-delay { -webkit-transition-delay: 0ms !important; transition-delay: 0ms !important;}/* fade transitions for page elements */.page-content > .alert { animation: animateFadeInUp 0.3s; -webkit-animation: animateFadeInUp 0.3s;}.page-content > .card,.page-content > .row { animation: animateFadeInUp 0.7s; -webkit-animation: animateFadeInUp 0.7s;}.tab-content > .active:not(.fade) { animation: animateFadeInUp 0.5s; -webkit-animation: animateFadeInUp 0.5s;}/* repeated transitions */.fadeinup { animation: animateFadeInUp 0.5s; -webkit-animation: animateFadeInUp 0.5s;}.fadeindown { animation: animateFadeInDown 0.5s; -webkit-animation: animateFadeInDown 0.5s;}.fadeinleft { animation: animateFadeInLeft 0.5s; -webkit-animation: animateFadeInLeft 0.5s;}.fadeinright { animation: animateFadeInRight 0.5s; -webkit-animation: animateFadeInRight 0.5s;}/* #MODS - Layout manipulation */@media (min-width: 1399px) { .mod-main-boxed.mod-bg-1 data-classmod-bg-1:before, .mod-main-boxed.mod-bg-2 data-classmod-bg-2:before, .mod-main-boxed.mod-bg-3 data-classmod-bg-3:before, .mod-main-boxed.mod-bg-4 data-classmod-bg-4:before { content: ; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0, 0, 0, 0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } .mod-main-boxed.mod-bg-1 data-classmod-bg-1:after, .mod-main-boxed.mod-bg-2 data-classmod-bg-2:after, .mod-main-boxed.mod-bg-3 data-classmod-bg-3:after, .mod-main-boxed.mod-bg-4 data-classmod-bg-4:after { content: ; height: inherit; width: inherit; border: 5px solid rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } .mod-main-boxed .settings-panel .expanded { display: block; } .mod-main-boxed .settings-panel .expanded > ul > li { display: inline-block; margin: 0; padding: 0; } .mod-main-boxed .settings-panel .expanded > ul > li data-actiondata-classmod-bg-1 { background-image: url(../img/backgrounds/prev-bg-1.png); } .mod-main-boxed .settings-panel .expanded > ul > li data-actiondata-classmod-bg-2 { background-image: url(../img/backgrounds/prev-bg-2.png); } .mod-main-boxed .settings-panel .expanded > ul > li data-actiondata-classmod-bg-3 { background-image: url(../img/backgrounds/prev-bg-3.png); } .mod-main-boxed .settings-panel .expanded > ul > li data-actiondata-classmod-bg-4 { background-image: url(../img/backgrounds/prev-bg-4.png); } .mod-main-boxed .settings-panel .expanded > ul > li:last-child data-actiontoggle { margin-right: 0; } .mod-main-boxed.mod-bg-1 { background-image: url(../img/backgrounds/bg-1.png); } .mod-main-boxed.mod-bg-2 { background-image: url(../img/backgrounds/bg-2.png); } .mod-main-boxed.mod-bg-3 { background-image: url(../img/backgrounds/bg-3.png); } .mod-main-boxed.mod-bg-4 { background-image: url(../img/backgrounds/bg-4.png); } .mod-main-boxed.mod-fixed-bg { background-attachment: fixed; }}.mod-clean-page-bg .page-content-wrapper { background: #fff !important;}.mod-clean-page-bg .page-header { border-bottom-color: rgba(150, 123, 189, 0.13);}.mod-color-blind .page-wrapper { -webkit-filter: grayscale(65%); filter: grayscale(55%);}.mod-color-blind class*btn-.active { background-image: none !important;}.mod-disable-animation *,.mod-disable-animation *:before,.mod-disable-animation *:after { -webkit-transition: none !important; transition: none !important; -webkit-animation: none !important; animation: none !important;}.mod-hide-info-card { /*.page-logo { border-bottom: 1px solid lighten($header-logo-border-bottom, 13%); }*/} .mod-hide-info-card .page-sidebar .info-card { display: none; }.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > class*fa-,.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > .ni,.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > img { display: none;}.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > .badge { right: 40px; left: auto; top: 30%;}.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > class*fa-,.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > .ni,.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > img { display: none;}.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu .dl-ref { display: none;}.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu li > ul > li > a { padding-left: 2.9375rem;} .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu li > ul > li > a + ul > li > a { padding-left: 4.1875rem; }.mod-high-contrast .nav-menu li a,.mod-high-contrast .nav-title,.mod-high-contrast .nav-menu li a class*fa-,.mod-high-contrast .nav-menu li a .ni,.mod-high-contrast .dl-ref,.mod-high-contrast .btn { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; color: #fff !important; font-weight: 500 !important;}.mod-high-contrast .subheader-title,.mod-high-contrast h1,.mod-high-contrast h2,.mod-high-contrast h3,.mod-high-contrast h4,.mod-high-contrast h5,.mod-high-contrast .settings-panel-title a,.mod-high-contrast .panel-header,.mod-high-contrast .badge-detached,.mod-high-contrast .btn-secondary,.mod-high-contrast .btn-default,.mod-high-contrast .page-header .btn,.mod-high-contrast class*btn-outline- { text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color: #000 !important; font-weight: 500;} .mod-high-contrast .subheader-title small, .mod-high-contrast .breadcrumb > li > a, .mod-high-contrast .page-content, .mod-high-contrast h1 small, .mod-high-contrast h2 small, .mod-high-contrast h3 small, .mod-high-contrast h4 small, .mod-high-contrast h5, .mod-high-contrast h6, .mod-high-contrast p, .mod-high-contrast .btn-switch + .onoffswitch-title, .mod-high-contrast .onoffswitch-title + .onoffswitch-title-desc, .mod-high-contrast .panel-container, .mod-high-contrast .panel-header .btn { text-shadow: none; color: #000 !important; font-weight: normal !important; }.mod-lean-subheader .subheader { margin: 0;} .mod-lean-subheader .subheader .subheader-title { margin-top: 0; font-size: 1rem; display: inline-block; font-weight: 400; text-transform: capitalize; margin-bottom: 1.5rem; } .mod-lean-subheader .subheader .subheader-title:not(:only-child) { margin-top: 23px; } .mod-lean-subheader .subheader .subheader-title small { font-size: 0.875rem; display: inline-block; text-transform: capitalize; } .mod-lean-subheader .subheader .subheader-title small:before { content: - ; } .mod-lean-subheader .subheader .breadcrumb { position: absolute; top: 0; }@media (min-width: 1399px) { .mod-main-boxed { /* why did we add this again? this was buggy when open modal with mod main boxed then click on logo for the dropdown, it wont close &.nav-function-fixed:not(.nav-function-top):not(.header-function-fixed) { .page-sidebar { transform: translateX(0) !important; box-shadow: none; } .page-wrapper { transform: translateX(0) !important; } }*/ } .mod-main-boxed .page-wrapper { max-width: 1399px; margin: 0 auto; } .mod-main-boxed:not(.nav-function-top) #nff { position: relative; } .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title { color: var(--theme-warning-900); } .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title-desc { color: var(--theme-warning-900); } .mod-main-boxed:not(.nav-function-top) #nff:after { content: DISABLED; display: block; position: absolute; background: var(--theme-warning-50); font-size: 0.625rem; width: 65px; text-align: center; border: 1px solid var(--theme-warning-700); height: 22px; line-height: 20px; border-radius: 10px; right: 13px; top: 26%; color: #1D1D1D; } .mod-main-boxed.header-function-fixed .page-wrapper .page-header { width: 100%; max-width: 1397px; margin: 0 auto !important; } .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-wrapper .page-sidebar { position: absolute !important; top: 0; bottom: 0; } .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-wrapper .page-header { padding-left: 18.875rem; } .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify):not(.nav-function-fixed) .page-content { margin-left: 16.875rem; } .mod-main-boxed.header-function-fixed.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) .page-wrapper .page-header { padding-left: 6.6875rem; } .mod-main-boxed.header-function-fixed.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) .page-wrapper .page-content-wrapper { margin-left: 4.6875rem; } .mod-main-boxed.nav-function-hidden:not(.nav-function-top) .page-sidebar:after { position: absolute; left: 16.875rem; } .mod-main-boxed.nav-function-hidden.nav-function-minify .page-sidebar:after { position: absolute; left: 4.6875rem; } .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar { position: absolute; } .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar .page-logo { position: fixed; top: 0; z-index: 950; -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); } .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar .primary-nav { margin-top: 4.125rem; } .mod-main-boxed.nav-function-fixed:not(.nav-function-top).nav-function-hidden .page-logo { position: absolute !important; -webkit-transition: none; transition: none; } .mod-main-boxed .page-wrapper { border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; } .mod-main-boxed:not(.header-function-fixed):not(.nav-function-top):not(.modal-open):not(.panel-fullscreen) .page-wrapper { -webkit-transform: translateX(0) !important; transform: translateX(0) !important; }}/* Hierarchical Navigation */.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li a > .dl-ref:first-child { margin-left: 0 !important;}.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul { /* addressing all second, third children */} .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before { content: ; display: block; position: absolute; z-index: 1; left: 2.5625rem; top: 44px; bottom: 0; border-left: 1px solid #614b82; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after { content: ; display: block; position: absolute; width: 0.4rem; height: 0.4rem; background-color: #886AB5; left: 2.4rem; top: calc(50% - 0.3rem); border: 1px solid #333; border-radius: 50%; z-index: 1; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:hover:after { border-color: transparent; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li li > a:after { content: ; display: none; } .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul li a i { margin-left: 0 !important; }html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) data-classroot-text { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}.root-text-sm { font-size: 15px;} .root-text-sm data-classroot-text-sm { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; }.root-text-lg { font-size: 17px;} .root-text-lg data-classroot-text-lg { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; }.root-text-xl { font-size: 18px;} .root-text-xl data-classroot-text-xl { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; }.mod-bigger-font { font-size: 18px;}/* #COLORS - we place this here so it can override other colors as needed */.bg-primary-50 { background-color: #CCBFDF; color: rgba(0, 0, 0, 0.8);} .bg-primary-50:hover { color: rgba(0, 0, 0, 0.8); }.bg-primary-100 { background-color: #BEAED7; color: rgba(0, 0, 0, 0.8);} .bg-primary-100:hover { color: rgba(0, 0, 0, 0.8); }.bg-primary-200 { background-color: #B19DCE; color: rgba(0, 0, 0, 0.8);} .bg-primary-200:hover { color: rgba(0, 0, 0, 0.8); }.bg-primary-300 { background-color: #A38CC6; color: white;} .bg-primary-300:hover { color: white; }.bg-primary-400 { background-color: #967BBD; color: white;} .bg-primary-400:hover { color: white; }.bg-primary-500 { background-color: #886AB5; color: white;} .bg-primary-500:hover { color: white; }.bg-primary-600 { background-color: #7A59AD; color: white;} .bg-primary-600:hover { color: white; }.bg-primary-700 { background-color: #6E4E9E; color: white;} .bg-primary-700:hover { color: white; }.bg-primary-800 { background-color: #62468D; color: white;} .bg-primary-800:hover { color: white; }.bg-primary-900 { background-color: #563D7C; color: white;} .bg-primary-900:hover { color: white; }.color-primary-50 { color: #CCBFDF;}.color-primary-100 { color: #BEAED7;}.color-primary-200 { color: #B19DCE;}.color-primary-300 { color: #A38CC6;}.color-primary-400 { color: #967BBD;}.color-primary-500 { color: #886AB5;}.color-primary-600 { color: #7A59AD;}.color-primary-700 { color: #6E4E9E;}.color-primary-800 { color: #62468D;}.color-primary-900 { color: #563D7C;}.bg-secondary-50 { background-color: #CACED1; color: rgba(0, 0, 0, 0.8);} .bg-secondary-50:hover { color: rgba(0, 0, 0, 0.8); }.bg-secondary-100 { background-color: #BDC1C5; color: rgba(0, 0, 0, 0.8);} .bg-secondary-100:hover { color: rgba(0, 0, 0, 0.8); }.bg-secondary-200 { background-color: #AFB4BA; color: rgba(0, 0, 0, 0.8);} .bg-secondary-200:hover { color: rgba(0, 0, 0, 0.8); }.bg-secondary-300 { background-color: #A1A8AE; color: white;} .bg-secondary-300:hover { color: white; }.bg-secondary-400 { background-color: #949BA2; color: white;} .bg-secondary-400:hover { color: white; }.bg-secondary-500 { background-color: #868E96; color: white;} .bg-secondary-500:hover { color: white; }.bg-secondary-600 { background-color: #78818A; color: white;} .bg-secondary-600:hover { color: white; }.bg-secondary-700 { background-color: #6C757D; color: white;} .bg-secondary-700:hover { color: white; }.bg-secondary-800 { background-color: #60686F; color: white;} .bg-secondary-800:hover { color: white; }.bg-secondary-900 { background-color: #555B61; color: white;} .bg-secondary-900:hover { color: white; }.color-secondary-50 { color: #CACED1;}.color-secondary-100 { color: #BDC1C5;}.color-secondary-200 { color: #AFB4BA;}.color-secondary-300 { color: #A1A8AE;}.color-secondary-400 { color: #949BA2;}.color-secondary-500 { color: #868E96;}.color-secondary-600 { color: #78818A;}.color-secondary-700 { color: #6C757D;}.color-secondary-800 { color: #60686F;}.color-secondary-900 { color: #555B61;}.bg-success-50 { background-color: #7AECE0; color: rgba(0, 0, 0, 0.8);} .bg-success-50:hover { color: rgba(0, 0, 0, 0.8); }.bg-success-100 { background-color: #63E9DB; color: rgba(0, 0, 0, 0.8);} .bg-success-100:hover { color: rgba(0, 0, 0, 0.8); }.bg-success-200 { background-color: #4DE5D5; color: rgba(0, 0, 0, 0.8);} .bg-success-200:hover { color: rgba(0, 0, 0, 0.8); }.bg-success-300 { background-color: #37E2D0; color: rgba(0, 0, 0, 0.8);} .bg-success-300:hover { color: rgba(0, 0, 0, 0.8); }.bg-success-400 { background-color: #21DFCB; color: rgba(0, 0, 0, 0.8);} .bg-success-400:hover { color: rgba(0, 0, 0, 0.8); }.bg-success-500 { background-color: #1DC9B7; color: white;} .bg-success-500:hover { color: white; }.bg-success-600 { background-color: #1AB3A3; color: white;} .bg-success-600:hover { color: white; }.bg-success-700 { background-color: #179C8E; color: white;} .bg-success-700:hover { color: white; }.bg-success-800 { background-color: #13867A; color: white;} .bg-success-800:hover { color: white; }.bg-success-900 { background-color: #107066; color: white;} .bg-success-900:hover { color: white; }.color-success-50 { color: #7AECE0;}.color-success-100 { color: #63E9DB;}.color-success-200 { color: #4DE5D5;}.color-success-300 { color: #37E2D0;}.color-success-400 { color: #21DFCB;}.color-success-500 { color: #1DC9B7;}.color-success-600 { color: #1AB3A3;}.color-success-700 { color: #179C8E;}.color-success-800 { color: #13867A;}.color-success-900 { color: #107066;}.bg-info-50 { background-color: #9ACFFA; color: rgba(0, 0, 0, 0.8);} .bg-info-50:hover { color: rgba(0, 0, 0, 0.8); }.bg-info-100 { background-color: #82C4F8; color: rgba(0, 0, 0, 0.8);} .bg-info-100:hover { color: rgba(0, 0, 0, 0.8); }.bg-info-200 { background-color: #6AB8F7; color: rgba(0, 0, 0, 0.8);} .bg-info-200:hover { color: rgba(0, 0, 0, 0.8); }.bg-info-300 { background-color: #51ADF6; color: white;} .bg-info-300:hover { color: white; }.bg-info-400 { background-color: #39A1F4; color: white;} .bg-info-400:hover { color: white; }.bg-info-500 { background-color: #2196F3; color: white;} .bg-info-500:hover { color: white; }.bg-info-600 { background-color: #0D8AEE; color: white;} .bg-info-600:hover { color: white; }.bg-info-700 { background-color: #0C7CD5; color: white;} .bg-info-700:hover { color: white; }.bg-info-800 { background-color: #0A6EBD; color: white;} .bg-info-800:hover { color: white; }.bg-info-900 { background-color: #0960A5; color: white;} .bg-info-900:hover { color: white; }.color-info-50 { color: #9ACFFA;}.color-info-100 { color: #82C4F8;}.color-info-200 { color: #6AB8F7;}.color-info-300 { color: #51ADF6;}.color-info-400 { color: #39A1F4;}.color-info-500 { color: #2196F3;}.color-info-600 { color: #0D8AEE;}.color-info-700 { color: #0C7CD5;}.color-info-800 { color: #0A6EBD;}.color-info-900 { color: #0960A5;}.bg-warning-50 { background-color: #FFEBC1; color: rgba(0, 0, 0, 0.8);} .bg-warning-50:hover { color: rgba(0, 0, 0, 0.8); }.bg-warning-100 { background-color: #FFE3A7; color: rgba(0, 0, 0, 0.8);} .bg-warning-100:hover { color: rgba(0, 0, 0, 0.8); }.bg-warning-200 { background-color: #FFDB8E; color: rgba(0, 0, 0, 0.8);} .bg-warning-200:hover { color: rgba(0, 0, 0, 0.8); }.bg-warning-300 { background-color: #FFD274; color: rgba(0, 0, 0, 0.8);} .bg-warning-300:hover { color: rgba(0, 0, 0, 0.8); }.bg-warning-400 { background-color: #FFCA5B; color: rgba(0, 0, 0, 0.8);} .bg-warning-400:hover { color: rgba(0, 0, 0, 0.8); }.bg-warning-500 { background-color: #FFC241; color: rgba(0, 0, 0, 0.8);} .bg-warning-500:hover { color: rgba(0, 0, 0, 0.8); }.bg-warning-600 { background-color: #FFBA28; color: rgba(0, 0, 0, 0.8);} .bg-warning-600:hover { color: rgba(0, 0, 0, 0.8); }.bg-warning-700 { background-color: #FFB20E; color: rgba(0, 0, 0, 0.8);} .bg-warning-700:hover { color: rgba(0, 0, 0, 0.8); }.bg-warning-800 { background-color: #F4A500; color: rgba(0, 0, 0, 0.8);} .bg-warning-800:hover { color: rgba(0, 0, 0, 0.8); }.bg-warning-900 { background-color: #DA9400; color: rgba(0, 0, 0, 0.8);} .bg-warning-900:hover { color: rgba(0, 0, 0, 0.8); }.color-warning-50 { color: #FFEBC1;}.color-warning-100 { color: #FFE3A7;}.color-warning-200 { color: #FFDB8E;}.color-warning-300 { color: #FFD274;}.color-warning-400 { color: #FFCA5B;}.color-warning-500 { color: #FFC241;}.color-warning-600 { color: #FFBA28;}.color-warning-700 { color: #FFB20E;}.color-warning-800 { color: #F4A500;}.color-warning-900 { color: #DA9400;}.bg-danger-50 { background-color: #FEBBC2; color: rgba(0, 0, 0, 0.8);} .bg-danger-50:hover { color: rgba(0, 0, 0, 0.8); }.bg-danger-100 { background-color: #FEA2AC; color: rgba(0, 0, 0, 0.8);} .bg-danger-100:hover { color: rgba(0, 0, 0, 0.8); }.bg-danger-200 { background-color: #FE8995; color: rgba(0, 0, 0, 0.8);} .bg-danger-200:hover { color: rgba(0, 0, 0, 0.8); }.bg-danger-300 { background-color: #FE6F7E; color: rgba(0, 0, 0, 0.8);} .bg-danger-300:hover { color: rgba(0, 0, 0, 0.8); }.bg-danger-400 { background-color: #FD5668; color: white;} .bg-danger-400:hover { color: white; }.bg-danger-500 { background-color: #fd3d51; color: white;} .bg-danger-500:hover { color: white; }.bg-danger-600 { background-color: #FD243A; color: white;} .bg-danger-600:hover { color: white; }.bg-danger-700 { background-color: #FC0B24; color: white;} .bg-danger-700:hover { color: white; }.bg-danger-800 { background-color: #EB021B; color: white;} .bg-danger-800:hover { color: white; }.bg-danger-900 { background-color: #D20218; color: white;} .bg-danger-900:hover { color: white; }.color-danger-50 { color: #FEBBC2;}.color-danger-100 { color: #FEA2AC;}.color-danger-200 { color: #FE8995;}.color-danger-300 { color: #FE6F7E;}.color-danger-400 { color: #FD5668;}.color-danger-500 { color: #fd3d51;}.color-danger-600 { color: #FD243A;}.color-danger-700 { color: #FC0B24;}.color-danger-800 { color: #EB021B;}.color-danger-900 { color: #D20218;}.bg-fusion-50 { background-color: #909090; color: white;} .bg-fusion-50:hover { color: white; }.bg-fusion-100 { background-color: #838383; color: white;} .bg-fusion-100:hover { color: white; }.bg-fusion-200 { background-color: #767676; color: white;} .bg-fusion-200:hover { color: white; }.bg-fusion-300 { background-color: dimgray; color: white;} .bg-fusion-300:hover { color: white; }.bg-fusion-400 { background-color: #5D5D5D; color: white;} .bg-fusion-400:hover { color: white; }.bg-fusion-500 { background-color: #505050; color: white;} .bg-fusion-500:hover { color: white; }.bg-fusion-600 { background-color: #434343; color: white;} .bg-fusion-600:hover { color: white; }.bg-fusion-700 { background-color: #373737; color: white;} .bg-fusion-700:hover { color: white; }.bg-fusion-800 { background-color: #2A2A2A; color: white;} .bg-fusion-800:hover { color: white; }.bg-fusion-900 { background-color: #1D1D1D; color: white;} .bg-fusion-900:hover { color: white; }.color-fusion-50 { color: #909090;}.color-fusion-100 { color: #838383;}.color-fusion-200 { color: #767676;}.color-fusion-300 { color: dimgray;}.color-fusion-400 { color: #5D5D5D;}.color-fusion-500 { color: #505050;}.color-fusion-600 { color: #434343;}.color-fusion-700 { color: #373737;}.color-fusion-800 { color: #2A2A2A;}.color-fusion-900 { color: #1D1D1D;}.color-white { color: #fff;}.color-black { color: #222222;}.bg-primary-gradient { background-image: linear-gradient(250deg, rgba(86, 61, 124, 0.7), transparent);}.bg-danger-gradient { background-image: linear-gradient(250deg, rgba(206, 2, 98, 0.7), transparent);}.bg-info-gradient { background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent);}.bg-warning-gradient { background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent);}.bg-success-gradient { background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent);}.bg-fusion-gradient { background-image: linear-gradient(250deg, rgba(29, 29, 29, 0.7), transparent);}/* #APP related modules (print, fullscreen, etc) *//* Custom Webkit Scrollbar *//* http://css-tricks.com/custom-scrollbars-in-webkit/ */body:not(.mobile-detected)::-webkit-scrollbar,body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar { height: 8px; width: 8px;} body:not(.mobile-detected)::-webkit-scrollbar:hover, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar:hover { background-color: rgba(0, 0, 0, 0.01); }body:not(.mobile-detected)::-webkit-scrollbar-track-piece,body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-track-piece { background-color: #efefef;} body:not(.mobile-detected)::-webkit-scrollbar-track-piece:hover, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-track-piece:hover { background-color: #d0d0d0; }body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical,body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical { background-color: #838383;} body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical:hover, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical:hover { background-color: dimgray; }/* * Left Panel custom scroll */.page-sidebar .primary-nav::-webkit-scrollbar-track-piece { background-color: #efefef;}.page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical { background-color: #666;}.page-sidebar .primary-nav::-webkit-scrollbar { height: 4px; width: 4px;}.page-sidebar .primary-nav:hover::-webkit-scrollbar-corner { width: 40px;}.page-sidebar .primary-nav::-webkit-scrollbar-track-piece { background-color: #efefef;}.page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical { background-color: #666;}:-webkit-full-screen data-actionapp-fullscreen { color: #cccccc;}:-moz-full-screen data-actionapp-fullscreen { color: #cccccc;}@media print { @page { size: letter portrait; margin: 1cm; padding: 0; border: none; border-collapse: collapse; } /* Commented out per Henri, Dec 2019 *:not(.keep-print-font) { color: #333 !important; background: transparent !important; font-family: Arial, Helvetica, sans-serif !important; letter-spacing: normal !important; font-size: 10pt !important; line-height: 1.7 !important; text-transform: none !important; -webkit-transition: none !important; transition: none !important; } */ table { font-size: 80%; } .card, .card-body, .container { display: inline; padding: 0; margin: 0; border: 0; } a:link { font-weight: bold; text-decoration: underline; color: #06c; } .subheader-title { font-size: 14pt !important; } .subheader-title small { font-size: 12pt !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold !important; } .page-sidebar, .btn, .page-header, .page-footer { display: none !important; } .page-wrapper, .page-content, .container.card { padding: 0; display: block; margin: 0; border: 0 !important; width: auto; float: none; } .panel-header > * { font-weight: bold !important; } .card.panel { border-color: #333 !important; } .clearfix:after { content: ; clear: both; display: table; }}/* #OVERRIDE - You can override any of the variables through this file *//*# sourceMappingURL/wwwroot/css/app.bundle.css.map *//style>style>table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; border-spacing: 0; }table.dataTable td,table.dataTable th { -webkit-box-sizing: content-box; box-sizing: content-box; }table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty { text-align: center; }table.dataTable.nowrap th,table.dataTable.nowrap td { white-space: nowrap; }div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; }div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block; }div.dataTables_wrapper div.dataTables_filter { text-align: right; }div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; }div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; }div.dataTables_wrapper div.dataTables_info { padding-top: 0.85em; white-space: nowrap; }div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; }div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0; }table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,table.dataTable thead > tr > td.sorting_asc,table.dataTable thead > tr > td.sorting_desc,table.dataTable thead > tr > td.sorting { padding-right: 30px; }table.dataTable thead > tr > th:active,table.dataTable thead > tr > td:active { outline: none; }table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; }table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 0.9em; display: block; opacity: 0.3; }table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before { right: 1em; content: \2191; }table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after { right: 0.5em; content: \2193; }table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after { opacity: 1; }table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after { opacity: 0; }div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; }div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; }div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after { display: none; }div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; }div.dataTables_scrollFoot > .dataTables_scrollFootInner { -webkit-box-sizing: content-box; box-sizing: content-box; }div.dataTables_scrollFoot > .dataTables_scrollFootInner > table { margin-top: 0 !important; border-top: none; }@media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; } }table.dataTable.table-sm > thead > tr > th { padding-right: 20px; }table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before { top: 5px; right: 0.85em; }table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after { top: 5px; }table.table-bordered.dataTable th,table.table-bordered.dataTable td { border-left-width: 0; }table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child { border-right-width: 0; }table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td { border-bottom-width: 0; }div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; }div.table-responsive > div.dataTables_wrapper > div.row { margin: 0; }div.table-responsive > div.dataTables_wrapper > div.row > divclass^col-:first-child { padding-left: 0; }div.table-responsive > div.dataTables_wrapper > div.row > divclass^col-:last-child { padding-right: 0; }div.dt-autofill-handle { position: absolute; height: 8px; width: 8px; z-index: 102; -webkit-box-sizing: border-box; box-sizing: border-box; background: #0275d8; cursor: pointer; }div.dtk-focus-alt div.dt-autofill-handle { background: #ff8b33; }div.dt-autofill-select { position: absolute; z-index: 1001; background-color: #0275d8; background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px); }div.dt-autofill-select.top, div.dt-autofill-select.bottom { height: 3px; margin-top: -1px; }div.dt-autofill-select.left, div.dt-autofill-select.right { width: 3px; margin-left: -1px; }div.dt-autofill-list { position: fixed; top: 50%; left: 50%; width: 500px; margin-left: -250px; background-color: white; border-radius: 6px; -webkit-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555; border: 2px solid #444; z-index: 11; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.5em 2em; }div.dt-autofill-list ul { display: table; margin: 0; padding: 0; list-style: none; width: 100%; }div.dt-autofill-list ul li { display: table-row; }div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button { border-bottom: none; }div.dt-autofill-list ul li:hover { background-color: #f6f6f6; }div.dt-autofill-list div.dt-autofill-question { display: table-cell; padding: 0.5em 0; border-bottom: 1px solid #ccc; }div.dt-autofill-list div.dt-autofill-question inputtypenumber { padding: 6px; width: 30px; margin: -2px 0; }div.dt-autofill-list div.dt-autofill-button { display: table-cell; padding: 0.5em 0; border-bottom: 1px solid #ccc; }div.dt-autofill-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); z-index: 10; }div.dt-autofill-list div.dt-autofill-question inputtypenumber { padding: 6px; width: 60px; margin: -2px 0; }@keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }@-webkit-keyframes dtb-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }div.dt-button-info { position: fixed; top: 50%; left: 50%; width: 400px; margin-top: -100px; margin-left: -200px; background-color: white; border: 2px solid #111; -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3); border-radius: 3px; text-align: center; z-index: 21; }div.dt-button-info h2 { padding: 0.5em; margin: 0; font-weight: normal; border-bottom: 1px solid #ddd; background-color: #f3f3f3; }div.dt-button-info > div { padding: 1em; }div.dt-button-collection-title { text-align: center; padding: 0.3em 0 0.5em; font-size: 0.9em; }div.dt-button-collection-title:empty { display: none; }div.dt-button-collection.dropdown-menu { display: block; z-index: 2002; -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; }div.dt-button-collection.dropdown-menu.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; }div.dt-button-collection.dropdown-menu.fixed.two-column { margin-left: -150px; }div.dt-button-collection.dropdown-menu.fixed.three-column { margin-left: -225px; }div.dt-button-collection.dropdown-menu.fixed.four-column { margin-left: -300px; }div.dt-button-collection.dropdown-menu > * { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; }div.dt-button-collection.dropdown-menu.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; }div.dt-button-collection.dropdown-menu.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; }div.dt-button-collection.dropdown-menu.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; }div.dt-button-collection.dropdown-menu .dt-button { border-radius: 0; }div.dt-button-collection { -webkit-column-gap: 8px; -moz-column-gap: 8px; -ms-column-gap: 8px; -o-column-gap: 8px; column-gap: 8px; }div.dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -75px; border-radius: 0; }div.dt-button-collection.fixed.two-column { margin-left: -150px; }div.dt-button-collection.fixed.three-column { margin-left: -225px; }div.dt-button-collection.fixed.four-column { margin-left: -300px; }div.dt-button-collection > * { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; }div.dt-button-collection.two-column { width: 300px; padding-bottom: 1px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; }div.dt-button-collection.three-column { width: 450px; padding-bottom: 1px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; }div.dt-button-collection.four-column { width: 600px; padding-bottom: 1px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; }div.dt-button-collection .dt-button { border-radius: 0; }div.dt-button-collection.fixed { max-width: none; }div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after { display: none; }div.dt-button-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }@media screen and (max-width: 767px) { div.dt-buttons { float: none; width: 100%; text-align: center; margin-bottom: 0.5em; } div.dt-buttons a.btn { float: none; } }div.dt-buttons button.btn.processing,div.dt-buttons div.btn.processing,div.dt-buttons a.btn.processing { color: rgba(0, 0, 0, 0.2); }div.dt-buttons button.btn.processing:after,div.dt-buttons div.btn.processing:after,div.dt-buttons a.btn.processing:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; content: ; border: 2px solid #282828; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: dtb-spinner 1500ms infinite linear; -o-animation: dtb-spinner 1500ms infinite linear; -ms-animation: dtb-spinner 1500ms infinite linear; -webkit-animation: dtb-spinner 1500ms infinite linear; -moz-animation: dtb-spinner 1500ms infinite linear; }table.DTCR_clonedTable.dataTable { position: absolute !important; background-color: rgba(255, 255, 255, 0.7); z-index: 202; }div.DTCR_pointer { width: 1px; background-color: #0275d8; z-index: 201; }table.DTFC_Cloned tr { background-color: white; margin-bottom: 0; }div.DTFC_LeftHeadWrapper table,div.DTFC_RightHeadWrapper table { border-bottom: none !important; margin-bottom: 0 !important; background-color: white; }div.DTFC_LeftBodyWrapper table,div.DTFC_RightBodyWrapper table { border-top: none; margin: 0 !important; }div.DTFC_LeftBodyWrapper table thead .sorting:after,div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,div.DTFC_LeftBodyWrapper table thead .sorting:after,div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,div.DTFC_RightBodyWrapper table thead .sorting:after,div.DTFC_RightBodyWrapper table thead .sorting_asc:after,div.DTFC_RightBodyWrapper table thead .sorting_desc:after,div.DTFC_RightBodyWrapper table thead .sorting:after,div.DTFC_RightBodyWrapper table thead .sorting_asc:after,div.DTFC_RightBodyWrapper table thead .sorting_desc:after { display: none; }div.DTFC_LeftBodyWrapper table tbody tr:first-child th,div.DTFC_LeftBodyWrapper table tbody tr:first-child td,div.DTFC_RightBodyWrapper table tbody tr:first-child th,div.DTFC_RightBodyWrapper table tbody tr:first-child td { border-top: none; }div.DTFC_LeftFootWrapper table,div.DTFC_RightFootWrapper table { border-top: none; margin-top: 0 !important; background-color: white; }div.DTFC_Blocker { background-color: white; }table.dataTable.table-striped.DTFC_Cloned tbody { background-color: white; }table.dataTable.fixedHeader-floating,table.dataTable.fixedHeader-locked { background-color: white; margin-top: 0 !important; margin-bottom: 0 !important; }table.dataTable.fixedHeader-floating { position: fixed !important; }table.dataTable.fixedHeader-locked { position: absolute !important; }@media print { table.fixedHeader-floating { display: none; } }table.dataTable tbody th.focus,table.dataTable tbody td.focus { -webkit-box-shadow: inset 0 0 1px 2px #0275d8; box-shadow: inset 0 0 1px 2px #0275d8; }div.dtk-focus-alt table.dataTable tbody th.focus,div.dtk-focus-alt table.dataTable tbody td.focus { -webkit-box-shadow: inset 0 0 1px 2px #ff8b33; box-shadow: inset 0 0 1px 2px #ff8b33; }table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; }table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; }table.dataTable.dtr-inline.collapsed > tbody > trrolerow > td:first-child,table.dataTable.dtr-inline.collapsed > tbody > trrolerow > th:first-child { position: relative; padding-left: 30px; cursor: pointer; }table.dataTable.dtr-inline.collapsed > tbody > trrolerow > td:first-child:before,table.dataTable.dtr-inline.collapsed > tbody > trrolerow > th:first-child:before { top: 12px; left: 4px; height: 14px; width: 14px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; -webkit-box-shadow: 0 0 3px #444; box-shadow: 0 0 3px #444; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: Courier New, Courier, monospace; line-height: 14px; content: +; background-color: #0275d8; }table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: -; background-color: #d33333; }table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; }table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; }table.dataTable.dtr-column > tbody > tr > td.control,table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; }table.dataTable.dtr-column > tbody > tr > td.control:before,table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; -webkit-box-shadow: 0 0 3px #444; box-shadow: 0 0 3px #444; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center; text-indent: 0 !important; font-family: Courier New, Courier, monospace; line-height: 14px; content: +; background-color: #0275d8; }table.dataTable.dtr-column > tbody > tr.parent td.control:before,table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: -; background-color: #d33333; }table.dataTable > tbody > tr.child { padding: 0.5em 1em; }table.dataTable > tbody > tr.child:hover { background: transparent !important; }table.dataTable > tbody > tr.child ul.dtr-details { display: inline-block; list-style-type: none; margin: 0; padding: 0; }table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom: 1px solid #efefef; padding: 0.5em 0; }table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { padding-top: 0; }table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { border-bottom: none; }table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; }div.dtr-modal { position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; }div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; }div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; }div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; }div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); }@media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } }div.dtr-bs-modal table.table tr:first-child td { border-top: none; }table.dataTable tr.dtrg-group td { background-color: #e0e0e0; }table.dataTable tr.dtrg-group.dtrg-level-0 td { font-weight: bold; }table.dataTable tr.dtrg-group.dtrg-level-1 td,table.dataTable tr.dtrg-group.dtrg-level-2 td { background-color: #f0f0f0; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 2em; font-size: 0.9em; }table.dataTable tr.dtrg-group.dtrg-level-2 td { background-color: #f3f3f3; }table.dt-rowReorder-float { position: absolute !important; opacity: 0.8; table-layout: fixed; outline: 2px solid #0275d8; outline-offset: -2px; z-index: 2001; }tr.dt-rowReorder-moving { outline: 2px solid #888888; outline-offset: -2px; }body.dt-rowReorder-noOverflow { overflow-x: hidden; }table.dataTable td.reorder { text-align: center; cursor: move; }div.dts { display: block !important; }div.dts tbody th,div.dts tbody td { white-space: nowrap; }div.dts div.dts_loading { z-index: 1; }div.dts div.dts_label { position: absolute; right: 10px; background: rgba(0, 0, 0, 0.8); color: white; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); text-align: right; border-radius: 3px; padding: 0.4em; z-index: 2; display: none; }div.dts div.dataTables_scrollBody { background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px); }div.dts div.dataTables_scrollBody table { z-index: 2; }div.dts div.dataTables_paginate,div.dts div.dataTables_length { display: none; }div.DTS div.dataTables_scrollBody table { background-color: white; }table.dataTable tbody > tr.selected,table.dataTable tbody > tr > .selected { background-color: #0275d8; }table.dataTable.stripe tbody > tr.odd.selected,table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected,table.dataTable.display tbody > tr.odd > .selected { background-color: #0172d2; }table.dataTable.hover tbody > tr.selected:hover,table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover,table.dataTable.display tbody > tr > .selected:hover { background-color: #0170d0; }table.dataTable.order-column tbody > tr.selected > .sorting_1,table.dataTable.order-column tbody > tr.selected > .sorting_2,table.dataTable.order-column tbody > tr.selected > .sorting_3,table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1,table.dataTable.display tbody > tr.selected > .sorting_2,table.dataTable.display tbody > tr.selected > .sorting_3,table.dataTable.display tbody > tr > .selected { background-color: #0172d3; }table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 { background-color: #016ecc; }table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 { background-color: #016fcd; }table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 { background-color: #0170cf; }table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 { background-color: #0172d3; }table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 { background-color: #0173d5; }table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 { background-color: #0174d7; }table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected { background-color: #016ecc; }table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected { background-color: #0172d3; }table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 { background-color: #016bc6; }table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 { background-color: #016cc7; }table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 { background-color: #016dca; }table.dataTable.display tbody > tr:hover > .selected,table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected,table.dataTable.order-column.hover tbody > tr > .selected:hover { background-color: #016bc6; }table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox { position: relative; }table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after { display: block; position: absolute; top: 1.2em; left: 50%; width: 12px; height: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; }table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before { content: ; margin-top: -6px; margin-left: -6px; border: 1px solid black; border-radius: 3px; }table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after { content: \2714; margin-top: -11px; margin-left: -4px; text-align: center; text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; }div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item { margin-left: 0.5em; }@media screen and (max-width: 640px) { div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item { margin-left: 0; display: block; } }table.dataTable tbody tr.selected,table.dataTable tbody th.selected,table.dataTable tbody td.selected { color: white; }table.dataTable tbody tr.selected a,table.dataTable tbody th.selected a,table.dataTable tbody td.selected a { color: #a2d4ed; }/* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */table.dataTable > tbody > tr.child ul.dtr-details { width: 100%; }.sorting_asc,.sorting_desc,.even .sorting_1 { background-color: rgba(136, 106, 181, 0.03); }.odd .sorting_1 { background-color: rgba(136, 106, 181, 0.04); }.table-dark .sorting_asc,.table-dark .sorting_desc,.table-dark .even .sorting_1 { background-color: rgba(255, 194, 65, 0.15); }.table-dark .odd .sorting_1 { background-color: rgba(255, 194, 65, 0.15); }/* some idiot put important rule on the main css file now I have to put important here to override it... eghhh *//* I had to set it to 0 because auto fill cannot compute for the margin ... nice job Allan >.> */table.dataTable { margin-top: 0 !important; margin-bottom: 1rem !important; }table.dataTable.dtr-column > tbody > tr > td.control,table.dataTable.dtr-column > tbody > tr > th.control { padding-left: 30px; }table.dataTable.dtr-inline.collapsed > tbody > trrolerow > td:first-child:before,table.dataTable.dtr-inline.collapsed > tbody > trrolerow > th:first-child:before,table.dataTable.dtr-column > tbody > tr > td.control:before,table.dataTable.dtr-column > tbody > tr > th.control:before { top: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 1rem; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: 0; margin: 0; background-color: #886AB5; }table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,table.dataTable.dtr-column > tbody > tr.parent td.control:before,table.dataTable.dtr-column > tbody > tr.parent th.control:before { background-color: #1DC9B7; }table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before { right: 1rem !important; content: \f175; font-size: 14px; font-family: Font Awesome 5 Pro; }table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after { right: 0.5rem !important; content: \f176; font-size: 14px; font-family: Font Awesome 5 Pro; }.dataTables_empty { color: #fd3d51; font-size: 2rem; padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }.dataTables_wrapper .dataTables_filter label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }.dataTables_wrapper tr.child td.child { padding: 0; } .dataTables_wrapper tr.child td.child .dtr-details { padding: 1rem 1rem 1.5rem 1.95rem; position: relative; } .dataTables_wrapper tr.child td.child .dtr-details:before { content: \f149; font-family: Font Awesome 5 Pro; color: #21DFCB; width: 20px; height: 30px; position: absolute; top: -15px; right: 0px; font-size: 1.2rem; } .dataTables_wrapper tr.child td.child .dtr-details:after { content: ; position: absolute; top: 0; bottom: 0; left: 0; width: 1rem; background: #4DE5D5; }@media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }.paginate_button.page-item.disabled .page-link { background: transparent; }.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 1.85rem; min-width: 1.85rem; padding: 0.5rem; font-size: 0.825rem; line-height: 0.825rem; }div.dataTables_wrapper div.dataTables_filter { text-align: inherit; }/* AutoFill */div.dt-autofill-list { border-width: 0px; padding: 1rem 0; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } div.dt-autofill-list div.dt-autofill-question, div.dt-autofill-list div.dt-autofill-button { border-width: 0px; } div.dt-autofill-list .dt-autofill-button { text-align: right !important; }div.dt-autofill-background { opacity: 0.2; background-color: #000; }.dt-autofill-question { padding-left: 2rem !important; }.dt-autofill-button { padding-right: 2rem !important; }div.dt-autofill-handle { background: #886AB5; height: 0.875rem; width: 0.875rem; }div.dt-autofill-select { background-color: #886AB5; }/* FixedColumns */.DTFC_LeftHeadWrapper:before,.DTFC_LeftBodyWrapper:before,.DTFC_LeftFootWrapper:before { content: ; position: absolute; right: 0px; top: 1px; bottom: 0px; width: 1px; background: #fd3d51; z-index: 1; -webkit-box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4); box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4); }.DTFC_LeftHeadWrapper table.table-bordered,.DTFC_LeftBodyWrapper table.table-bordered,.DTFC_LeftFootWrapper table.table-bordered { border-right-width: 0; }/* KeyTable */table.dataTable tbody th.focus,table.dataTable tbody td.focus { -webkit-box-shadow: inset 0 0 0px 1px #886AB5; box-shadow: inset 0 0 0px 1px #886AB5; background: rgba(136, 106, 181, 0.1); font-weight: 500; }/* RowGroup */table.dataTable tr.dtrg-group td { background: transparent; font-size: 1rem; font-weight: 400; padding-top: 1.25rem; }table.dataTable.table-sm tr.dtrg-group td { padding-top: 1rem; }table.dataTable:not(.table-dark) tr.dtrg-group td { background: #fff; }/* FixedHeader */table.dataTable.fixedHeader-floating { opacity: 0.9; }/* RowReorder */table.dataTable td.reorder { text-align: inherit; }tr.dt-rowReorder-moving { outline: 2px solid #1DC9B7; outline-offset: -2px; }table.dt-rowReorder-float { outline: 2px solid #886AB5; outline-offset: -2px; }/* w-100 bug for some tables */.DTCR_clonedTable.w-100,.dt-rowReorder-float.w-100,.fixedHeader-floating.w-100 { width: inherit !important; }/* fix z-index for processing message */.dataTables_processing { z-index: 2; }/* Select */table.dataTable.table-bordered .selected td { border-color: rgba(0, 0, 0, 0.1); }table.dataTable.table-bordered td.selected { border-color: rgba(0, 0, 0, 0.1); }table.dataTable tbody > tr.selected,table.dataTable tbody > tr > .selected { -webkit-box-shadow: inset 0 0 0px 1px #886AB5; box-shadow: inset 0 0 0px 1px #886AB5; background: rgba(136, 106, 181, 0.1); font-weight: 500; color: inherit; }/*# sourceMappingURL/wwwroot/css/datagrid/datatables/datatables.bundle.css.map *//style>style>@import url(https://fonts.googleapis.com/css?familyRoboto:300,400,500,700,900);.select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }.select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.select2-container .select2-selection--single .select2-selection__clear { position: relative; }.select2-containerdirrtl .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }.select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }.select2-container .select2-search--inline { float: left; }.select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; }.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }.select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }.select2-results { display: block; }.select2-results__options { list-style: none; margin: 0; padding: 0; }.select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }.select2-results__optionaria-selected { cursor: pointer; }.select2-container--open .select2-dropdown { left: 0; }.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }.select2-search--dropdown { display: block; padding: 4px; }.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }.select2-search--dropdown.select2-search--hide { display: none; }.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity0); }.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; }.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; }.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }.select2-container--defaultdirrtl .select2-selection--single .select2-selection__clear { float: left; }.select2-container--defaultdirrtl .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; }.select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; }.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; }.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; padding: 1px; }.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; }.select2-container--defaultdirrtl .select2-selection--multiple .select2-selection__choice, .select2-container--defaultdirrtl .select2-selection--multiple .select2-search--inline { float: right; }.select2-container--defaultdirrtl .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }.select2-container--defaultdirrtl .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; }.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }.select2-container--default .select2-results__optionrolegroup { padding: 0; }.select2-container--default .select2-results__optionaria-disabledtrue { color: #999; }.select2-container--default .select2-results__optionaria-selectedtrue { background-color: #ddd; }.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }.select2-container--default .select2-results__option--highlightedaria-selected { background-color: #5897fb; color: white; }.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }.select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee)); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#FFFFFFFF, endColorstr#FFEEEEEE, GradientType0); }.select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; }.select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }.select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; }.select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; }.select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc)); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#FFEEEEEE, endColorstr#FFCCCCCC, GradientType0); }.select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }.select2-container--classicdirrtl .select2-selection--single .select2-selection__clear { float: left; }.select2-container--classicdirrtl .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; }.select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; }.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; }.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee)); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#FFFFFFFF, endColorstr#FFEEEEEE, GradientType0); }.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white)); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr#FFEEEEEE, endColorstr#FFFFFFFF, GradientType0); }.select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; }.select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; }.select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; }.select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; }.select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; }.select2-container--classicdirrtl .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; }.select2-container--classicdirrtl .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; }.select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; }.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; }.select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; }.select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; }.select2-container--classic .select2-dropdown--above { border-bottom: none; }.select2-container--classic .select2-dropdown--below { border-top: none; }.select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }.select2-container--classic .select2-results__optionrolegroup { padding: 0; }.select2-container--classic .select2-results__optionaria-disabledtrue { color: grey; }.select2-container--classic .select2-results__option--highlightedaria-selected { background-color: #3875d7; color: white; }.select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; }.select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins *//*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*//*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); }------------------------*//*------------------------ FADE IN e.g. @include fadeIn( 2s );------------------------*//*------------------------mixin that calculates if text needs to be light or darkdepending on the background color passed.From this W3C document: http://www.webmasterworld.com/r.cgi?f88&d9769&urlhttp://www.w3.org/TR/AERT#color-contrastusage:@include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000------------------------*//*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50);------------------------*//* backface visibility *//* generate theme button *//* #BASE - Base Variable file along with font library, and colors. *//* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */body { font-family: Roboto, Helvetica Neue, Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; }.page-content { color: #666666; }h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; }strong { font-weight: 500; }h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; }h2 small,h3 small,.h2 small,.h3 small { font-size: 0.9375rem; }h4 small,.h4 small { font-size: 0.875rem; }h5 small,h6 small,.h5 small,.h6 small { font-size: 0.8125rem; }/* contrast text */.text-contrast { color: #333333; }/* text-gradient */.text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6E4E9E), color-stop(50%, #62468D), color-stop(75%, #0C7CD5), to(#0960A5)); background: linear-gradient(180deg, #6E4E9E 25%, #62468D 50%, #0C7CD5 75%, #0960A5 100%); color: #886AB5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }/* looking for font size? Check _helpers.scss *//* PLACEHOLDER EXAMPLE:%bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}.image-one { @extend %bg-image; background-image:url(/img/image-one.jpg);}RESULT:.image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}*//*%shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); }}*//*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));}*//* %selected-dot { &:before { content: ; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: ; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*//* patterns */.select2 { width: 100% !important; }.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple { border: 1px solid #E5E5E5; }.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: calc(1.5em + 1rem + 2px); padding: 0 0.875rem; }.select2-container .select2-selection--single { height: calc(1.5em + 1rem + 2px); }.select2-container .select2-selection--multiple { min-height: calc(1.47em + 1rem + 2px); }.select2-container--default .select2-selection--single .select2-selection__arrow { height: auto; top: 0; bottom: 0; right: 0.5rem; }.select2-dropdown { border-color: #E5E5E5; }.select2-search--dropdown { padding: 0.875rem; } .select2-search--dropdown:before { content: \f002; font-family: Font Awesome 5 Pro; position: absolute; left: calc(1rem + 0.875rem); top: calc(0.6rem + 0.875rem); color: #886AB5; }.select2-results { padding: 0.875rem; }.select2-search.select2-search--dropdown:not(.select2-search--hide) + .select2-results { padding-top: 0; }.select2-container--open .select2-dropdown--above { -webkit-box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1); box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1); border-color: #886AB5; }.select2-container--open .select2-dropdown--below { -webkit-box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1); box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1); border-color: #886AB5; }.select2-container--default .select2-search--dropdown .select2-search__field { display: block; width: 100%; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 0.875rem; padding-left: 2.5rem; font-weight: 400; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #E5E5E5; border-radius: 0.25rem; -webkit-box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #cccccc; }.select2-container--default .select2-results__group { padding: 0.5rem 0; color: #8e8e8e; }.select2-container--default .select2-results__optionaria-selectedtrue { background: #CCBFDF; color: #563D7C; }.select2-container--default .select2-results__option--highlightedaria-selected { background-color: #886AB5; color: #fff; }.select2-selection--single,.select2-selection--multiple,.select2-search__field { -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { position: relative; z-index: 1151; border-color: #886AB5; }.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-color: transparent; border-bottom: 0; }.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-color: transparent; border-top: 0; }.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #886AB5; }.select2-container--default.select2-container--focus .select2-selection--multiple { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }.select2-container--default .select2-selection--multiple .select2-selection__rendered { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }.select2-container--default .select2-selection--multiple .select2-selection__choice { margin: 5px 3px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #CCBFDF; border-color: #967BBD; color: #563D7C; } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { margin: 0; padding-left: 7px; padding-right: 7px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 16px; border-left: 1px solid rgba(0, 0, 0, 0.1); margin-left: 5px; color: #A38CC6; } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { color: #886AB5; } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; }.select2-container .select2-search--inline .select2-search__field { margin-top: 0; margin-left: 0; height: calc(1.47em + 1rem + 2px); padding: 0.5rem 0.3rem; min-width: 100px; }span.select2-selection.select2-selection--single,span.select2-selection.select2-selection--multiple { outline: none; }.select2-container--default .select2-selection--single .select2-selection__clear { padding: 0 15px; margin-right: 8px; font-size: 1rem; color: #fd3d51; } .select2-container--default .select2-selection--single .select2-selection__clear:hover { color: #FD243A; }/* this is not a permanent solution... hopefully IE will die by the time we release version 5.... */@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .select2-container--default .select2-selection--single .select2-selection__clear { line-height: normal; margin-top: 8px; } }.select2-results__message { color: #fd3d51; }/*# sourceMappingURL/wwwroot/css/formplugins/select2/select2.bundle.css.map *//style>style>.emoji { font-size: 0.25px; width: 120em; height: 120em; margin: 15em 7em; background: #FFDA6A; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50%; position: relative; } .emoji:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .emoji:after { position: absolute; bottom: -40em; font-size: 18em; width: 60em; left: calc(50% - 30em); color: #8A8A8A; }.emoji__face, .emoji__eyebrows, .emoji__eyes, .emoji__mouth, .emoji__tongue, .emoji__heart, .emoji__hand, .emoji__thumb { position: absolute; } .emoji__face:before, .emoji__face:after, .emoji__eyebrows:before, .emoji__eyebrows:after, .emoji__eyes:before, .emoji__eyes:after, .emoji__mouth:before, .emoji__mouth:after, .emoji__tongue:before, .emoji__tongue:after, .emoji__heart:before, .emoji__heart:after, .emoji__hand:before, .emoji__hand:after, .emoji__thumb:before, .emoji__thumb:after { position: absolute; content: ; }.emoji__face { width: inherit; height: inherit; }.emoji--like { background: #548DFF; } .emoji--like .emoji__hand { left: 25em; bottom: 30em; width: 20em; height: 40em; background: #FFFFFF; border-radius: 5em; z-index: 0; -webkit-animation: hands-up 2s linear infinite; animation: hands-up 2s linear infinite; } .emoji--like .emoji__hand:before { left: 25em; bottom: 5em; width: 40em; background: inherit; height: 10em; border-radius: 2em 10em 10em 2em; -webkit-box-shadow: 1em -9em 0 1em #FFFFFF, 2em -19em 0 2em #FFFFFF, 3em -29em 0 3em #FFFFFF; box-shadow: 1em -9em 0 1em #FFFFFF, 2em -19em 0 2em #FFFFFF, 3em -29em 0 3em #FFFFFF; } .emoji--like .emoji__thumb { border-bottom: 20em solid #FFFFFF; border-left: 20em solid transparent; top: -25em; right: -25em; z-index: 2; -webkit-transform: rotate(5deg); transform: rotate(5deg); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-animation: thumbs-up 2s linear infinite; animation: thumbs-up 2s linear infinite; } .emoji--like .emoji__thumb:before { border-radius: 50% 50% 0 0; background: #FFFFFF; width: 10em; height: 12em; left: -10em; top: -8em; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-box-shadow: -1em 4em 0 -1em #FFFFFF; box-shadow: -1em 4em 0 -1em #FFFFFF; }.emoji--love { background: #F55064; } .emoji--love .emoji__heart { left: calc(50% - 40em); top: calc(50% - 40em); width: 80em; height: 80em; -webkit-animation: heart-beat 1s linear infinite alternate; animation: heart-beat 1s linear infinite alternate; } .emoji--love .emoji__heart:before, .emoji--love .emoji__heart:after { left: calc(50% - 20em); top: calc(50% - 32em); width: 40em; height: 64em; background: #FFFFFF; border-radius: 20em 20em 0 0; } .emoji--love .emoji__heart:before { -webkit-transform: translate(20em) rotate(-45deg); transform: translate(20em) rotate(-45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .emoji--love .emoji__heart:after { -webkit-transform: translate(-20em) rotate(45deg); transform: translate(-20em) rotate(45deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }.emoji--haha .emoji__face { -webkit-animation: haha-face 2s linear infinite; animation: haha-face 2s linear infinite; }.emoji--haha .emoji__eyes { width: 26em; height: 6em; border-radius: 2em; left: calc(50% - 13em); top: 35em; -webkit-transform: rotate(20deg); transform: rotate(20deg); background: transparent; -webkit-box-shadow: -25em 5em 0 0 #000000, 25em -5em 0 0 #000000; box-shadow: -25em 5em 0 0 #000000, 25em -5em 0 0 #000000; } .emoji--haha .emoji__eyes:after { left: 0; top: 0; width: 26em; height: 6em; border-radius: 2em; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); background: transparent; -webkit-box-shadow: -25em -5em 0 0 #000000, 25em 5em 0 0 #000000; box-shadow: -25em -5em 0 0 #000000, 25em 5em 0 0 #000000; }.emoji--haha .emoji__mouth { width: 80em; height: 40em; left: calc(50% - 40em); top: 50%; background: #000000; border-radius: 0 0 40em 40em; overflow: hidden; z-index: 1; -webkit-animation: haha-mouth 2s linear infinite; animation: haha-mouth 2s linear infinite; }.emoji--haha .emoji__tongue { width: 70em; height: 30em; background: #F55064; left: calc(50% - 35em); bottom: -10em; border-radius: 50%; }.emoji--yay:after { -webkit-animation: yay-reverse 1s linear infinite; animation: yay-reverse 1s linear infinite; }.emoji--yay .emoji__face { -webkit-animation: yay 1s linear infinite alternate; animation: yay 1s linear infinite alternate; }.emoji--yay .emoji__eyebrows { left: calc(50% - 3em); top: 30em; height: 6em; width: 6em; border-radius: 50%; background: transparent; -webkit-box-shadow: -6em 0 0 0 #000000, -36em 0 0 0em #000000, 6em 0 0 0 #000000, 36em 0 0 0em #000000; box-shadow: -6em 0 0 0 #000000, -36em 0 0 0em #000000, 6em 0 0 0 #000000, 36em 0 0 0em #000000; } .emoji--yay .emoji__eyebrows:before, .emoji--yay .emoji__eyebrows:after { width: 36em; height: 18em; border-radius: 60em 60em 0 0; background: transparent; border: 6em solid black; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 0; bottom: 3em; left: calc(50% - 18em); } .emoji--yay .emoji__eyebrows:before { margin-left: -21em; } .emoji--yay .emoji__eyebrows:after { margin-left: 21em; }.emoji--yay .emoji__mouth { top: 60em; background: transparent; left: 50%; } .emoji--yay .emoji__mouth:after { width: 80em; height: 80em; left: calc(50% - 40em); top: -75em; border-radius: 50%; background: transparent; border: 6em solid #000000; -webkit-box-sizing: border-box; box-sizing: border-box; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; z-index: 1; } .emoji--yay .emoji__mouth:before { width: 6em; height: 6em; background: transparent; border-radius: 50%; bottom: 5em; left: calc(50% - 3em); -webkit-box-shadow: -25em 0 0 0 #000000, 25em 0 0 0 #000000, -35em -2em 30em 10em #D5234C, 35em -2em 30em 10em #D5234C; box-shadow: -25em 0 0 0 #000000, 25em 0 0 0 #000000, -35em -2em 30em 10em #D5234C, 35em -2em 30em 10em #D5234C; }.emoji--wow .emoji__face { -webkit-animation: wow-face 3s linear infinite; animation: wow-face 3s linear infinite; }.emoji--wow .emoji__eyebrows { left: calc(50% - 3em); height: 6em; width: 6em; border-radius: 50%; background: transparent; -webkit-box-shadow: -18em 0 0 0 #000000, -33em 0 0 0 #000000, 18em 0 0 0 #000000, 33em 0 0 0 #000000; box-shadow: -18em 0 0 0 #000000, -33em 0 0 0 #000000, 18em 0 0 0 #000000, 33em 0 0 0 #000000; -webkit-animation: wow-brow 3s linear infinite; animation: wow-brow 3s linear infinite; } .emoji--wow .emoji__eyebrows:before, .emoji--wow .emoji__eyebrows:after { width: 24em; height: 20em; border: 6em solid #000000; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; top: -3em; left: calc(50% - 12em); } .emoji--wow .emoji__eyebrows:before { margin-left: -25em; } .emoji--wow .emoji__eyebrows:after { margin-left: 25em; }.emoji--wow .emoji__eyes { width: 16em; height: 24em; left: calc(50% - 8em); top: 35em; border-radius: 50%; background: transparent; -webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; }.emoji--wow .emoji__mouth { width: 30em; height: 45em; left: calc(50% - 15em); top: 50%; border-radius: 50%; background: #000000; -webkit-animation: wow-mouth 3s linear infinite; animation: wow-mouth 3s linear infinite; }.emoji--sad .emoji__face { -webkit-animation: sad-face 2s ease-in infinite; animation: sad-face 2s ease-in infinite; }.emoji--sad .emoji__eyebrows { left: calc(50% - 3em); top: 35em; height: 6em; width: 6em; border-radius: 50%; background: transparent; -webkit-box-shadow: -40em 9em 0 0 #000000, -25em 0 0 0 #000000, 25em 0 0 0 #000000, 40em 9em 0 0 #000000; box-shadow: -40em 9em 0 0 #000000, -25em 0 0 0 #000000, 25em 0 0 0 #000000, 40em 9em 0 0 #000000; } .emoji--sad .emoji__eyebrows:before, .emoji--sad .emoji__eyebrows:after { width: 30em; height: 20em; border: 6em solid #000000; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; top: 2em; left: calc(50% - 15em); } .emoji--sad .emoji__eyebrows:before { margin-left: -30em; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } .emoji--sad .emoji__eyebrows:after { margin-left: 30em; -webkit-transform: rotate(30deg); transform: rotate(30deg); }.emoji--sad .emoji__eyes { width: 14em; height: 16em; left: calc(50% - 7em); top: 50em; border-radius: 50%; background: transparent; -webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; } .emoji--sad .emoji__eyes:after { background: #548DFF; width: 12em; height: 12em; margin-left: 6em; border-radius: 0 100% 40% 50% / 0 50% 40% 100%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: tear-drop 2s ease-in infinite; animation: tear-drop 2s ease-in infinite; }.emoji--sad .emoji__mouth { width: 60em; height: 80em; left: calc(50% - 30em); top: 80em; -webkit-box-sizing: border-box; box-sizing: border-box; border: 6em solid #000000; border-radius: 50%; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; background: transparent; -webkit-animation: sad-mouth 2s ease-in infinite; animation: sad-mouth 2s ease-in infinite; } .emoji--sad .emoji__mouth:after { width: 6em; height: 6em; background: transparent; border-radius: 50%; top: 4em; left: calc(50% - 3em); -webkit-box-shadow: -18em 0 0 0 #000000, 18em 0 0 0 #000000; box-shadow: -18em 0 0 0 #000000, 18em 0 0 0 #000000; }.emoji--angry { background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%, #D5234C), to(#FFDA6A)); background: linear-gradient(#D5234C -10%, #FFDA6A); background-size: 100%; -webkit-animation: angry-color 2s ease-in infinite; animation: angry-color 2s ease-in infinite; } .emoji--angry .emoji__face { -webkit-animation: angry-face 2s ease-in infinite; animation: angry-face 2s ease-in infinite; } .emoji--angry .emoji__eyebrows { left: calc(50% - 3em); top: 55em; height: 6em; width: 6em; border-radius: 50%; background: transparent; -webkit-box-shadow: -44em 5em 0 0 #000000, -7em 16em 0 0 #000000, 7em 16em 0 0 #000000, 44em 5em 0 0 #000000; box-shadow: -44em 5em 0 0 #000000, -7em 16em 0 0 #000000, 7em 16em 0 0 #000000, 44em 5em 0 0 #000000; } .emoji--angry .emoji__eyebrows:before, .emoji--angry .emoji__eyebrows:after { width: 50em; height: 20em; border: 6em solid #000000; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; top: 0; left: calc(50% - 25em); } .emoji--angry .emoji__eyebrows:before { margin-left: -25em; -webkit-transform: rotate(15deg); transform: rotate(15deg); } .emoji--angry .emoji__eyebrows:after { margin-left: 25em; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } .emoji--angry .emoji__eyes { width: 12em; height: 12em; left: calc(50% - 6em); top: 70em; border-radius: 50%; background: transparent; -webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; } .emoji--angry .emoji__mouth { width: 36em; height: 18em; left: calc(50% - 18em); bottom: 15em; background: #000000; border-radius: 50%; -webkit-animation: angry-mouth 2s ease-in infinite; animation: angry-mouth 2s ease-in infinite; }@-webkit-keyframes heart-beat { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.6); transform: scale(0.6); } }@keyframes heart-beat { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.6); transform: scale(0.6); } }@-webkit-keyframes haha-face { 10%, 30%, 50% { -webkit-transform: translateY(25em); transform: translateY(25em); } 20%, 40% { -webkit-transform: translateY(15em); transform: translateY(15em); } 60%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 70%, 90% { -webkit-transform: translateY(-10em); transform: translateY(-10em); } }@keyframes haha-face { 10%, 30%, 50% { -webkit-transform: translateY(25em); transform: translateY(25em); } 20%, 40% { -webkit-transform: translateY(15em); transform: translateY(15em); } 60%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 70%, 90% { -webkit-transform: translateY(-10em); transform: translateY(-10em); } }@-webkit-keyframes haha-mouth { 10%, 30%, 50% { -webkit-transform: scale(0.6); transform: scale(0.6); top: 45%; } 20%, 40% { -webkit-transform: scale(0.8); transform: scale(0.8); top: 45%; } 60%, 80% { -webkit-transform: scale(1); transform: scale(1); top: 50%; } 70% { -webkit-transform: scale(1.2); transform: scale(1.2); top: 50%; } 90% { -webkit-transform: scale(1.1); transform: scale(1.1); top: 50%; } }@keyframes haha-mouth { 10%, 30%, 50% { -webkit-transform: scale(0.6); transform: scale(0.6); top: 45%; } 20%, 40% { -webkit-transform: scale(0.8); transform: scale(0.8); top: 45%; } 60%, 80% { -webkit-transform: scale(1); transform: scale(1); top: 50%; } 70% { -webkit-transform: scale(1.2); transform: scale(1.2); top: 50%; } 90% { -webkit-transform: scale(1.1); transform: scale(1.1); top: 50%; } }@-webkit-keyframes yay { 25% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } }@keyframes yay { 25% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } }@-webkit-keyframes wow-face { 15%, 25% { -webkit-transform: rotate(20deg) translateX(-25em); transform: rotate(20deg) translateX(-25em); } 45%, 65% { -webkit-transform: rotate(-20deg) translateX(25em); transform: rotate(-20deg) translateX(25em); } 75%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } }@keyframes wow-face { 15%, 25% { -webkit-transform: rotate(20deg) translateX(-25em); transform: rotate(20deg) translateX(-25em); } 45%, 65% { -webkit-transform: rotate(-20deg) translateX(25em); transform: rotate(-20deg) translateX(25em); } 75%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } }@-webkit-keyframes wow-brow { 15%, 65% { top: 25em; } 75%, 100%, 0% { top: 15em; } }@keyframes wow-brow { 15%, 65% { top: 25em; } 75%, 100%, 0% { top: 15em; } }@-webkit-keyframes wow-mouth { 10%, 30% { width: 20em; height: 20em; left: calc(50% - 10em); } 50%, 70% { width: 30em; height: 40em; left: calc(50% - 15em); } 75%, 100% { height: 50em; } }@keyframes wow-mouth { 10%, 30% { width: 20em; height: 20em; left: calc(50% - 10em); } 50%, 70% { width: 30em; height: 40em; left: calc(50% - 15em); } 75%, 100% { height: 50em; } }@-webkit-keyframes sad-face { 25%, 35% { top: -15em; } 55%, 95% { top: 10em; } 100%, 0% { top: 0; } }@keyframes sad-face { 25%, 35% { top: -15em; } 55%, 95% { top: 10em; } 100%, 0% { top: 0; } }@-webkit-keyframes sad-mouth { 25%, 35% { -webkit-transform: scale(0.85); transform: scale(0.85); top: 70em; } 55%, 100%, 0% { -webkit-transform: scale(1); transform: scale(1); top: 80em; } }@keyframes sad-mouth { 25%, 35% { -webkit-transform: scale(0.85); transform: scale(0.85); top: 70em; } 55%, 100%, 0% { -webkit-transform: scale(1); transform: scale(1); top: 80em; } }@-webkit-keyframes tear-drop { 0%, 100% { display: block; left: 35em; top: 15em; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 25% { display: block; left: 35em; -webkit-transform: rotate(45deg) scale(2); transform: rotate(45deg) scale(2); } 49.9% { display: block; left: 35em; top: 65em; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 50% { display: block; left: -35em; top: 15em; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 75% { display: block; left: -35em; -webkit-transform: rotate(45deg) scale(2); transform: rotate(45deg) scale(2); } 99.9% { display: block; left: -35em; top: 65em; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } }@keyframes tear-drop { 0%, 100% { display: block; left: 35em; top: 15em; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 25% { display: block; left: 35em; -webkit-transform: rotate(45deg) scale(2); transform: rotate(45deg) scale(2); } 49.9% { display: block; left: 35em; top: 65em; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 50% { display: block; left: -35em; top: 15em; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 75% { display: block; left: -35em; -webkit-transform: rotate(45deg) scale(2); transform: rotate(45deg) scale(2); } 99.9% { display: block; left: -35em; top: 65em; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } }@-webkit-keyframes hands-up { 25% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(-15deg) translateY(-10em); transform: rotate(-15deg) translateY(-10em); } 75%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }@keyframes hands-up { 25% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(-15deg) translateY(-10em); transform: rotate(-15deg) translateY(-10em); } 75%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }@-webkit-keyframes thumbs-up { 25% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 50%, 100% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } }@keyframes thumbs-up { 25% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 50%, 100% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } }@-webkit-keyframes angry-color { 45%, 60% { background-size: 250%; } 85%, 100%, 0% { background-size: 100%; } }@keyframes angry-color { 45%, 60% { background-size: 250%; } 85%, 100%, 0% { background-size: 100%; } }@-webkit-keyframes angry-face { 35%, 60% { -webkit-transform: translateX(0) translateY(10em) scale(0.9); transform: translateX(0) translateY(10em) scale(0.9); } 40%, 50% { -webkit-transform: translateX(-5em) translateY(10em) scale(0.9); transform: translateX(-5em) translateY(10em) scale(0.9); } 45%, 55% { -webkit-transform: translateX(5em) translateY(10em) scale(0.9); transform: translateX(5em) translateY(10em) scale(0.9); } }@keyframes angry-face { 35%, 60% { -webkit-transform: translateX(0) translateY(10em) scale(0.9); transform: translateX(0) translateY(10em) scale(0.9); } 40%, 50% { -webkit-transform: translateX(-5em) translateY(10em) scale(0.9); transform: translateX(-5em) translateY(10em) scale(0.9); } 45%, 55% { -webkit-transform: translateX(5em) translateY(10em) scale(0.9); transform: translateX(5em) translateY(10em) scale(0.9); } }@-webkit-keyframes angry-mouth { 25%, 50% { height: 6em; bottom: 25em; } }@keyframes angry-mouth { 25%, 50% { height: 6em; bottom: 25em; } }/*# sourceMappingURL/wwwroot/css/miscellaneous/reactions/reactions.css.map *//style>style>@charset UTF-8;@import url(https://fonts.googleapis.com/css?familyRoboto:300,400,500,700,900);.fc { direction: ltr; text-align: left; }.fc-rtl { text-align: right; }body .fc { /* extra precedence to overcome jqui */ font-size: 1em; }/* Colors--------------------------------------------------------------------------------------------------*/.fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: 0.3; }.fc-bgevent { /* default look for background events */ background: #8fdf82; opacity: 0.3; }.fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevents styles */ background: #d7d7d7; }/* Popover--------------------------------------------------------------------------------------------------*/.fc-popover { position: absolute; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px 4px; }.fc-rtl .fc-popover .fc-header { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }.fc-popover .fc-header .fc-title { margin: 0 2px; }.fc-popover .fc-header .fc-close { cursor: pointer; opacity: 0.65; font-size: 1.1em; }/* Misc Reusable Components--------------------------------------------------------------------------------------------------*/.fc-divider { border-style: solid; border-width: 1px; }hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ border-width: 1px 0; }.fc-bg,.fc-bgevent-skeleton,.fc-highlight-skeleton,.fc-mirror-skeleton { /* these element should always cling to top-left/right corners */ position: absolute; top: 0; left: 0; right: 0; }.fc-bg { bottom: 0; /* strech bg to bottom edge */ }.fc-bg table { height: 100%; /* strech bg to bottom edge */ }/* Tables--------------------------------------------------------------------------------------------------*/.fc table { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; /* fix scrollbar issue in firefox */ table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ }.fc th { text-align: center; }.fc th,.fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; }.fc td.fc-today { border-style: double; /* overcome neighboring borders */ }/* Internal Nav Links--------------------------------------------------------------------------------------------------*/adata-goto { cursor: pointer; }adata-goto:hover { text-decoration: underline; }/* Fake Table Rows--------------------------------------------------------------------------------------------------*/.fc .fc-row { /* extra precedence to overcome themes forcing a 1px border */ /* no visible border by default. but make available if need be (scrollbar width compensation) */ border-style: solid; border-width: 0; }.fc-row table { /* dont put left/right border on anything within a fake row. the outer tbody will worry about this */ border-left: 0 hidden transparent; border-right: 0 hidden transparent; /* no bottom borders on rows */ border-bottom: 0 hidden transparent; }.fc-row:first-child table { border-top: 0 hidden transparent; /* no top border on first row */ }/* Day Row (used within the header and the DayGrid)--------------------------------------------------------------------------------------------------*/.fc-row { position: relative; }.fc-row .fc-bg { z-index: 1; }/* highlighting cells & background event skeleton */.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton { bottom: 0; /* stretch skeleton to bottom of row */ }.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table { height: 100%; /* stretch skeleton to bottom of row */ }.fc-row .fc-highlight-skeleton td,.fc-row .fc-bgevent-skeleton td { border-color: transparent; }.fc-row .fc-bgevent-skeleton { z-index: 2; }.fc-row .fc-highlight-skeleton { z-index: 3; }/*row content (which contains day/week numbers and events) as well as mirror (which containstemporary rendered events).*/.fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; /* matches the space above the events */ }.fc-row .fc-mirror-skeleton { z-index: 5; }.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-mirror-skeleton td { /* see-through to the background below */ /* extra precedence to prevent theme-provided backgrounds */ background: none; /* in case td>s are globally styled */ border-color: transparent; }.fc-row .fc-content-skeleton td,.fc-row .fc-mirror-skeleton td { /* dont put a border between events and/or the day number */ border-bottom: 0; }.fc-row .fc-content-skeleton tbody td,.fc-row .fc-mirror-skeleton tbody td { /* dont put a border between event cells */ border-top: 0; }/* Scrolling Container--------------------------------------------------------------------------------------------------*/.fc-scroller { -webkit-overflow-scrolling: touch; }/* TODO: move to timegrid/daygrid */.fc-scroller > .fc-day-grid,.fc-scroller > .fc-time-grid { position: relative; /* re-scope all positions */ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }/* Global Event Styles--------------------------------------------------------------------------------------------------*/.fc-event { position: relative; /* for resize handle and other inner positioning */ display: block; /* make the a> tag block */ font-size: 0.85em; line-height: 1.4; border-radius: 3px; border: 1px solid #3788d8; }.fc-event,.fc-event-dot { background-color: #3788d8; /* default BACKGROUND color */ }.fc-event,.fc-event:hover { color: #fff; /* default TEXT color */ text-decoration: none; /* if a> has an href */ }.fc-eventhref,.fc-event.fc-draggable { cursor: pointer; /* give events with links and draggable events a hand mouse pointer */ }.fc-not-allowed,.fc-not-allowed .fc-event { /* to override an events custom cursor */ cursor: not-allowed; }.fc-event .fc-content { position: relative; z-index: 2; }/* resizer (cursor AND touch devices) */.fc-event .fc-resizer { position: absolute; z-index: 4; }/* resizer (touch devices) */.fc-event .fc-resizer { display: none; }.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer { /* only show when hovering or selected (with touch) */ display: block; }/* hit area */.fc-event.fc-selected .fc-resizer:before { /* 40x40 touch area */ content: ; position: absolute; z-index: 9999; /* user of this util can scope within a lower z-index */ top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; }/* Event Selection (only for touch devices)--------------------------------------------------------------------------------------------------*/.fc-event.fc-selected { z-index: 9999 !important; /* overcomes inline z-index */ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }.fc-event.fc-selected:after { content: ; position: absolute; z-index: 1; /* same z-index as fc-bg, behind text */ /* overcome the borders */ top: -1px; right: -1px; bottom: -1px; left: -1px; /* darkening effect */ background: #000; opacity: 0.25; }/* Event Dragging--------------------------------------------------------------------------------------------------*/.fc-event.fc-dragging.fc-selected { -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }.fc-event.fc-dragging:not(.fc-selected) { opacity: 0.75; }/* Horizontal Events--------------------------------------------------------------------------------------------------*//* bigger touch area when selected */.fc-h-event.fc-selected:before { content: ; position: absolute; z-index: 3; /* below resizers */ top: -10px; bottom: -10px; left: 0; right: 0; }/* events that are continuing to/from another week. kill rounded corners and butt up against edge */.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; /* replace the border with padding */ border-top-left-radius: 0; border-bottom-left-radius: 0; }.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; /* replace the border with padding */ border-top-right-radius: 0; border-bottom-right-radius: 0; }/* resizer (cursor AND touch devices) *//* left resizer */.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer { cursor: w-resize; left: -1px; /* overcome border */ }/* right resizer */.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer { cursor: e-resize; right: -1px; /* overcome border */ }/* resizer (mouse devices) */.fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; /* overcome top border */ bottom: -1px; /* overcome bottom border */ }/* resizer (touch devices) */.fc-h-event.fc-selected .fc-resizer { /* 8x8 little dot */ border-radius: 4px; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; /* vertically center */ top: 50%; margin-top: -4px; }/* left resizer */.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer { margin-left: -4px; /* centers the 8x8 dot on the left edge */ }/* right resizer */.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer { margin-right: -4px; /* centers the 8x8 dot on the right edge */ }/* DayGrid events----------------------------------------------------------------------------------------------------We use the full fc-day-grid-event class instead of using descendants because the event wontbe a descendant of the grid when it is being dragged.*/.fc-day-grid-event { margin: 1px 2px 0; /* spacing between events and edges */ padding: 0 1px; }tr:first-child > td > .fc-day-grid-event { margin-top: 2px; /* a little bit more space before the first event */ }.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event { margin-top: 0; /* except for mirror skeleton */ }.fc-day-grid-event .fc-content { /* force events to be one-line tall */ white-space: nowrap; overflow: hidden; }.fc-day-grid-event .fc-time { font-weight: bold; }/* resizer (cursor devices) *//* left resizer */.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-left: -2px; /* to the day cells edge */ }/* right resizer */.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-right: -2px; /* to the day cells edge */ }/* Event Limiting--------------------------------------------------------------------------------------------------*//* more link that represents hidden events */a.fc-more { margin: 1px 3px; font-size: 0.85em; cursor: pointer; text-decoration: none; }a.fc-more:hover { text-decoration: underline; }.fc-limited { /* rows and cells that are hidden because of a more link */ display: none; }/* popover that appears when more link is clicked */.fc-day-grid .fc-row { z-index: 1; /* make the more popover one higher than this */ }.fc-more-popover { z-index: 2; width: 220px; }.fc-more-popover .fc-event-container { padding: 10px; }/* Now Indicator--------------------------------------------------------------------------------------------------*/.fc-now-indicator { position: absolute; border: 0 solid red; }/* Utilities--------------------------------------------------------------------------------------------------*/.fc-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }/*TODO: more distinction between this file and common.css*//* Colors--------------------------------------------------------------------------------------------------*/.fc-unthemed th,.fc-unthemed td,.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-divider,.fc-unthemed .fc-row,.fc-unthemed .fc-content,.fc-unthemed .fc-popover,.fc-unthemed .fc-list-view,.fc-unthemed .fc-list-heading td { border-color: #ddd; }.fc-unthemed .fc-popover { background-color: #fff; }.fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header,.fc-unthemed .fc-list-heading td { background: #eee; }.fc-unthemed td.fc-today { background: #fcf8e3; }.fc-unthemed .fc-disabled-day { background: #d7d7d7; opacity: 0.3; }/* Icons--------------------------------------------------------------------------------------------------from https://feathericons.com/ and built with IcoMoon*/@font-face { font-family: fcicons; src: url(data:application/x-font-ttf;charsetutf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format(truetype); font-weight: normal; font-style: normal; }.fc-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: fcicons !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }.fc-icon-chevron-left:before { content: ; }.fc-icon-chevron-right:before { content: ; }.fc-icon-chevrons-left:before { content: ; }.fc-icon-chevrons-right:before { content: ; }.fc-icon-minus-square:before { content: ; }.fc-icon-plus-square:before { content: ; }.fc-icon-x:before { content: ; }.fc-icon { display: inline-block; width: 1em; height: 1em; text-align: center; }/* Buttons--------------------------------------------------------------------------------------------------Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css*//* reset */.fc-button { border-radius: 0; overflow: visible; text-transform: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }.fc-button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }.fc-button { -webkit-appearance: button; }.fc-button:not(:disabled) { cursor: pointer; }.fc-button::-moz-focus-inner { padding: 0; border-style: none; }/* theme */.fc-button { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4em 0.65em; font-size: 1em; line-height: 1.5; border-radius: 0.25em; }.fc-button:hover { color: #212529; text-decoration: none; }.fc-button:focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); }.fc-button:disabled { opacity: 0.65; }/* primary coloring */.fc-button-primary { color: #fff; background-color: #2C3E50; border-color: #2C3E50; }.fc-button-primary:hover { color: #fff; background-color: #1e2b37; border-color: #1a252f; }.fc-button-primary:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }.fc-button-primary:disabled { color: #fff; background-color: #2C3E50; border-color: #2C3E50; }.fc-button-primary:not(:disabled):active,.fc-button-primary:not(:disabled).fc-button-active { color: #fff; background-color: #1a252f; border-color: #151e27; }.fc-button-primary:not(:disabled):active:focus,.fc-button-primary:not(:disabled).fc-button-active:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }/* icons within buttons */.fc-button .fc-icon { vertical-align: middle; font-size: 1.5em; }/* Buttons Groups--------------------------------------------------------------------------------------------------*/.fc-button-group { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; }.fc-button-group > .fc-button { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }.fc-button-group > .fc-button:hover { z-index: 1; }.fc-button-group > .fc-button:focus,.fc-button-group > .fc-button:active,.fc-button-group > .fc-button.fc-button-active { z-index: 1; }.fc-button-group > .fc-button:not(:first-child) { margin-left: -1px; }.fc-button-group > .fc-button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }.fc-button-group > .fc-button:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }/* Popover--------------------------------------------------------------------------------------------------*/.fc-unthemed .fc-popover { border-width: 1px; border-style: solid; }/* List View--------------------------------------------------------------------------------------------------*/.fc-unthemed .fc-list-item:hover td { background-color: #f5f5f5; }/* Toolbar--------------------------------------------------------------------------------------------------*/.fc-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }.fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em; }.fc-toolbar.fc-footer-toolbar { margin-top: 1.5em; }/* inner content */.fc-toolbar > * > :not(:first-child) { margin-left: 0.75em; }.fc-toolbar h2 { font-size: 1.75em; margin: 0; }/* View Structure--------------------------------------------------------------------------------------------------*/.fc-view-container { position: relative; }/* undo twitter bootstraps box-sizing rules. normalizes positioning techniques *//* dont do this for the toolbar because well want bootstrap to style those buttons as some pt */.fc-view-container *,.fc-view-container *:before,.fc-view-container *:after { -webkit-box-sizing: content-box; box-sizing: content-box; }.fc-view,.fc-view > table { /* so dragged elements can be above the views main element */ position: relative; z-index: 1; }@media print { .fc { max-width: 100% !important; } /* Global Event Restyling --------------------------------------------------------------------------------------------------*/ .fc-event { background: #fff !important; color: #000 !important; page-break-inside: avoid; } .fc-event .fc-resizer { display: none; } /* Table & Day-Row Restyling --------------------------------------------------------------------------------------------------*/ .fc th, .fc td, .fc hr, .fc thead, .fc tbody, .fc-row { border-color: #ccc !important; background: #fff !important; } /* kill the overlaid, absolutely-positioned components */ /* common... */ .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-mirror-skeleton, .fc-bgevent-container, .fc-business-container, .fc-highlight-container, .fc-mirror-container { display: none; } /* dont force a min-height on rows (for DayGrid) */ .fc tbody .fc-row { height: auto !important; /* undo height that JS set in distributeHeight */ min-height: 0 !important; /* undo the min-height from each views specific stylesheet */ } .fc tbody .fc-row .fc-content-skeleton { position: static; /* undo .fc-rigid */ padding-bottom: 0 !important; /* use a more border-friendly method for this... */ } .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */ padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */ } .fc tbody .fc-row .fc-content-skeleton table { /* provides a min-height for the row, but only effective for IE, which exaggerates this value, making it look more like 3em. for other browers, it will already be this tall */ height: 1em; } /* Undo month-view event limiting. Display all events and hide the more links --------------------------------------------------------------------------------------------------*/ .fc-more-cell, .fc-more { display: none !important; } .fc tr.fc-limited { display: table-row !important; } .fc td.fc-limited { display: table-cell !important; } .fc-popover { display: none; /* never display the more.. popover in print mode */ } /* TimeGrid Restyling --------------------------------------------------------------------------------------------------*/ /* undo the min-height 100% trick used to fill the containers height */ .fc-time-grid { min-height: 0 !important; } /* dont display the side axis at all (all-day and time cells) */ .fc-timeGrid-view .fc-axis { display: none; } /* dont display the horizontal lines */ .fc-slats, .fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */ display: none !important; /* important overrides inline declaration */ } /* let the container that holds the events be naturally positioned and create real height */ .fc-time-grid .fc-content-skeleton { position: static; } /* in case there are no events, we still want some height */ .fc-time-grid .fc-content-skeleton table { height: 4em; } /* kill the horizontal spacing made by the event container. event margins will be done below */ .fc-time-grid .fc-event-container { margin: 0 !important; } /* TimeGrid *Event* Restyling --------------------------------------------------------------------------------------------------*/ /* naturally position events, vertically stacking them */ .fc-time-grid .fc-event { position: static !important; margin: 3px 2px !important; } /* for events that continue to a future day, give the bottom border back */ .fc-time-grid .fc-event.fc-not-end { border-bottom-width: 1px !important; } /* indicate the event continues via ... text */ .fc-time-grid .fc-event.fc-not-end:after { content: ...; } /* for events that are continuations from previous days, give the top border back */ .fc-time-grid .fc-event.fc-not-start { border-top-width: 1px !important; } /* indicate the event is a continuation via ... text */ .fc-time-grid .fc-event.fc-not-start:before { content: ...; } /* time */ /* undo a previous declaration and let the time text span to a second line */ .fc-time-grid .fc-event .fc-time { white-space: normal !important; } /* hide the the time that is normally displayed... */ .fc-time-grid .fc-event .fc-time span { display: none; } /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */ .fc-time-grid .fc-event .fc-time:after { content: attr(data-full); } /* Vertical Scroller & Containers --------------------------------------------------------------------------------------------------*/ /* kill the scrollbars and allow natural height */ .fc-scroller, .fc-day-grid-container, .fc-time-grid-container { /* */ overflow: visible !important; height: auto !important; } /* kill the horizontal border/padding used to compensate for scrollbars */ .fc-row { border: 0 !important; margin: 0 !important; } /* Button Controls --------------------------------------------------------------------------------------------------*/ .fc-button-group, .fc button { display: none; /* dont display any button-related controls */ } }/* DayGridView--------------------------------------------------------------------------------------------------*//* day row structure */.fc-dayGridWeek-view .fc-content-skeleton,.fc-dayGridDay-view .fc-content-skeleton { /* there may be week numbers in these views, so no padding-top */ padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */ }.fc-dayGrid-view .fc-body .fc-row { min-height: 4em; /* ensure that all rows are at least this tall */ }/* a rigid row will take up a constant amount of height because content-skeleton is absolute */.fc-row.fc-rigid { overflow: hidden; }.fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; }/* week and day number styling */.fc-day-top.fc-other-month { opacity: 0.3; }.fc-dayGrid-view .fc-week-number,.fc-dayGrid-view .fc-day-number { padding: 2px; }.fc-dayGrid-view th.fc-week-number,.fc-dayGrid-view th.fc-day-number { padding: 0 2px; /* column headers cant have as much v space */ }.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number { float: right; }.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number { float: left; }.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px 0; }.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px; }.fc-dayGrid-view .fc-day-top .fc-week-number { min-width: 1.5em; text-align: center; background-color: #f2f2f2; color: #808080; }/* when week/day number have own column */.fc-dayGrid-view td.fc-week-number { text-align: center; }.fc-dayGrid-view td.fc-week-number > * { /* work around the way we do column resizing and ensure a minimum width */ display: inline-block; min-width: 1.25em; }/* List View--------------------------------------------------------------------------------------------------*//* possibly reusable */.fc-event-dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px; }/* view wrapper */.fc-rtl .fc-list-view { direction: rtl; /* unlike core views, leverage browser RTL */ }.fc-list-view { border-width: 1px; border-style: solid; }/* table resets */.fc .fc-list-table { table-layout: auto; /* for shrinkwrapping cell content */ }.fc-list-table td { border-width: 1px 0 0; padding: 8px 14px; }.fc-list-table tr:first-child td { border-top-width: 0; }/* day headings with the list */.fc-list-heading { border-bottom-width: 1px; }.fc-list-heading td { font-weight: bold; }.fc-ltr .fc-list-heading-main { float: left; }.fc-ltr .fc-list-heading-alt { float: right; }.fc-rtl .fc-list-heading-main { float: right; }.fc-rtl .fc-list-heading-alt { float: left; }/* event list items */.fc-list-item.fc-has-url { cursor: pointer; /* whole row will be clickable */ }.fc-list-item-marker,.fc-list-item-time { white-space: nowrap; width: 1px; }/* make the dot closer to the event title */.fc-ltr .fc-list-item-marker { padding-right: 0; }.fc-rtl .fc-list-item-marker { padding-left: 0; }.fc-list-item-title a { /* every event title cell has an a> tag */ text-decoration: none; color: inherit; }.fc-list-item-title ahref:hover { /* hover effect only on titles with hrefs */ text-decoration: underline; }/* message when no events */.fc-list-empty-wrap2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }.fc-list-empty-wrap1 { width: 100%; height: 100%; display: table; }.fc-list-empty { display: table-cell; vertical-align: middle; text-align: center; }.fc-unthemed .fc-list-empty { /* theme will provide own background */ background-color: #eee; }/* TimeGridView all-day area--------------------------------------------------------------------------------------------------*/.fc-timeGrid-view .fc-day-grid { position: relative; z-index: 2; /* so the more.. popover will be over the time grid */ }.fc-timeGrid-view .fc-day-grid .fc-row { min-height: 3em; /* all-day section will never get shorter than this */ }.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton { padding-bottom: 1em; /* give space underneath events for clicking/selecting days */ }/* TimeGrid axis running down the side (for both the all-day area and the slot area)--------------------------------------------------------------------------------------------------*/.fc .fc-axis { /* .fc to overcome default cell styles */ vertical-align: middle; padding: 0 4px; white-space: nowrap; }.fc-ltr .fc-axis { text-align: right; }.fc-rtl .fc-axis { text-align: left; }/* TimeGrid Structure--------------------------------------------------------------------------------------------------*/.fc-time-grid-container,.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */ position: relative; z-index: 1; }.fc-time-grid { min-height: 100%; /* so if height setting is auto, .fc-bg stretches to fill height */ }.fc-time-grid table { /* dont put outer borders on slats/bg/content/etc */ border: 0 hidden transparent; }.fc-time-grid > .fc-bg { z-index: 1; }.fc-time-grid .fc-slats,.fc-time-grid > hr { /* the hr> TimeGridView injects when grid is shorter than scroller */ position: relative; z-index: 2; }.fc-time-grid .fc-content-col { position: relative; /* because now-indicator lives directly inside */ }.fc-time-grid .fc-content-skeleton { position: absolute; z-index: 3; top: 0; left: 0; right: 0; }/* divs within a cell within the fc-content-skeleton */.fc-time-grid .fc-business-container { position: relative; z-index: 1; }.fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; }.fc-time-grid .fc-highlight-container { position: relative; z-index: 3; }.fc-time-grid .fc-event-container { position: relative; z-index: 4; }.fc-time-grid .fc-now-indicator-line { z-index: 5; }.fc-time-grid .fc-mirror-container { /* also is fc-event-container */ position: relative; z-index: 6; }/* TimeGrid Slats (lines that run horizontally)--------------------------------------------------------------------------------------------------*/.fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0; /* each cell is responsible for its top border */ }.fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; }/* TimeGrid Highlighting Slots--------------------------------------------------------------------------------------------------*/.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */ position: relative; /* scopes the left/right of the fc-highlight to be in the column */ }.fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; /* top and bottom will be in by JS */ }/* TimeGrid Event Containment--------------------------------------------------------------------------------------------------*/.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */ margin: 0 2.5% 0 2px; }.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */ margin: 0 2px 0 2.5%; }.fc-time-grid .fc-event,.fc-time-grid .fc-bgevent { position: absolute; z-index: 1; /* scope inner z-indexs */ }.fc-time-grid .fc-bgevent { /* background events always span full width */ left: 0; right: 0; }/* TimeGrid Event Styling----------------------------------------------------------------------------------------------------We use the full fc-time-grid-event class instead of using descendants because the event wontbe a descendant of the grid when it is being dragged.*/.fc-time-grid-event { margin-bottom: 1px; }.fc-time-grid-event-inset { -webkit-box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px #fff; }.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */ /* replace space made by the top border with padding */ border-top-width: 0; padding-top: 1px; /* remove top rounded corners */ border-top-left-radius: 0; border-top-right-radius: 0; }.fc-time-grid-event.fc-not-end { /* replace space made by the top border with padding */ border-bottom-width: 0; padding-bottom: 1px; /* remove bottom rounded corners */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.fc-time-grid-event .fc-content { overflow: hidden; max-height: 100%; }.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title { padding: 0 1px; }.fc-time-grid-event .fc-time { font-size: 0.85em; white-space: nowrap; }/* short mode, where time and title are on the same line */.fc-time-grid-event.fc-short .fc-content { /* dont wrap to second line (now that contents will be inline) */ white-space: nowrap; }.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title { /* put the time and title on the same line */ display: inline-block; vertical-align: top; }.fc-time-grid-event.fc-short .fc-time span { display: none; /* dont display the full time text... */ }.fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); /* ...instead, display only the start time */ }.fc-time-grid-event.fc-short .fc-time:after { content: - ; /* seperate with a dash, wrapped in nbsps */ }.fc-time-grid-event.fc-short .fc-title { font-size: 0.85em; /* make the title text the same size as the time */ padding: 0; /* undo padding from above */ }/* resizer (cursor device) */.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; }.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: ; }/* resizer (touch device) */.fc-time-grid-event.fc-selected .fc-resizer { /* 10x10 dot */ border-radius: 5px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background: #fff; /* horizontally center */ left: 50%; margin-left: -5px; /* center on the bottom edge */ bottom: -5px; }/* Now Indicator--------------------------------------------------------------------------------------------------*/.fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0; }/* arrow on axis */.fc-time-grid .fc-now-indicator-arrow { margin-top: -5px; /* vertically center on top coordinate */ }.fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0; /* triangle pointing right... */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; }.fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0; /* triangle pointing left... */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; }.fc.fc-bootstrap a { text-decoration: none; }.fc.fc-bootstrap adata-goto:hover { text-decoration: underline; }.fc-bootstrap hr.fc-divider { border-color: inherit; }.fc-bootstrap .fc-today.alert { border-radius: 0; }.fc-bootstrap a.fc-event:not(href):not(tabindex) { color: #fff; }.fc-bootstrap .fc-popover.card { position: absolute; }/* Popover--------------------------------------------------------------------------------------------------*/.fc-bootstrap .fc-popover .card-body { padding: 0; }/* TimeGrid Slats (lines that run horizontally)--------------------------------------------------------------------------------------------------*/.fc-bootstrap .fc-time-grid .fc-slats table { /* some themes have background color. see through to slats */ background: none; }/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins *//*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*//*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); }------------------------*//*------------------------ FADE IN e.g. @include fadeIn( 2s );------------------------*//*------------------------mixin that calculates if text needs to be light or darkdepending on the background color passed.From this W3C document: http://www.webmasterworld.com/r.cgi?f88&d9769&urlhttp://www.w3.org/TR/AERT#color-contrastusage:@include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000------------------------*//*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50);------------------------*//* backface visibility *//* generate theme button *//* #BASE - Base Variable file along with font library, and colors. *//* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */body { font-family: Roboto, Helvetica Neue, Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; }.page-content { color: #666666; }h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; }strong { font-weight: 500; }h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; }h2 small,h3 small,.h2 small,.h3 small { font-size: 0.9375rem; }h4 small,.h4 small { font-size: 0.875rem; }h5 small,h6 small,.h5 small,.h6 small { font-size: 0.8125rem; }/* contrast text */.text-contrast { color: #333333; }/* text-gradient */.text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6E4E9E), color-stop(50%, #62468D), color-stop(75%, #0C7CD5), to(#0960A5)); background: linear-gradient(180deg, #6E4E9E 25%, #62468D 50%, #0C7CD5 75%, #0960A5 100%); color: #886AB5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }/* looking for font size? Check _helpers.scss *//* PLACEHOLDER EXAMPLE:%bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}.image-one { @extend %bg-image; background-image:url(/img/image-one.jpg);}RESULT:.image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}*//*%shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); }}*//*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));}*//* %selected-dot { &:before { content: ; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: ; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*//* patterns *//*.panel { .panel-content.p-0 { .fc-bootstrap { table { border-left: none; border-right: none; td:first-child, th:first-child { border-left: none; } td:last-child, th:last-child { border-right: none; } } } .fc-toolbar.fc-header-toolbar, .fc-toolbar.fc-footer-toolbar { padding: 1rem; margin: 0; } .fc-row.fc-rigid:last-child { td, th { border-bottom: none; } } }}*/.fc-day-grid-event .fc-time { display: block; }.fc-day-grid-event .fc-content { padding: 0.25rem 0.5rem; }.fc-popover .fc-header { padding: 0.5rem 0.75rem; }.fc-more-popover .fc-event-container { padding: 0.5rem; }.fc-popover .fc-header .fc-title { font-weight: bold; }.fc-toolbar h2 { font-size: 1rem; font-weight: 500; text-transform: uppercase; }.fc-event,.fc-event-dot { background: #967BBD; }.fc-event { border: 1px solid #7A59AD; }.fc-day-top.fc-other-month { opacity: 1; }.fc-other-month { background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.02) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.02) 75%, transparent 75%, transparent); background-color: #FAFCFD; background-size: 1rem 1rem; }/*.fc-day.fc-other-month.fc-future { background-color: lighten($success-50, 25%);}*/.fc-head-container thead tr { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), to(#fafafa)); background-image: linear-gradient(to top, #f2f2f2 0, #fafafa 100%); }@media only screen and (max-width: 768px) { /*.panel { .panel-content.p-0 { .fc-toolbar.fc-header-toolbar, .fc-toolbar.fc-footer-toolbar { padding: $panel-spacer-y/2 10px; } } }*/ .fc-day-grid-event .fc-time { display: inline; } .fc-bootstrap:not(.fc-reset-order) .fc-toolbar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fc-bootstrap:not(.fc-reset-order) .fc-toolbar h2 { font-size: 1.125rem; font-weight: 500; } .fc-bootstrap:not(.fc-reset-order) .fc-toolbar .fc-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .fc-bootstrap:not(.fc-reset-order) .fc-toolbar .fc-right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .fc-bootstrap:not(.fc-reset-order) .fc-toolbar .fc-center { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .fc-bootstrap:not(.fc-reset-order) .fc-toolbar > div:not(:empty):not(:first-child) { margin-top: 0.5rem; } }/*# sourceMappingURL/wwwroot/css/miscellaneous/fullcalendar/fullcalendar.bundle.css.map *//style>style>@import url(https://fonts.googleapis.com/css?familyRoboto:300,400,500,700,900);.jqvmap-label { position: absolute; display: none; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; pointer-events: none; }.jqvmap-pin { pointer-events: none; }.jqvmap-zoomin, .jqvmap-zoomout { position: absolute; left: 10px; border-radius: 3px; background: #000000; padding: 3px; color: white; width: 10px; height: 10px; cursor: pointer; line-height: 10px; text-align: center; }.jqvmap-zoomin { top: 10px; }.jqvmap-zoomout { top: 30px; }.jqvmap-region { cursor: pointer; }.jqvmap-ajax_response { width: 100%; height: 500px; }/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins *//*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*//*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); }------------------------*//*------------------------ FADE IN e.g. @include fadeIn( 2s );------------------------*//*------------------------mixin that calculates if text needs to be light or darkdepending on the background color passed.From this W3C document: http://www.webmasterworld.com/r.cgi?f88&d9769&urlhttp://www.w3.org/TR/AERT#color-contrastusage:@include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000------------------------*//*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50);------------------------*//* backface visibility *//* generate theme button *//* #BASE - Base Variable file along with font library, and colors. *//* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */body { font-family: Roboto, Helvetica Neue, Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; }.page-content { color: #666666; }h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; }strong { font-weight: 500; }h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; }h2 small,h3 small,.h2 small,.h3 small { font-size: 0.9375rem; }h4 small,.h4 small { font-size: 0.875rem; }h5 small,h6 small,.h5 small,.h6 small { font-size: 0.8125rem; }/* contrast text */.text-contrast { color: #333333; }/* text-gradient */.text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6E4E9E), color-stop(50%, #62468D), color-stop(75%, #0C7CD5), to(#0960A5)); background: linear-gradient(180deg, #6E4E9E 25%, #62468D 50%, #0C7CD5 75%, #0960A5 100%); color: #886AB5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }/* looking for font size? Check _helpers.scss *//* PLACEHOLDER EXAMPLE:%bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}.image-one { @extend %bg-image; background-image:url(/img/image-one.jpg);}RESULT:.image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}*//*%shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); }}*//*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));}*//* %selected-dot { &:before { content: ; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: ; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*//* patterns */.jqvmap-zoomin, .jqvmap-zoomout { width: 1.6rem; height: 1.6rem; text-align: center; font-size: 1.2rem; font-weight: bold; border-radius: 3px; background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1)); background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none; left: 0; top: 0; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }.jqvmap-zoomout { top: 1rem; }.p-0 .jqvmap-zoomin,.p-0 .jqvmap-zoomout { left: 1rem; top: 1rem; }.p-0 .jqvmap-zoomout { top: 3rem; }.jqvmap-bg-ocean { background-color: #eafeff; }/*# sourceMappingURL/wwwroot/css/miscellaneous/jqvmap/jqvmap.bundle.css.map *//style>style>/*! * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */@import url(https://fonts.googleapis.com/css?familyRoboto:300,400,500,700,900);.datepicker { border-radius: 4px; direction: ltr; }.datepicker-inline { width: 220px; }.datepicker-rtl { direction: rtl; }.datepicker-rtl.dropdown-menu { left: auto; }.datepicker-rtl table tr td span { float: right; }.datepicker-dropdown { top: 0; left: 0; padding: 4px; }.datepicker-dropdown:before { content: ; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.15); border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; }.datepicker-dropdown:after { content: ; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; }.datepicker-dropdown.datepicker-orient-left:before { left: 6px; }.datepicker-dropdown.datepicker-orient-left:after { left: 7px; }.datepicker-dropdown.datepicker-orient-right:before { right: 6px; }.datepicker-dropdown.datepicker-orient-right:after { right: 7px; }.datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; }.datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; }.datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, 0.15); }.datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; }.datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.datepicker table tr td,.datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; }.table-striped .datepicker table tr td,.table-striped .datepicker table tr th { background-color: transparent; }.datepicker table tr td.old,.datepicker table tr td.new { color: #777777; }.datepicker table tr td.day:hover,.datepicker table tr td.focused { background: #eeeeee; cursor: pointer; }.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover { background: none; color: #777777; cursor: default; }.datepicker table tr td.highlighted { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; }.datepicker table tr td.highlighted:focus,.datepicker table tr td.highlighted.focus { color: #000; background-color: #afd9ee; border-color: #298fc2; }.datepicker table tr td.highlighted:hover { color: #000; background-color: #afd9ee; border-color: #52addb; }.datepicker table tr td.highlighted:active,.datepicker table tr td.highlighted.active { color: #000; background-color: #afd9ee; border-color: #52addb; }.datepicker table tr td.highlighted:active:hover,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted.active.focus { color: #000; background-color: #91cbe8; border-color: #298fc2; }.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighteddisabled:hover,fieldsetdisabled .datepicker table tr td.highlighted:hover,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighteddisabled:focus,fieldsetdisabled .datepicker table tr td.highlighted:focus,.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighteddisabled.focus,fieldsetdisabled .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; }.datepicker table tr td.highlighted.focused { background: #afd9ee; }.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777777; }.datepicker table tr td.today { color: #000; background-color: #ffdb99; border-color: #ffb733; }.datepicker table tr td.today:focus,.datepicker table tr td.today.focus { color: #000; background-color: #ffc966; border-color: #b37400; }.datepicker table tr td.today:hover { color: #000; background-color: #ffc966; border-color: #f59e00; }.datepicker table tr td.today:active,.datepicker table tr td.today.active { color: #000; background-color: #ffc966; border-color: #f59e00; }.datepicker table tr td.today:active:hover,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active:focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today:active.focus,.datepicker table tr td.today.active.focus { color: #000; background-color: #ffbc42; border-color: #b37400; }.datepicker table tr td.today.disabled:hover,.datepicker table tr td.todaydisabled:hover,fieldsetdisabled .datepicker table tr td.today:hover,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.todaydisabled:focus,fieldsetdisabled .datepicker table tr td.today:focus,.datepicker table tr td.today.disabled.focus,.datepicker table tr td.todaydisabled.focus,fieldsetdisabled .datepicker table tr td.today.focus { background-color: #ffdb99; border-color: #ffb733; }.datepicker table tr td.today.focused { background: #ffc966; }.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active { background: #ffdb99; color: #777777; }.datepicker table tr td.range { color: #000; background-color: #eeeeee; border-color: #bbbbbb; border-radius: 0; }.datepicker table tr td.range:focus,.datepicker table tr td.range.focus { color: #000; background-color: #d5d5d5; border-color: #7c7c7c; }.datepicker table tr td.range:hover { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; }.datepicker table tr td.range:active,.datepicker table tr td.range.active { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; }.datepicker table tr td.range:active:hover,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active:focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range:active.focus,.datepicker table tr td.range.active.focus { color: #000; background-color: #c3c3c3; border-color: #7c7c7c; }.datepicker table tr td.range.disabled:hover,.datepicker table tr td.rangedisabled:hover,fieldsetdisabled .datepicker table tr td.range:hover,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.rangedisabled:focus,fieldsetdisabled .datepicker table tr td.range:focus,.datepicker table tr td.range.disabled.focus,.datepicker table tr td.rangedisabled.focus,fieldsetdisabled .datepicker table tr td.range.focus { background-color: #eeeeee; border-color: #bbbbbb; }.datepicker table tr td.range.focused { background: #d5d5d5; }.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active { background: #eeeeee; color: #777777; }.datepicker table tr td.range.highlighted { color: #000; background-color: #e4eef3; border-color: #9dc1d3; }.datepicker table tr td.range.highlighted:focus,.datepicker table tr td.range.highlighted.focus { color: #000; background-color: #c1d7e3; border-color: #4b88a6; }.datepicker table tr td.range.highlighted:hover { color: #000; background-color: #c1d7e3; border-color: #73a6c0; }.datepicker table tr td.range.highlighted:active,.datepicker table tr td.range.highlighted.active { color: #000; background-color: #c1d7e3; border-color: #73a6c0; }.datepicker table tr td.range.highlighted:active:hover,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted.active.focus { color: #000; background-color: #a8c8d8; border-color: #4b88a6; }.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighteddisabled:hover,fieldsetdisabled .datepicker table tr td.range.highlighted:hover,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighteddisabled:focus,fieldsetdisabled .datepicker table tr td.range.highlighted:focus,.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighteddisabled.focus,fieldsetdisabled .datepicker table tr td.range.highlighted.focus { background-color: #e4eef3; border-color: #9dc1d3; }.datepicker table tr td.range.highlighted.focused { background: #c1d7e3; }.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #777777; }.datepicker table tr td.range.today { color: #000; background-color: #f7ca77; border-color: #f1a417; }.datepicker table tr td.range.today:focus,.datepicker table tr td.range.today.focus { color: #000; background-color: #f4b747; border-color: #815608; }.datepicker table tr td.range.today:hover { color: #000; background-color: #f4b747; border-color: #bf800c; }.datepicker table tr td.range.today:active,.datepicker table tr td.range.today.active { color: #000; background-color: #f4b747; border-color: #bf800c; }.datepicker table tr td.range.today:active:hover,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today.active.focus { color: #000; background-color: #f2aa25; border-color: #815608; }.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.todaydisabled:hover,fieldsetdisabled .datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.todaydisabled:focus,fieldsetdisabled .datepicker table tr td.range.today:focus,.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.todaydisabled.focus,fieldsetdisabled .datepicker table tr td.range.today.focus { background-color: #f7ca77; border-color: #f1a417; }.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #777777; }.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted { color: #fff; background-color: #777777; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }.datepicker table tr td.selected:focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus { color: #fff; background-color: #5e5e5e; border-color: #161616; }.datepicker table tr td.selected:hover,.datepicker table tr td.selected.highlighted:hover { color: #fff; background-color: #5e5e5e; border-color: #373737; }.datepicker table tr td.selected:active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active { color: #fff; background-color: #5e5e5e; border-color: #373737; }.datepicker table tr td.selected:active:hover,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.highlighted.active.focus { color: #fff; background-color: #4c4c4c; border-color: #161616; }.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selecteddisabled:hover,.datepicker table tr td.selected.highlighteddisabled:hover,fieldsetdisabled .datepicker table tr td.selected:hover,fieldsetdisabled .datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selecteddisabled:focus,.datepicker table tr td.selected.highlighteddisabled:focus,fieldsetdisabled .datepicker table tr td.selected:focus,fieldsetdisabled .datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selecteddisabled.focus,.datepicker table tr td.selected.highlighteddisabled.focus,fieldsetdisabled .datepicker table tr td.selected.focus,fieldsetdisabled .datepicker table tr td.selected.highlighted.focus { background-color: #777777; border-color: #555555; }.datepicker table tr td.active,.datepicker table tr td.active.highlighted { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }.datepicker table tr td.active:focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus { color: #fff; background-color: #286090; border-color: #122b40; }.datepicker table tr td.active:hover,.datepicker table tr td.active.highlighted:hover { color: #fff; background-color: #286090; border-color: #204d74; }.datepicker table tr td.active:active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active { color: #fff; background-color: #286090; border-color: #204d74; }.datepicker table tr td.active:active:hover,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active:active:focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active:active.focus,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.active.focus,.datepicker table tr td.active.highlighted.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; }.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.activedisabled:hover,.datepicker table tr td.active.highlighteddisabled:hover,fieldsetdisabled .datepicker table tr td.active:hover,fieldsetdisabled .datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.activedisabled:focus,.datepicker table tr td.active.highlighteddisabled:focus,fieldsetdisabled .datepicker table tr td.active:focus,fieldsetdisabled .datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.activedisabled.focus,.datepicker table tr td.active.highlighteddisabled.focus,fieldsetdisabled .datepicker table tr td.active.focus,fieldsetdisabled .datepicker table tr td.active.highlighted.focus { background-color: #337ab7; border-color: #2e6da4; }.datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; }.datepicker table tr td span:hover,.datepicker table tr td span.focused { background: #eeeeee; }.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover { background: none; color: #777777; cursor: default; }.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover:focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #286090; border-color: #122b40; }.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover { color: #fff; background-color: #286090; border-color: #204d74; }.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active { color: #fff; background-color: #286090; border-color: #204d74; }.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover:active:hover,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled:hover.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; }.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.activedisabled:hover,.datepicker table tr td span.active:hoverdisabled:hover,.datepicker table tr td span.active.disableddisabled:hover,.datepicker table tr td span.active.disabled:hoverdisabled:hover,fieldsetdisabled .datepicker table tr td span.active:hover,fieldsetdisabled .datepicker table tr td span.active:hover:hover,fieldsetdisabled .datepicker table tr td span.active.disabled:hover,fieldsetdisabled .datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.activedisabled:focus,.datepicker table tr td span.active:hoverdisabled:focus,.datepicker table tr td span.active.disableddisabled:focus,.datepicker table tr td span.active.disabled:hoverdisabled:focus,fieldsetdisabled .datepicker table tr td span.active:focus,fieldsetdisabled .datepicker table tr td span.active:hover:focus,fieldsetdisabled .datepicker table tr td span.active.disabled:focus,fieldsetdisabled .datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.activedisabled.focus,.datepicker table tr td span.active:hoverdisabled.focus,.datepicker table tr td span.active.disableddisabled.focus,.datepicker table tr td span.active.disabled:hoverdisabled.focus,fieldsetdisabled .datepicker table tr td span.active.focus,fieldsetdisabled .datepicker table tr td span.active:hover.focus,fieldsetdisabled .datepicker table tr td span.active.disabled.focus,fieldsetdisabled .datepicker table tr td span.active.disabled:hover.focus { background-color: #337ab7; border-color: #2e6da4; }.datepicker table tr td span.old,.datepicker table tr td span.new { color: #777777; }.datepicker .datepicker-switch { width: 145px; }.datepicker .datepicker-switch,.datepicker .prev,.datepicker .next,.datepicker tfoot tr th { cursor: pointer; }.datepicker .datepicker-switch:hover,.datepicker .prev:hover,.datepicker .next:hover,.datepicker tfoot tr th:hover { background: #eeeeee; }.datepicker .prev.disabled,.datepicker .next.disabled { visibility: hidden; }.datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; }.input-group.date .input-group-addon { cursor: pointer; }.input-daterange { width: 100%; }.input-daterange input { text-align: center; }.input-daterange input:first-child { border-radius: 3px 0 0 3px; }.input-daterange input:last-child { border-radius: 0 3px 3px 0; }.input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; border-width: 1px 0; margin-left: -5px; margin-right: -5px; }/*# sourceMappingURL/wwwroot/css/formplugins/bootstrap-datepicker/bootstrap-datepicker3.css.map *//* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins *//*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*//*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); }------------------------*//*------------------------ FADE IN e.g. @include fadeIn( 2s );------------------------*//*------------------------mixin that calculates if text needs to be light or darkdepending on the background color passed.From this W3C document: http://www.webmasterworld.com/r.cgi?f88&d9769&urlhttp://www.w3.org/TR/AERT#color-contrastusage:@include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000------------------------*//*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50);------------------------*//* backface visibility *//* generate theme button *//* #BASE - Base Variable file along with font library, and colors. *//* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */body { font-family: Roboto, Helvetica Neue, Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; }.page-content { color: #666666; }h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; }strong { font-weight: 500; }h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; }h2 small,h3 small,.h2 small,.h3 small { font-size: 0.9375rem; }h4 small,.h4 small { font-size: 0.875rem; }h5 small,h6 small,.h5 small,.h6 small { font-size: 0.8125rem; }/* contrast text */.text-contrast { color: #333333; }/* text-gradient */.text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6E4E9E), color-stop(50%, #62468D), color-stop(75%, #0C7CD5), to(#0960A5)); background: linear-gradient(180deg, #6E4E9E 25%, #62468D 50%, #0C7CD5 75%, #0960A5 100%); color: #886AB5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }/* looking for font size? Check _helpers.scss *//* PLACEHOLDER EXAMPLE:%bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}.image-one { @extend %bg-image; background-image:url(/img/image-one.jpg);}RESULT:.image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}*//*%shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); }}*//*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));}*//* %selected-dot { &:before { content: ; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: ; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*//* patterns */.datepicker table tr td,.datepicker table tr th { width: 38px !important; height: 34px !important; }.datepicker table tr td.old,.datepicker table tr td.new { color: darkgray; }.datepicker table tr td.active:active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted,.datepicker table tr td span.active.active,.datepicker table tr td span.focused { background-color: #967BBD; border-color: #886AB5; color: #fff; }.datepicker table tr td.active:active:hover,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active:active:focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active:active.focus,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.active.focus,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.selected:active:hover,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.highlighted:hover { background-color: #7A59AD; border-color: #6E4E9E; color: #fff; }.datepicker table { width: 100%; }.datepicker.datepicker-inline { border: 1px solid #ebedf2; }.datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next { font-weight: 500; color: #a1a8c3; }.datepicker { width: 265px; padding: 10px; }/*# sourceMappingURL/wwwroot/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css.map *//style>style>@import url(https://fonts.googleapis.com/css?familyRoboto:300,400,500,700,900);.daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; }.daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ; }.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; }.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }.daterangepicker.opensleft:before { right: 9px; }.daterangepicker.opensleft:after { right: 10px; }.daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }.daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }.daterangepicker.opensright:before { left: 9px; }.daterangepicker.opensright:after { left: 10px; }.daterangepicker.drop-up { margin-top: -7px; }.daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; }.daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; }.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; }.daterangepicker.single .drp-selected { display: none; }.daterangepicker.show-calendar .drp-calendar { display: block; }.daterangepicker.show-calendar .drp-buttons { display: block; }.daterangepicker.auto-apply .drp-buttons { display: none; }.daterangepicker .drp-calendar { display: none; max-width: 270px; }.daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; }.daterangepicker .drp-calendar.right { padding: 8px; }.daterangepicker .drp-calendar.single .calendar-table { border: none; }.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; }.daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }.daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); }.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; }.daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; }.daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; }.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; }.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; }.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; }.daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; }.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }.daterangepicker td.start-date.end-date { border-radius: 4px; }.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; }.daterangepicker th.month { width: auto; }.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; }.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }.daterangepicker select.yearselect { width: 40%; }.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; }.daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; }.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }.daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; }.daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; }.daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; }.daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; }.daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; }.daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; }.daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; }.daterangepicker .ranges { float: none; text-align: left; margin: 0; }.daterangepicker.show-calendar .ranges { margin-top: 8px; }.daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }.daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; }.daterangepicker .ranges li:hover { background-color: #eee; }.daterangepicker .ranges li.active { background-color: #08c; color: #fff; }/* Larger Screen Styling */@media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } }@media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } }/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins *//*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*//*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); }------------------------*//*------------------------ FADE IN e.g. @include fadeIn( 2s );------------------------*//*------------------------mixin that calculates if text needs to be light or darkdepending on the background color passed.From this W3C document: http://www.webmasterworld.com/r.cgi?f88&d9769&urlhttp://www.w3.org/TR/AERT#color-contrastusage:@include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000------------------------*//*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50);------------------------*//* backface visibility *//* generate theme button *//* #BASE - Base Variable file along with font library, and colors. *//* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */body { font-family: Roboto, Helvetica Neue, Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px; }.page-content { color: #666666; }h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400; }strong { font-weight: 500; }h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem; }h2 small,h3 small,.h2 small,.h3 small { font-size: 0.9375rem; }h4 small,.h4 small { font-size: 0.875rem; }h5 small,h6 small,.h5 small,.h6 small { font-size: 0.8125rem; }/* contrast text */.text-contrast { color: #333333; }/* text-gradient */.text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6E4E9E), color-stop(50%, #62468D), color-stop(75%, #0C7CD5), to(#0960A5)); background: linear-gradient(180deg, #6E4E9E 25%, #62468D 50%, #0C7CD5 75%, #0960A5 100%); color: #886AB5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }/* looking for font size? Check _helpers.scss *//* PLACEHOLDER EXAMPLE:%bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}.image-one { @extend %bg-image; background-image:url(/img/image-one.jpg);}RESULT:.image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}*//*%shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); }}*//*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));}*//* %selected-dot { &:before { content: ; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: ; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*//* patterns */.daterangepicker table tr td,.daterangepicker table tr th { width: 38px !important; height: 34px !important; }.daterangepicker table tr td.old,.daterangepicker table tr td.new { color: darkgray; }.daterangepicker table tr td.active:active,.daterangepicker table tr td.active.highlighted:active,.daterangepicker table tr td.active.active,.daterangepicker table tr td.active.highlighted.active,.daterangepicker table tr td.selected,.daterangepicker table tr td.selected.highlighted,.daterangepicker table tr td span.active.active,.daterangepicker table tr td span.focused { background-color: #967BBD; color: #fff; }.daterangepicker table tr td.active:active:hover,.daterangepicker table tr td.active.highlighted:active:hover,.daterangepicker table tr td.active.active:hover,.daterangepicker table tr td.active.highlighted.active:hover,.daterangepicker table tr td.active:active:focus,.daterangepicker table tr td.active.highlighted:active:focus,.daterangepicker table tr td.active.active:focus,.daterangepicker table tr td.active.highlighted.active:focus,.daterangepicker table tr td.active:active.focus,.daterangepicker table tr td.active.highlighted:active.focus,.daterangepicker table tr td.active.active.focus,.daterangepicker table tr td.active.highlighted.active.focus,.daterangepicker table tr td.selected:active:hover,.daterangepicker table tr td.selected.highlighted:active:hover,.daterangepicker table tr td.selected.active:hover,.daterangepicker table tr td.selected.highlighted.active:hover,.daterangepicker table tr td.selected:active:focus,.daterangepicker table tr td.selected.highlighted:active:focus,.daterangepicker table tr td.selected.active:focus,.daterangepicker table tr td.selected.highlighted.active:focus,.daterangepicker table tr td.selected:active.focus,.daterangepicker table tr td.selected.highlighted:active.focus,.daterangepicker table tr td.selected.active.focus,.daterangepicker table tr td.selected.highlighted.active.focus,.daterangepicker table tr td.selected:hover,.daterangepicker table tr td.selected.highlighted:hover { background-color: #7A59AD; color: #fff; }.daterangepicker .calendar-table .next,.daterangepicker .calendar-table .prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-color: #a1a8c3; }.daterangepicker .in-range.available { background-color: #FFE3A7; }.daterangepicker .off.ends.in-range.available { background-color: #FFEBC1; }.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #FFD274; }.daterangepicker td.start-date { border-radius: 10px 0 0 10px; }.daterangepicker td.end-date { border-radius: 0 10px 10px 0; }.daterangepicker table tr td,.daterangepicker table tr th { width: 38px !important; height: 34px !important; }.daterangepicker .calendar-table table thead tr th { font-weight: bold; } .daterangepicker .calendar-table table thead tr th.month { color: #a1a8c3; }.daterangepicker .ranges li { font-size: 0.8125rem; padding: 0.75rem 1rem; } .daterangepicker .ranges li.active { background-color: #886AB5; }/*# sourceMappingURL/wwwroot/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css.map *//style>style>/* * The MIT License * Copyright (c) 2012 Matias Meno m@tias.me> */@-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } }@keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } }@-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } }@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } }@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); transform: scale(1); } }@keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); transform: scale(1); } }.dropzone, .dropzone * { -webkit-box-sizing: border-box; box-sizing: border-box; }.dropzone { min-height: 150px; border: 2px solid rgba(0, 0, 0, 0.3); background: white; padding: 20px 20px; }.dropzone.dz-clickable { cursor: pointer; }.dropzone.dz-clickable * { cursor: default; }.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }.dropzone.dz-started .dz-message { display: none; }.dropzone.dz-drag-hover { border-style: solid; }.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }.dropzone .dz-message { text-align: center; margin: 2em 0; }.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; }.dropzone .dz-preview:hover { z-index: 1000; }.dropzone .dz-preview:hover .dz-details { opacity: 1; }.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); background: linear-gradient(to bottom, #eee, #ddd); }.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }.dropzone .dz-preview.dz-image-preview { background: white; }.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }.dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }.dropzone .dz-preview:hover .dz-details { opacity: 1; }.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }.dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; }.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }.dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; }.dropzone .dz-preview .dz-image img { display: block; }.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }.dropzone .dz-preview.dz-error .dz-error-message { display: block; }.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222)); background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }.dropzone .dz-preview .dz-error-message:after { content: ; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }/* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */.dropzone { border: 2px dashed #dedede; border-radius: 5px; background: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.5rem; }.dropzone i { font-size: 3rem; }.dropzone .dz-message { color: rgba(0, 0, 0, 0.54); font-weight: 500; font-size: initial; text-transform: uppercase; width: 100%; }.dropzone .dz-preview .dz-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; } .dropzone .dz-preview .dz-image img { border-radius: 4px; }.dropzone .dz-preview.dz-image-preview { background: transparent; }.dropzone .dz-message { font-weight: normal; text-transform: none; color: inherit; }.dropzone.dz-drag-hover { border-style: dashed; border-color: #886AB5; }.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 4px; }/*# sourceMappingURL/wwwroot/css/formplugins/dropzone/dropzone.css.map *//style>style>@charset UTF-8;/**Ion.RangeSlider, 2.3.1© Denis Ineshin, 2010 - 2019, IonDen.comBuild date: 2019-12-19 16:51:02 MERGED By Ron*/@import url(https://fonts.googleapis.com/css?familyRoboto:300,400,500,700,900);.irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif;}.irs-line { position: relative; display: block; overflow: hidden; outline: none !important;}.irs-bar { position: absolute; display: block; left: 0; width: 0;}.irs-shadow { position: absolute; display: none; left: 0; width: 0;}.irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1;} .irs-handle.type_last { z-index: 2; }.irs-min,.irs-max { position: absolute; display: block; cursor: default;}.irs-min { left: 0;}.irs-max { right: 0;}.irs-from,.irs-to,.irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;}.irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;}.irs-with-grid .irs-grid { display: block;}.irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000;} .irs-grid-pol.small { height: 4px; }.irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000;}.irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2;}.lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity0); cursor: not-allowed;}.irs-disabled { opacity: 0.4;}.irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important;}.irs--flat { height: 40px;} .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a43540; } .irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; }.irs--big { height: 55px;} .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; }.irs--modern { height: 55px;} .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; }.irs--sharp { height: 50px; font-size: 12px; line-height: 1;} .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; }.irs--round { height: 50px;} .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 13px; }.irs--square { height: 50px;} .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; }/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins *//*--------------------------------------------------- SASS ELements (based on LESS Elements 0.9 http://lesselements.com) -------------------------------- ------------------- LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net) SASS port by Samuel Beek (http://samuelbeek.com) ---------------------------------------------------*//*------------------------ Usage h1 { font-size: rem(32); } OR: h1 { font-size: rem(32px); }------------------------*//*------------------------ FADE IN e.g. @include fadeIn( 2s );------------------------*//*------------------------mixin that calculates if text needs to be light or darkdepending on the background color passed.From this W3C document: http://www.webmasterworld.com/r.cgi?f88&d9769&urlhttp://www.w3.org/TR/AERT#color-contrastusage:@include text-contrast($bgcolor) Color brightness is determined by the following formula: ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000------------------------*//*------------------------ color factory eg: @include paint($blue-grey-50, bg-blue-grey-50);------------------------*//* backface visibility *//* generate theme button *//* #BASE - Base Variable file along with font library, and colors. *//* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */body { font-family: Roboto, Helvetica Neue, Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px;}.page-content { color: #666666;}h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 400;}strong { font-weight: 500;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small { font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem;}h2 small,h3 small,.h2 small,.h3 small { font-size: 0.9375rem;}h4 small,.h4 small { font-size: 0.875rem;}h5 small,h6 small,.h5 small,.h6 small { font-size: 0.8125rem;}/* contrast text */.text-contrast { color: #333333;}/* text-gradient */.text-gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6E4E9E), color-stop(50%, #62468D), color-stop(75%, #0C7CD5), to(#0960A5)); background: linear-gradient(180deg, #6E4E9E 25%, #62468D 50%, #0C7CD5 75%, #0960A5 100%); color: #886AB5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none;}/* looking for font size? Check _helpers.scss *//* PLACEHOLDER EXAMPLE:%bg-image { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}.image-one { @extend %bg-image; background-image:url(/img/image-one.jpg);}RESULT:.image-one, .image-two { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}*//*%shadow-hover { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; &:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23); }}*//*%fixed-header-shadow { @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));}*//* %selected-dot { &:before { content: ; display: block; border-radius: 50%; background: inherit; background-image: none; border: 2px solid rgba(0,0,0,0.2); position: absolute; top: 15px; left: 15px; height: 20px; width: 20px; } &:after { content: ; height: inherit; width: inherit; border: 5px solid rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; border-radius: 50%; } }*//* patterns */.irs--flat .irs-bar,.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single,.irs--flat .irs-handle > i:first-child { background-color: #886AB5;}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single { font-size: 12px;} .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { border-top-color: #886AB5; }.irs--flat .irs-handle.state_hover > i:first-child,.irs--flat .irs-handle:hover > i:first-child { background-color: #7A59AD;}.irs--big .irs-bar { background-color: #A38CC6; border-color: #886AB5; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #A38CC6), to(#886AB5)); background: linear-gradient(to bottom, #ffffff 0%, #A38CC6 30%, #886AB5 100%);}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single { background: #886AB5;}.irs--modern .irs-bar { background: #1AB3A3; background: -webkit-gradient(linear, left top, left bottom, from(#21DFCB), to(#1AB3A3)); background: linear-gradient(to bottom, #21DFCB 0%, #1AB3A3 100%);}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single { background-color: #1DC9B7;} .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { border-top-color: #1DC9B7; }.irs--modern .irs-handle > i:nth-child(1) { width: 8px; height: 8px;}.irs--sharp .irs-bar,.irs--sharp .irs-handle,.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single { background-color: #fd3d51;} .irs--sharp .irs-handle > i:first-child, .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { border-top-color: #fd3d51; }.irs--sharp .irs-min,.irs--sharp .irs-max { background-color: #EB021B;}.irs--round .irs-handle { border-color: #2196F3;}.irs--round .irs-bar,.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single { background-color: #2196F3;} .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { border-top-color: #2196F3; }/*# sourceMappingURL/wwwroot/css/formplugins/ion-rangeslider/ion-rangeslider.css.map *//style>style>/*! * SmartWizard v4.3.x * jQuery Wizard Plugin * http://www.techlaboratory.net/smartwizard * * Created by Dipu Raj * http://dipuraj.me * * Licensed under the terms of MIT License * https://github.com/techlab/SmartWizard/blob/master/LICENSE *//* SmartWizard Basic CSS */.sw-main { position: relative; display: block; margin: 0; padding: 0; border-radius: 0.25rem !important; }.sw-main .sw-container { display: block; margin: 0; padding: 0; position: relative; }.sw-main .step-content { display: none; position: relative; margin: 0; }.sw-main .sw-toolbar { margin-left: 0; }/* SmartWizard Theme: White */.sw-theme-default { -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }.sw-theme-default .sw-container { min-height: 250px; }.sw-theme-default .step-content { padding: 10px; border: 0px solid #D4D4D4; background-color: #FFF; text-align: left; }.sw-theme-default .sw-toolbar { background: #f9f9f9; border-radius: 0 !important; padding-left: 10px; padding-right: 10px; padding: 10px; margin-bottom: 0 !important; }.sw-theme-default .sw-toolbar-top { border-bottom-color: #ddd !important; }.sw-theme-default .sw-toolbar-bottom { border-top-color: #ddd !important; }.sw-theme-default > ul.step-anchor > li { position: relative; margin-right: 2px; }.sw-theme-default > ul.step-anchor > li > a, .sw-theme-default > ul.step-anchor > li > a:hover { border: none !important; color: #bbb; text-decoration: none; outline-style: none; background: transparent !important; border: none !important; cursor: not-allowed; }.sw-theme-default > ul.step-anchor > li.clickable > a:hover { color: #4285F4 !important; background: transparent !important; cursor: pointer; }.sw-theme-default > ul.step-anchor > li > a::after { content: ; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: 0px; -webkit-transition: all 250ms ease 0s; transition: all 250ms ease 0s; -webkit-transform: scale(0); transform: scale(0); }.sw-theme-default > ul.step-anchor > li.active > a { border: none !important; color: #4285F4 !important; background: transparent !important; cursor: pointer; }.sw-theme-default > ul.step-anchor > li.active > a::after { -webkit-transform: scale(1); transform: scale(1); }.sw-theme-default > ul.step-anchor > li.done > a { border: none !important; color: #000 !important; background: transparent !important; cursor: pointer; }.sw-theme-default > ul.step-anchor > li.done > a::after { background: #5cb85c; -webkit-transform: scale(1); transform: scale(1); }.sw-theme-default > ul.step-anchor > li.danger > a { border: none !important; color: #d9534f !important; /* background: #d9534f !important; */ cursor: pointer; }.sw-theme-default > ul.step-anchor > li.danger > a::after { background: #d9534f; border-left-color: #f8d7da; -webkit-transform: scale(1); transform: scale(1); }.sw-theme-default > ul.step-anchor > li.disabled > a, .sw-theme-default > ul.step-anchor > li.disabled > a:hover { color: #eee !important; cursor: not-allowed; }/* Responsive CSS */@media screen and (max-width: 768px) { .sw-theme-default > .nav-tabs > li { float: none !important; } }/* Common Loader */.sw-loading::after { position: absolute; display: block; opacity: 1; content: ; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.7); -webkit-transition: all .2s ease; transition: all .2s ease; z-index: 2; }.sw-loading::before { content: ; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 10; border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #3498db; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; }/* Safari */@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }/*! * SmartWizard v4.3.x * jQuery Wizard Plugin * http://www.techlaboratory.net/smartwizard * * Created by Dipu Raj * http://dipuraj.me * * Licensed under the terms of MIT License * https://github.com/techlab/SmartWizard/blob/master/LICENSE *//* SmartWizard Theme: Arrows */.sw-theme-arrows { border-radius: 5px; border: 1px solid #ddd; }.sw-theme-arrows > .sw-container { min-height: 200px; }.sw-theme-arrows .step-content { padding: 0 10px; border: 0px solid #D4D4D4; background-color: #FFF; text-align: left; }.sw-theme-arrows .sw-toolbar { padding: 10px; margin-bottom: 0 !important; }.sw-theme-arrows > ul.step-anchor { border: 0; border-bottom: 1px solid #ddd; padding: 0px; background: #f5f5f5; border-radius: 0; border-top-right-radius: 5px; list-style: none; overflow: hidden; }.sw-theme-arrows > ul.step-anchor li + li:before { padding: 0; }.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover { color: #bbb; text-decoration: none; padding: 10px 0 10px 45px; position: relative; display: block; border: 0 !important; border-radius: 0; outline-style: none; background: #f5f5f5; }.sw-theme-arrows > ul.step-anchor > li > a:after { content: ; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid #f5f5f5; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; }.sw-theme-arrows > ul.step-anchor > li > a:before { content: ; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid #ddd; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; }.sw-theme-arrows > ul.step-anchor > li:first-child > a { padding-left: 15px; }.sw-theme-arrows > ul.step-anchor > li > a:hover { color: #bbb; text-decoration: none; outline-style: none; background: #f5f5f5; border-color: #f5f5f5; }.sw-theme-arrows > ul.step-anchor > li > a:hover:after { border-left-color: #f5f5f5; }.sw-theme-arrows > ul.step-anchor > li.clickable > a:hover { color: #4285F4 !important; background: #46b8da !important; }.sw-theme-arrows > ul.step-anchor > li.active > a { border-color: #5cb85c !important; color: #fff !important; background: #5cb85c !important; }.sw-theme-arrows > ul.step-anchor > li.active > a:after { border-left: 30px solid #5cb85c !important; }.sw-theme-arrows > ul.step-anchor > li.done > a { border-color: #b1dfbb !important; /* #5cb85c */ color: #fff !important; background: #b1dfbb !important; }.sw-theme-arrows > ul.step-anchor > li.done > a:after { border-left: 30px solid #b1dfbb; /* c3e6cb */ }.sw-theme-arrows > ul.step-anchor > li.danger > a { border-color: #d9534f !important; color: #fff !important; background: #d9534f !important; }.sw-theme-arrows > ul.step-anchor > li.danger > a:after { border-left: 30px solid #d9534f !important; }.sw-theme-arrows > ul.step-anchor > li.disabled > a, .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover { color: #eee !important; }/* Responsive CSS */@media screen and (max-width: 768px) { .sw-theme-arrows > ul.step-anchor { border: 0; background: #ddd !important; } .sw-theme-arrows > .nav-tabs > li { float: none !important; margin-bottom: 0; } .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover { padding-left: 15px; margin-right: 0; margin-bottom: 1px; } .sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before { display: none; } }/* Loader Custom Style */.sw-theme-arrows::before { border: 10px solid #f3f3f3; border-top: 10px solid #5cb85c; }/*! * SmartWizard v4.3.x * jQuery Wizard Plugin * http://www.techlaboratory.net/smartwizard * * Created by Dipu Raj * http://dipuraj.me * * Licensed under the terms of MIT License * https://github.com/techlab/SmartWizard/blob/master/LICENSE *//* SmartWizard Theme: Circles */.sw-theme-circles .sw-container { min-height: 300px; }.sw-theme-circles .step-content { padding: 10px 0; background-color: #FFF; text-align: left; }.sw-theme-circles .sw-toolbar { background: #fff; padding-left: 10px; padding-right: 10px; margin-bottom: 0 !important; }.sw-theme-circles .sw-toolbar-bottom { border-top-color: #ddd !important; border-bottom-color: #ddd !important; }.sw-theme-circles > ul.step-anchor { position: relative; background: #fff; border: none; list-style: none; margin-bottom: 40px; }.sw-theme-circles > ul.step-anchor:before { content: ; position: absolute; top: 50%; bottom: 0; width: 100%; height: 5px; background-color: #f5f5f5; border-radius: 3px; z-index: 0; }.sw-theme-circles > ul.step-anchor > li { border: none; margin-left: 40px; z-index: 98; }.sw-theme-circles > ul.step-anchor > li > a { border: 2px solid #f5f5f5; background: #f5f5f5; width: 75px; height: 75px; text-align: center; padding: 25px 0; border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 3px #fff !important; box-shadow: inset 0px 0px 0px 3px #fff !important; text-decoration: none; outline-style: none; z-index: 99; color: #bbb; background: #f5f5f5; line-height: 1; }.sw-theme-circles > ul.step-anchor > li > a:hover { color: #bbb; background: #f5f5f5; border-width: 2px; }.sw-theme-circles > ul.step-anchor > li > a > small { position: relative; bottom: -40px; color: #ccc; }.sw-theme-circles > ul.step-anchor > li.clickable > a:hover { color: #4285F4 !important; }.sw-theme-circles > ul.step-anchor > li.active > a { border-color: #5bc0de; color: #fff; background: #5bc0de; }.sw-theme-circles > ul.step-anchor > li.active > a > small { color: #5bc0de; }.sw-theme-circles > ul.step-anchor > li.done > a { border-color: #5cb85c; color: #fff; background: #5cb85c; }.sw-theme-circles > ul.step-anchor > li.done > a > small { color: #5cb85c; }.sw-theme-circles > ul.step-anchor > li.danger > a { border-color: #d9534f; color: #d9534f; background: #fff; }.sw-theme-circles > ul.step-anchor > li.danger > a > small { color: #d9534f; }.sw-theme-circles > ul.step-anchor > li.disabled > a, .sw-theme-circles > ul.step-anchor > li.disabled > a:hover { color: #eee !important; }/*! * SmartWizard v4.3.x * jQuery Wizard Plugin * http://www.techlaboratory.net/smartwizard * * Created by Dipu Raj * http://dipuraj.me * * Licensed under the terms of MIT License * https://github.com/techlab/SmartWizard/blob/master/LICENSE *//* SmartWizard Theme: Dots */.sw-theme-dots .sw-container { min-height: 300px; }.sw-theme-dots .step-content { padding: 10px 0; border: none; background-color: #FFF; text-align: left; }.sw-theme-dots .sw-toolbar { background: #fff; border-radius: 0 !important; padding-left: 10px; padding-right: 10px; margin-bottom: 0 !important; }.sw-theme-dots .sw-toolbar-top { border-bottom-color: #ddd !important; }.sw-theme-dots .sw-toolbar-bottom { border-top-color: #ddd !important; border-bottom-color: #ddd !important; }.sw-theme-dots > ul.step-anchor { position: relative; background: #fff; border: 0px solid #ccc !important; list-style: none; }.sw-theme-dots > ul.step-anchor:before { content: ; position: absolute; top: 70px; bottom: 0; width: 100%; height: 5px; background-color: #f5f5f5; border-radius: 3px; z-order: 0; z-index: 95; }.sw-theme-dots > ul.step-anchor > li { border: none; }/* Anchors styles */.sw-theme-dots > ul.step-anchor > li > a { position: relative; text-align: center; font-weight: bold; background: transparent; border: none; color: #ccc; text-decoration: none; outline-style: none; z-index: 96; display: block; }.sw-theme-dots > ul.step-anchor > li > a:before { content: ; position: absolute; bottom: 2px; left: 40%; margin-top: 10px; display: block; border-radius: 50%; color: #428bca; background: #f5f5f5; border: none; width: 30px; height: 30px; text-decoration: none; z-index: 98; }.sw-theme-dots > ul.step-anchor > li > a:after { content: ; position: relative; left: 43%; bottom: 2px; margin-top: 10px; display: block; width: 15px; height: 15px; background: #f5f5f5; border-radius: 50%; z-index: 99; }.sw-theme-dots > ul.step-anchor > li > a:hover { color: #ccc; background: transparent; }.sw-theme-dots > ul.step-anchor > li > a:focus { color: #ccc; border: none; }.sw-theme-dots > ul.step-anchor > li.clickable > a:hover { color: #999; }/* Active anchors */.sw-theme-dots > ul.step-anchor > li.active > a { color: #5bc0de; }.sw-theme-dots > ul.step-anchor > li.active > a:hover { border: none; }.sw-theme-dots > ul.step-anchor > li.active > a:after { background: #5bc0de; }/* Done anchors */.sw-theme-dots > ul.step-anchor > li.done > a { color: #5cb85c; }.sw-theme-dots > ul.step-anchor > li.done > a:after { background: #5cb85c; }/* Danger anchors */.sw-theme-dots > ul.step-anchor > li.danger > a { color: #d9534f; }.sw-theme-dots > ul.step-anchor > li.danger > a:after { background: #d9534f; }.sw-theme-dots > ul.step-anchor > li.disabled > a, .sw-theme-dots > ul.step-anchor > li.disabled > a:hover { color: #eee !important; }.sw-theme-dots > ul.step-anchor > li.disabled > a:after { background: #eee; }/* Responsive CSS */@media screen and (max-width: 768px) { .sw-theme-dots > ul.step-anchor:before { top: 0; bottom: 0; left: 10px; width: 5px; height: 100%; background-color: #f5f5f5; display: block; margin-right: 10px; } .sw-theme-dots > ul.step-anchor > li { margin-left: 20px; display: block; clear: both; } .sw-theme-dots > ul.step-anchor > li > a { text-align: left; margin-left: 0; display: block; } .sw-theme-dots > ul.step-anchor > li > a:before { top: 5px; left: -23px; margin-right: 10px; display: block; } .sw-theme-dots > ul.step-anchor > li > a:after { top: -38px; left: -31px; margin-right: 10px; display: block; } }/*# sourceMappingURL/wwwroot/css/formplugins/smartwizard/smartwizard.css.map *//style>style>/* * DOM element rendering detection * https://davidwalsh.name/detect-node-insertion */@-webkit-keyframes chartjs-render-animation { from { opacity: 0.99; } to { opacity: 1; } }@keyframes chartjs-render-animation { from { opacity: 0.99; } to { opacity: 1; } }.chartjs-render-monitor { -webkit-animation: chartjs-render-animation 0.001s; animation: chartjs-render-animation 0.001s; }/* * DOM element resizing detection * https://github.com/marcj/css-element-queries */.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink { position: absolute; direction: ltr; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1; }.chartjs-size-monitor-expand > div { position: absolute; width: 1000000px; height: 1000000px; left: 0; top: 0; }.chartjs-size-monitor-shrink > div { position: absolute; width: 200%; height: 200%; left: 0; top: 0; }/*# sourceMappingURL/wwwroot/css/statistics/chartjs/chartjs.css.map *//style>style>/* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) *//*// Container ratio$ct-container-ratio: (1/1.618) !default;// Text styles for labels$ct-text-color: rgba(0, 0, 0, 0.4) !default;$ct-text-size: 0.75rem !default;$ct-text-align: flex-start !default;$ct-text-justify: flex-start !default;$ct-text-line-height: 1;// Grid styles$ct-grid-color: rgba(0, 0, 0, 0.2) !default;$ct-grid-dasharray: 2px !default;$ct-grid-width: 1px !default;$ct-grid-background-fill: none !default;// Line chart properties$ct-line-width: 4px !default;$ct-line-dasharray: false !default;// Line chart point, can be either round or square$ct-point-shape: round !default;// Area fill transparency between 0 and 1$ct-area-opacity: 0.1 !default;// Bar chart bar width$ct-bar-width: 10px !default;// Donut width (If donut width is to big it can cause issues where the shape gets distorted)$ct-donut-width: 60px !default;*/.ct-label { fill: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); font-size: 0.75rem; line-height: 1; }.ct-chart-line .ct-label,.ct-chart-bar .ct-label { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; }.ct-chart-pie .ct-label,.ct-chart-donut .ct-label { dominant-baseline: central; }.ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }.ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }.ct-label.ct-vertical.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }.ct-label.ct-vertical.ct-end { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }.ct-chart-bar .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; }.ct-chart-bar .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; }.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: end; }.ct-grid { stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; stroke-dasharray: 2px; }.ct-grid-background { fill: none; }.ct-point { stroke-width: 7px; stroke-linecap: round; }.ct-line { fill: none; stroke-width: 4px; }.ct-area { stroke: none; fill-opacity: 0.1; }.ct-bar { fill: none; stroke-width: 10px; }.ct-slice-donut { fill: none; stroke-width: 60px; }.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { stroke: #886AB5; }.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area { fill: #886AB5; }.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { stroke: #fd3d51; }.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area { fill: #fd3d51; }.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { stroke: #FFC241; }.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area { fill: #FFC241; }.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { stroke: #2196F3; }.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area { fill: #2196F3; }.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { stroke: #505050; }.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area { fill: #505050; }.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { stroke: #1DC9B7; }.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area { fill: #1DC9B7; }.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { stroke: #2196F3; }.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area { fill: #2196F3; }.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { stroke: #563D7C; }.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area { fill: #563D7C; }.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { stroke: #FEA2AC; }.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area { fill: #FEA2AC; }.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { stroke: #FFDB8E; }.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area { fill: #FFDB8E; }.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { stroke: #D20218; }.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area { fill: #D20218; }.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { stroke: dimgray; }.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area { fill: dimgray; }.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { stroke: #37E2D0; }.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area { fill: #37E2D0; }.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { stroke: #51ADF6; }.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area { fill: #51ADF6; }.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { stroke: #A38CC6; }.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area { fill: #A38CC6; }.ct-square { display: block; position: relative; width: 100%; } .ct-square:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 100%; } .ct-square:after { content: ; display: table; clear: both; } .ct-square > svg { display: block; position: absolute; top: 0; left: 0; }.ct-minor-second { display: block; position: relative; width: 100%; } .ct-minor-second:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 93.75%; } .ct-minor-second:after { content: ; display: table; clear: both; } .ct-minor-second > svg { display: block; position: absolute; top: 0; left: 0; }.ct-major-second { display: block; position: relative; width: 100%; } .ct-major-second:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 88.88889%; } .ct-major-second:after { content: ; display: table; clear: both; } .ct-major-second > svg { display: block; position: absolute; top: 0; left: 0; }.ct-minor-third { display: block; position: relative; width: 100%; } .ct-minor-third:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 83.33333%; } .ct-minor-third:after { content: ; display: table; clear: both; } .ct-minor-third > svg { display: block; position: absolute; top: 0; left: 0; }.ct-major-third { display: block; position: relative; width: 100%; } .ct-major-third:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 80%; } .ct-major-third:after { content: ; display: table; clear: both; } .ct-major-third > svg { display: block; position: absolute; top: 0; left: 0; }.ct-perfect-fourth { display: block; position: relative; width: 100%; } .ct-perfect-fourth:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 75%; } .ct-perfect-fourth:after { content: ; display: table; clear: both; } .ct-perfect-fourth > svg { display: block; position: absolute; top: 0; left: 0; }.ct-perfect-fifth { display: block; position: relative; width: 100%; } .ct-perfect-fifth:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 66.66667%; } .ct-perfect-fifth:after { content: ; display: table; clear: both; } .ct-perfect-fifth > svg { display: block; position: absolute; top: 0; left: 0; }.ct-minor-sixth { display: block; position: relative; width: 100%; } .ct-minor-sixth:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 62.5%; } .ct-minor-sixth:after { content: ; display: table; clear: both; } .ct-minor-sixth > svg { display: block; position: absolute; top: 0; left: 0; }.ct-golden-section { display: block; position: relative; width: 100%; } .ct-golden-section:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 61.8047%; } .ct-golden-section:after { content: ; display: table; clear: both; } .ct-golden-section > svg { display: block; position: absolute; top: 0; left: 0; }.ct-major-sixth { display: block; position: relative; width: 100%; } .ct-major-sixth:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 60%; } .ct-major-sixth:after { content: ; display: table; clear: both; } .ct-major-sixth > svg { display: block; position: absolute; top: 0; left: 0; }.ct-minor-seventh { display: block; position: relative; width: 100%; } .ct-minor-seventh:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 56.25%; } .ct-minor-seventh:after { content: ; display: table; clear: both; } .ct-minor-seventh > svg { display: block; position: absolute; top: 0; left: 0; }.ct-major-seventh { display: block; position: relative; width: 100%; } .ct-major-seventh:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 53.33333%; } .ct-major-seventh:after { content: ; display: table; clear: both; } .ct-major-seventh > svg { display: block; position: absolute; top: 0; left: 0; }.ct-octave { display: block; position: relative; width: 100%; } .ct-octave:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 50%; } .ct-octave:after { content: ; display: table; clear: both; } .ct-octave > svg { display: block; position: absolute; top: 0; left: 0; }.ct-major-tenth { display: block; position: relative; width: 100%; } .ct-major-tenth:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 40%; } .ct-major-tenth:after { content: ; display: table; clear: both; } .ct-major-tenth > svg { display: block; position: absolute; top: 0; left: 0; }.ct-major-eleventh { display: block; position: relative; width: 100%; } .ct-major-eleventh:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 37.5%; } .ct-major-eleventh:after { content: ; display: table; clear: both; } .ct-major-eleventh > svg { display: block; position: absolute; top: 0; left: 0; }.ct-major-twelfth { display: block; position: relative; width: 100%; } .ct-major-twelfth:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 33.33333%; } .ct-major-twelfth:after { content: ; display: table; clear: both; } .ct-major-twelfth > svg { display: block; position: absolute; top: 0; left: 0; }.ct-double-octave { display: block; position: relative; width: 100%; } .ct-double-octave:before { display: block; float: left; content: ; width: 0; height: 0; padding-bottom: 25%; } .ct-double-octave:after { content: ; display: table; clear: both; } .ct-double-octave > svg { display: block; position: absolute; top: 0; left: 0; }/*# sourceMappingURL/wwwroot/css/statistics/chartist/chartist.css.map *//style>style>/*-- Chart --*/.c3 svg { font: 10px sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }.c3 path, .c3 line { fill: none; stroke: #000; }.c3 text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid,.c3-event-rect,.c3-bars path { shape-rendering: crispEdges; }.c3-chart-arc path { stroke: #fff; }.c3-chart-arc rect { stroke: white; stroke-width: 1; }.c3-chart-arc text { fill: #fff; font-size: 13px; }/*-- Axis --*//*-- Grid --*/.c3-grid line { stroke: #aaa; }.c3-grid text { fill: #aaa; }.c3-xgrid, .c3-ygrid { stroke-dasharray: 3 3; }/*-- Text on Chart --*/.c3-text.c3-empty { fill: #808080; font-size: 2em; }/*-- Line --*/.c3-line { stroke-width: 1px; }/*-- Point --*/.c3-circle { fill: currentColor; }.c3-circle._expanded_ { stroke-width: 1px; stroke: white; }.c3-selected-circle { fill: white; stroke-width: 2px; }/*-- Bar --*/.c3-bar { stroke-width: 0; }.c3-bar._expanded_ { fill-opacity: 1; fill-opacity: 0.75; }/*-- Focus --*/.c3-target.c3-focused { opacity: 1; }.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; }.c3-target.c3-defocused { opacity: 0.3 !important; }/*-- Region --*/.c3-region { fill: steelblue; fill-opacity: 0.1; }/*-- Brush --*/.c3-brush .extent { fill-opacity: 0.1; }/*-- Select - Drag --*//*-- Legend --*/.c3-legend-item { font-size: 12px; }.c3-legend-item-hidden { opacity: 0.15; }.c3-legend-background { opacity: 0.75; fill: white; stroke: lightgray; stroke-width: 1; }/*-- Title --*/.c3-title { font: 14px sans-serif; }/*-- Tooltip --*/.c3-tooltip-container { z-index: 10; }.c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; -webkit-box-shadow: 7px 7px 12px -9px #777777; box-shadow: 7px 7px 12px -9px #777777; opacity: 0.9; }.c3-tooltip tr { border: 1px solid #CCC; }.c3-tooltip th { background-color: #aaa; font-size: 14px; padding: 2px 5px; text-align: left; color: #FFF; }.c3-tooltip td { font-size: 13px; padding: 3px 6px; background-color: #fff; border-left: 1px dotted #999; }.c3-tooltip td > span { display: inline-block; width: 10px; height: 10px; margin-right: 6px; }.c3-tooltip .value { text-align: right; }/*-- Area --*/.c3-area { stroke-width: 0; opacity: 0.2; }/*-- Arc --*/.c3-chart-arcs-title { dominant-baseline: middle; font-size: 1.3em; }.c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: #FFF; }.c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 16px; }.c3-chart-arcs .c3-chart-arcs-gauge-max { fill: #777; }.c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777; }.c3-chart-arc .c3-gauge-value { fill: #000; /* font-size: 28px !important;*/ }.c3-chart-arc.c3-target g path { opacity: 1; }.c3-chart-arc.c3-target.c3-focused g path { opacity: 1; }/*-- Zoom --*/.c3-drag-zoom.enabled { pointer-events: all !important; visibility: visible; }.c3-drag-zoom.disabled { pointer-events: none !important; visibility: hidden; }.c3-drag-zoom .extent { fill-opacity: 0.1; }/*# sourceMappingURL/wwwroot/css/statistics/c3/c3.css.map *//style>style>.swal2-popup.swal2-toast { box-sizing: border-box; grid-column: 1/4 !important; grid-row: 1/4 !important; grid-template-columns: min-content auto min-content; padding: 1em; overflow-y: hidden; background: #fff; box-shadow: 0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075); pointer-events: all} .swal2-popup.swal2-toast > * { grid-column: 2 } .swal2-popup.swal2-toast .swal2-title { margin: .5em 1em; padding: 0; font-size: 1em; text-align: initial } .swal2-popup.swal2-toast .swal2-loading { justify-content: center } .swal2-popup.swal2-toast .swal2-input { height: 2em; margin: .5em; font-size: 1em } .swal2-popup.swal2-toast .swal2-validation-message { font-size: 1em } .swal2-popup.swal2-toast .swal2-footer { margin: .5em 0 0; padding: .5em 0 0; font-size: .8em } .swal2-popup.swal2-toast .swal2-close { grid-column: 3/3; grid-row: 1/99; align-self: center; width: .8em; height: .8em; margin: 0; font-size: 2em } .swal2-popup.swal2-toast .swal2-html-container { margin: .5em 1em; padding: 0; overflow: initial; font-size: 1em; text-align: initial } .swal2-popup.swal2-toast .swal2-html-container:empty { padding: 0 } .swal2-popup.swal2-toast .swal2-loader { grid-column: 1; grid-row: 1/99; align-self: center; width: 2em; height: 2em; margin: .25em } .swal2-popup.swal2-toast .swal2-icon { grid-column: 1; grid-row: 1/99; align-self: center; width: 2em; min-width: 2em; height: 2em; margin: 0 .5em 0 0 } .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em } .swal2-popup.swal2-toast .swal2-icon.swal2-error class^swal2-x-mark-line { top: .875em; width: 1.375em } .swal2-popup.swal2-toast .swal2-icon.swal2-error class^swal2-x-mark-lineclass$left { left: .3125em } .swal2-popup.swal2-toast .swal2-icon.swal2-error class^swal2-x-mark-lineclass$right { right: .3125em } .swal2-popup.swal2-toast .swal2-actions { justify-content: flex-start; height: auto; margin: 0; margin-top: .5em; padding: 0 .5em } .swal2-popup.swal2-toast .swal2-styled { margin: .25em .5em; padding: .4em .6em; font-size: 1em } .swal2-popup.swal2-toast .swal2-success { border-color: #1DC9B7 } .swal2-popup.swal2-toast .swal2-success class^swal2-success-circular-line { position: absolute; width: 1.6em; height: 3em; border-radius: 50% } .swal2-popup.swal2-toast .swal2-success class^swal2-success-circular-lineclass$left { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em } .swal2-popup.swal2-toast .swal2-success class^swal2-success-circular-lineclass$right { top: -0.25em; left: .9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0 } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: .4375em; width: .4375em; height: 2.6875em } .swal2-popup.swal2-toast .swal2-success class^swal2-success-line { height: .3125em } .swal2-popup.swal2-toast .swal2-success class^swal2-success-lineclass$tip { top: 1.125em; left: .1875em; width: .75em } .swal2-popup.swal2-toast .swal2-success class^swal2-success-lineclass$long { top: .9375em; right: .1875em; width: 1.375em } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-toast-animate-success-line-tip .75s } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-toast-animate-success-line-long .75s } .swal2-popup.swal2-toast.swal2-show { animation: swal2-toast-show .5s } .swal2-popup.swal2-toast.swal2-hide { animation: swal2-toast-hide .1s forwards }div:where(.swal2-container) { display: grid; position: fixed; z-index: 1060; inset: 0; box-sizing: border-box; grid-template-areas: top-start top top-end center-start center center-end bottom-start bottom-center bottom-end; grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto); height: 100%; padding: .625em; overflow-x: hidden; transition: background-color .1s; -webkit-overflow-scrolling: touch} div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation { background: rgba(0,0,0,.4) } div:where(.swal2-container).swal2-backdrop-hide { background: rgba(0,0,0,0) !important } div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start { grid-template-columns: minmax(0, 1fr) auto auto } div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom { grid-template-columns: auto minmax(0, 1fr) auto } div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end { grid-template-columns: auto auto minmax(0, 1fr) } div:where(.swal2-container).swal2-top-start > .swal2-popup { align-self: start } div:where(.swal2-container).swal2-top > .swal2-popup { grid-column: 2; place-self: start center } div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup { grid-column: 3; place-self: start end } div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup { grid-row: 2; align-self: center } div:where(.swal2-container).swal2-center > .swal2-popup { grid-column: 2; grid-row: 2; place-self: center center } div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup { grid-column: 3; grid-row: 2; place-self: center end } div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup { grid-column: 1; grid-row: 3; align-self: end } div:where(.swal2-container).swal2-bottom > .swal2-popup { grid-column: 2; grid-row: 3; place-self: end center } div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup { grid-column: 3; grid-row: 3; place-self: end end } div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-column: 1/4; width: 100% } div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-row: 1/4; align-self: stretch } div:where(.swal2-container).swal2-no-transition { transition: none !important } div:where(.swal2-container) div:where(.swal2-popup) { display: none; position: relative; box-sizing: border-box; grid-template-columns: minmax(0, 100%); width: 32em; max-width: 100%; padding: 0 0 1.25em; border: none; border-radius: 5px; background: #fff; color: #505050; font-family: inherit; font-size: 1rem } div:where(.swal2-container) div:where(.swal2-popup):focus { outline: none } div:where(.swal2-container) div:where(.swal2-popup).swal2-loading { overflow-y: hidden } div:where(.swal2-container) h2:where(.swal2-title) { position: relative; max-width: 100%; margin: 0; padding: .8em 1em 0; color: inherit; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word } div:where(.swal2-container) div:where(.swal2-actions) { display: flex; z-index: 1; box-sizing: border-box; flex-wrap: wrap; align-items: center; justify-content: center; width: auto; margin: 1.25em auto 0; padding: 0 } div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styleddisabled { opacity: .4 } div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) } div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) } div:where(.swal2-container) div:where(.swal2-loader) { display: none; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin: 0 1.875em; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border-width: .25em; border-style: solid; border-radius: 100%; border-color: #2196F3 rgba(0,0,0,0) #2196F3 rgba(0,0,0,0) } div:where(.swal2-container) button:where(.swal2-styled) { margin: .3125em; padding: .625em 1.1em; transition: box-shadow .1s; box-shadow: 0 0 0 3px rgba(0,0,0,0); font-weight: 500 } div:where(.swal2-container) button:where(.swal2-styled):not(disabled) { cursor: pointer } div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { border: 0; border-radius: .25em; background: initial; background-color: #886AB5; color: #fff; font-size: 1em } div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus { box-shadow: 0 0 0 3px #BEAED7 } div:where(.swal2-container) button:where(.swal2-styled).swal2-deny { border: 0; border-radius: .25em; background: initial; background-color: #fd3d51; color: #fff; font-size: 1em } div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus { box-shadow: 0 0 0 3px #FEA2AC } div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel { border: 0; border-radius: .25em; background: initial; background-color: #838383; color: #fff; font-size: 1em } div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus { box-shadow: 0 0 0 3px #909090 } div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus { box-shadow: 0 0 0 3px #BEAED7 } div:where(.swal2-container) button:where(.swal2-styled):focus { outline: none } div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner { border: 0 } div:where(.swal2-container) div:where(.swal2-footer) { margin: 1em 0 0; padding: 1em 1em 0; border-top: 1px solid #eee; color: inherit; font-size: 1em; text-align: center } div:where(.swal2-container) .swal2-timer-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; grid-column: auto !important; overflow: hidden; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px } div:where(.swal2-container) div:where(.swal2-timer-progress-bar) { width: 100%; height: .25em; background: rgba(0,0,0,.2) } div:where(.swal2-container) img:where(.swal2-image) { max-width: 100%; margin: 2em auto 1em } div:where(.swal2-container) button:where(.swal2-close) { z-index: 2; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; margin-top: 0; margin-right: 0; margin-bottom: -1.2em; padding: 0; overflow: hidden; transition: color .1s,box-shadow .1s; border: none; border-radius: 5px; background: rgba(0,0,0,0); color: #ccc; font-family: monospace; font-size: 2.5em; cursor: pointer; justify-self: end } div:where(.swal2-container) button:where(.swal2-close):hover { transform: none; background: rgba(0,0,0,0); color: #505050 } div:where(.swal2-container) button:where(.swal2-close):focus { outline: none; box-shadow: inset 0 0 0 3px #BEAED7 } div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner { border: 0 } div:where(.swal2-container) .swal2-html-container { z-index: 1; justify-content: center; margin: 1em 1.6em .3em; padding: 0; overflow: auto; color: inherit; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; word-wrap: break-word; word-break: break-word } div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) label:where(.swal2-checkbox) { margin: 1em 2em 3px } div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) { box-sizing: border-box; width: auto; transition: border-color .1s,box-shadow .1s; border: 1px solid #d9d9d9; border-radius: .1875em; background: rgba(0,0,0,0); box-shadow: inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0); color: inherit; font-size: 1.125em } div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror { border-color: #fd3d51 !important; box-shadow: 0 0 2px #fd3d51 !important } div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus { border: 1px solid #82C4F8; outline: none; box-shadow: inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px #BEAED7 } div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder { color: #ccc } div:where(.swal2-container) .swal2-range { margin: 1em 2em 3px; background: #fff } div:where(.swal2-container) .swal2-range input { width: 80% } div:where(.swal2-container) .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center } div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em } div:where(.swal2-container) .swal2-input { height: 2.625em; padding: 0 .75em } div:where(.swal2-container) .swal2-file { width: 75%; margin-right: auto; margin-left: auto; background: rgba(0,0,0,0); font-size: 1.125em } div:where(.swal2-container) .swal2-textarea { height: 6.75em; padding: .75em } div:where(.swal2-container) .swal2-select { min-width: 50%; max-width: 100%; padding: .375em .625em; background: rgba(0,0,0,0); color: inherit; font-size: 1.125em } div:where(.swal2-container) .swal2-radio, div:where(.swal2-container) .swal2-checkbox { align-items: center; justify-content: center; background: #fff; color: inherit } div:where(.swal2-container) .swal2-radio label, div:where(.swal2-container) .swal2-checkbox label { margin: 0 .6em; font-size: 1.125em } div:where(.swal2-container) .swal2-radio input, div:where(.swal2-container) .swal2-checkbox input { flex-shrink: 0; margin: 0 .4em } div:where(.swal2-container) label:where(.swal2-input-label) { display: flex; justify-content: center; margin: 1em auto 0 } div:where(.swal2-container) div:where(.swal2-validation-message) { align-items: center; justify-content: center; margin: 1em 0 0; padding: .625em; overflow: hidden; background: #f0f0f0; color: #666; font-size: 1em; font-weight: 300 } div:where(.swal2-container) div:where(.swal2-validation-message)::before { content: !; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 .625em; border-radius: 50%; background-color: #505050; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center } div:where(.swal2-container) .swal2-progress-steps { flex-wrap: wrap; align-items: center; max-width: 100%; margin: 1.25em auto; padding: 0; background: rgba(0,0,0,0); font-weight: 600 } div:where(.swal2-container) .swal2-progress-steps li { display: inline-block; position: relative } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step { z-index: 20; flex-shrink: 0; width: 2em; height: 2em; border-radius: 2em; background: #2196F3; color: #fff; line-height: 2em; text-align: center } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #2196F3 } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: #82C4F8; color: #fff } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: #82C4F8 } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line { z-index: 10; flex-shrink: 0; width: 2.5em; height: .4em; margin: 0 -1px; background: #2196F3 }div:where(.swal2-icon) { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 2.5em auto .6em; border: 0.25em solid rgba(0,0,0,0); border-radius: 50%; border-color: #000; font-family: inherit; line-height: 5em; cursor: default; user-select: none} div:where(.swal2-icon) .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em } div:where(.swal2-icon).swal2-error { border-color: #505050; color: #505050 } div:where(.swal2-icon).swal2-error .swal2-x-mark { position: relative; flex-grow: 1 } div:where(.swal2-icon).swal2-error class^swal2-x-mark-line { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: .3125em; border-radius: .125em; background-color: #505050 } div:where(.swal2-icon).swal2-error class^swal2-x-mark-lineclass$left { left: 1.0625em; transform: rotate(45deg) } div:where(.swal2-icon).swal2-error class^swal2-x-mark-lineclass$right { right: 1em; transform: rotate(-45deg) } div:where(.swal2-icon).swal2-error.swal2-icon-show { animation: swal2-animate-error-icon .5s } div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark { animation: swal2-animate-error-x-mark .5s } div:where(.swal2-icon).swal2-warning { border-color: #FFE3A7; color: #FFC241 } div:where(.swal2-icon).swal2-warning.swal2-icon-show { animation: swal2-animate-error-icon .5s } div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content { animation: swal2-animate-i-mark .5s } div:where(.swal2-icon).swal2-info { border-color: #82C4F8; color: #2196F3 } div:where(.swal2-icon).swal2-info.swal2-icon-show { animation: swal2-animate-error-icon .5s } div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content { animation: swal2-animate-i-mark .8s } div:where(.swal2-icon).swal2-question { border-color: #82C4F8; color: #2196F3 } div:where(.swal2-icon).swal2-question.swal2-icon-show { animation: swal2-animate-error-icon .5s } div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content { animation: swal2-animate-question-mark .8s } div:where(.swal2-icon).swal2-success { border-color: #1DC9B7; color: #1DC9B7 } div:where(.swal2-icon).swal2-success class^swal2-success-circular-line { position: absolute; width: 3.75em; height: 7.5em; border-radius: 50% } div:where(.swal2-icon).swal2-success class^swal2-success-circular-lineclass$left { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em } div:where(.swal2-icon).swal2-success class^swal2-success-circular-lineclass$right { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0 } div:where(.swal2-icon).swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: .25em solid rgba(165,220,134,.3); border-radius: 50% } div:where(.swal2-icon).swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: .5em; left: 1.625em; width: .4375em; height: 5.625em; transform: rotate(-45deg) } div:where(.swal2-icon).swal2-success class^swal2-success-line { display: block; position: absolute; z-index: 2; height: .3125em; border-radius: .125em; background-color: #1DC9B7 } div:where(.swal2-icon).swal2-success class^swal2-success-lineclass$tip { top: 2.875em; left: .8125em; width: 1.5625em; transform: rotate(45deg) } div:where(.swal2-icon).swal2-success class^swal2-success-lineclass$long { top: 2.375em; right: .5em; width: 2.9375em; transform: rotate(-45deg) } div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-animate-success-line-tip .75s } div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-animate-success-line-long .75s } div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: swal2-rotate-success-circular-line 4.25s ease-in }class^swal2 { -webkit-tap-highlight-color: rgba(0,0,0,0)}.swal2-show { animation: swal2-show .3s}.swal2-hide { animation: swal2-hide .15s forwards}.swal2-noanimation { transition: none}.swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll}.swal2-rtl .swal2-close { margin-right: initial; margin-left: 0}.swal2-rtl .swal2-timer-progress-bar { right: 0; left: auto}@keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg) } 33% { transform: translateY(0) rotateZ(-2deg) } 66% { transform: translateY(0.3125em) rotateZ(2deg) } 100% { transform: translateY(0) rotateZ(0deg) }}@keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0 }}@keyframes swal2-toast-animate-success-line-tip { 0% { top: .5625em; left: .0625em; width: 0 } 54% { top: .125em; left: .125em; width: 0 } 70% { top: .625em; left: -0.25em; width: 1.625em } 84% { top: 1.0625em; left: .75em; width: .5em } 100% { top: 1.125em; left: .1875em; width: .75em }}@keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0 } 65% { top: 1.25em; right: .9375em; width: 0 } 84% { top: .9375em; right: 0; width: 1.125em } 100% { top: .9375em; right: .1875em; width: 1.375em }}@keyframes swal2-show { 0% { transform: scale(0.7) } 45% { transform: scale(1.05) } 80% { transform: scale(0.95) } 100% { transform: scale(1) }}@keyframes swal2-hide { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(0.5); opacity: 0 }}@keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: .0625em; width: 0 } 54% { top: 1.0625em; left: .125em; width: 0 } 70% { top: 2.1875em; left: -0.375em; width: 3.125em } 84% { top: 3em; left: 1.3125em; width: 1.0625em } 100% { top: 2.8125em; left: .8125em; width: 1.5625em }}@keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0 } 65% { top: 3.375em; right: 2.875em; width: 0 } 84% { top: 2.1875em; right: 0; width: 3.4375em } 100% { top: 2.375em; right: .5em; width: 2.9375em }}@keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg) } 5% { transform: rotate(-45deg) } 12% { transform: rotate(-405deg) } 100% { transform: rotate(-405deg) }}@keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0 } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0 } 80% { margin-top: -0.375em; transform: scale(1.15) } 100% { margin-top: 0; transform: scale(1); opacity: 1 }}@keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0 } 100% { transform: rotateX(0deg); opacity: 1 }}@keyframes swal2-rotate-loading { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) }}@keyframes swal2-animate-question-mark { 0% { transform: rotateY(-360deg) } 100% { transform: rotateY(0) }}@keyframes swal2-animate-i-mark { 0% { transform: rotateZ(45deg); opacity: 0 } 25% { transform: rotateZ(-25deg); opacity: .4 } 50% { transform: rotateZ(15deg); opacity: .8 } 75% { transform: rotateZ(-5deg); opacity: 1 } 100% { transform: rotateX(0); opacity: 1 }}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden}body.swal2-height-auto { height: auto !important}body.swal2-no-backdrop .swal2-container { background-color: rgba(0,0,0,0) !important; pointer-events: none} body.swal2-no-backdrop .swal2-container .swal2-popup { pointer-events: all } body.swal2-no-backdrop .swal2-container .swal2-modal { box-shadow: 0 0 10px rgba(0,0,0,.4) }@media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > aria-hiddentrue { display: none } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important }}body.swal2-toast-shown .swal2-container { box-sizing: border-box; width: 360px; max-width: 100%; background-color: rgba(0,0,0,0); pointer-events: none} body.swal2-toast-shown .swal2-container.swal2-top { inset: 0 auto auto 50%; transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { inset: 0 0 auto auto } body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { inset: 0 auto auto 0 } body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { inset: 50% auto auto 0; transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-center { inset: 50% auto auto 50%; transform: translate(-50%, -50%) } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { inset: 50% 0 auto auto; transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { inset: auto auto 0 0 } body.swal2-toast-shown .swal2-container.swal2-bottom { inset: auto auto 0 50%; transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { inset: auto 0 0 auto }/style>style>.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-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity80); filter: alpha(opacity80); }.toast-close-button:hover,.toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity40); filter: alpha(opacity40); }/*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href#`.*/button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }.toast-top-center { top: 0; right: 0; width: 100%; }.toast-bottom-center { bottom: 0; right: 0; width: 100%; }.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: 999999; /*overrides*/ }#toast-container * { -webkit-box-sizing: border-box; box-sizing: border-box; }#toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity80); filter: alpha(opacity80); }#toast-container > div:hover { -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity100); filter: alpha(opacity100); 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-center > div,#toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; }#toast-container.toast-top-full-width > div,#toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: 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; }.toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity40); filter: alpha(opacity40); }/*Responsive Design*/@media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } }@media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } }@media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } }/* THEME COLORs *//* Looks good on chrome default color profile *//* looks good in sRGB but washed up on chrome default $color-primary: #826bb0;$color-success: #31cb55;$color-info: #5e93ec;$color-warning: #eec559;$color-danger: #dc4b92;$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); *//* Color Polarity *//* PAINTBUCKET MIXER *//* the grays *//* the sapphires *//* the emeralds *//* the amethyths *//* the topaz *//* the rubies *//* the graphites *//* Define universal border difition (div outlines, etc) *//* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides) *//* define when mobile menu activates, here we are declearing (lg) so it targets the one after it *//* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*//* global var used for spacing*//* Uniform Padding variable *//* Heads up! This is a global scoped variable - changing may impact the whole template *//* BOOTSTRAP OVERRIDES (bootstrap variables) *//* usage: theme-colors(primary); *//* forms *//*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... *//* links *//* checkbox *//*$custom-file-height-inner: calc(2.25rem - 1px);*//* not part of bootstrap variable *//* custom checkbox *//* custom range *//* select *//* badge *//* cards *//*border radius*//* alert *//* toast *//* breadcrumb *//* input button *//* nav link *//* nav, tabs, pills *//* tables *//* dropdowns *//* dropdowns sizes *//* popovers *//* tooltips *//* modal *//* reference guidehttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/8px 0.5rem9px 0.5625rem10px 0.625rem11px 0.6875rem12px 0.75rem13px 0.8125rem14px 0.875rem15px 0.9375rem16px 1rem (base)17px 1.0625rem18px 1.125rem19px 1.1875rem20px 1.25rem21px 1.3125rem22px 1.375rem24px 1.5rem25px 1.5625rem26px 1.625rem28px 1.75rem30px 1.875rem32px 2rem34px 2.125rem36px 2.25rem38px 2.375rem40px 2.5rem*//* Fonts *//* carousel *//* BASE VARS *//* font vars below will auto change to rem values using function rem($value)*//* 11px *//* 12px *//* 12.5px *//* 14px *//* 15px *//* 16px *//* 28px *//* Font Family *//*hint: you can also try the font called Poppins by replacing the font Roboto *//* ANIMATIONS *//* this addresses all animation related to nav hide to nav minify *//* Z-INDEX declearation *//* we adjust bootstrap z-index to be higher than our higest z-index*//* CUSTOM ICON PREFIX *//* PRINT CSS (landscape or portrait) *//* landscape or portrait *//* auto, letter *//* Common Element Variables *//* Z-index decleartion birds eye view *//* Components *//* PAGE HEADER STUFF *//* colors *//* height *//* logo *//* try not to go beywond the width of $main_nav_width value *//* you may need to change this depending on your logo design *//* adjust this as you see fit : left, right, center *//* icon font size (not button) *//* search input box *//* suggestion: #ccced0*//* btn *//* dropdown: app list *//* badge *//* COMPONENTS & MODS *//* NAVIGATION STUFFGuide:aside.page-sidebar ($nav-width, $nav-background) .page-logo .primary-nav .info-card ul.nav-menu li a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color) icon span collapse-sign ul.nav-menu-sub-one li a ($nav-level-1... $nav-sub-link-height) span collapse-sign ul.nav-menu-sub-two li a ($nav-level-2... $nav-sub-link-height) span p.nav-title ($nav-title-*...) *//* main navigation *//* left panel *//* nav parent level-0 *//* nav icon sizes *//* badge default *//* all child *//* nav title *//* nav Minify *//* when the menu pops on hover *//* navigation Width *//* partial visibility of the menu *//* top navigation *//* nav Info Card (appears below the logo) *//* width is auto *//* nav DL labels for all child *//* will be pulled to left as a negative value *//* MISC Settings *//* List Table *//* PAGE SETTINGS *//* PAGE BREADCRUMB *//* PAGE COMPONENT PANELS *//* PAGE COMPONENT PROGRESSBARS *//* PAGE COMPONENT MESSENGER *//* FOOTER *//* GLOBALS *//* ACCESSIBILITIES *//* SHORTCUT BUTTON (appears on bottom right of the page) */.toast { background-color: #886AB5; background-image: none !important; } .toast:before { content: \f05a; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: Font Awesome 5 Pro; font-size: 1.8rem; left: 1rem; top: 0; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }.toast-success { background-color: #1AB3A3; } .toast-success:before { content: \f2f7; }.toast-error { background-color: #fd3d51; } .toast-error:before { content: \f2f0; }.toast-info { background-color: #2196F3; } .toast-info:before { content: \f05a; }.toast-warning { background-color: #FFB20E; } .toast-warning > div, .toast-warning .toast-close-button { color: #000; } .toast-warning:before { content: \f071; color: #000; }#toast-container > .toast { padding: 1rem 1rem 1rem 3.5rem; border-radius: 4px; background-image: none !important; width: 22rem; opacity: 0.9; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } #toast-container > .toast:hover { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); }.toast-close-button { top: -0.7em; }@media all and (min-width: 241px) and (max-width: 480px) { #toast-container > .toast { width: 18rem; } #toast-container .toast-close-button { top: -0.7em; } }/*# sourceMappingURL/wwwroot/css/notifications/toastr/toastr.css.map *//style>style> .was-validated .form-control.select2 + .select2-container .select2-selection, .custom-select.select2 + .select2-container .select2-selection { padding-right: calc(1.6em + 0.75rem); background-repeat: no-repeat; background-position: center right calc(0.4em + 0.1875rem); background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } .was-validated .form-control.select2:invalid + .select2-container .select2-selection, .custom-select.select2:invalid + .select2-container .select2-selection { border-color: #fd3d51; background-image: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg fill%23e3342f viewBox-2 -2 7 7%3e%3cpath stroke%23e3342f dM0 0l3 3m0-3L0 3/%3e%3ccircle r.5/%3e%3ccircle cx3 r.5/%3e%3ccircle cy3 r.5/%3e%3ccircle cx3 cy3 r.5/%3e%3c/svg%3E); } .was-validated .form-control.select2:valid + .select2-container .select2-selection, .custom-select.select2:valid + .select2-container .select2-selection { border-color: #1dc9b7; background-image: url(data:image/svg+xml,%3csvg xmlnshttp://www.w3.org/2000/svg viewBox0 0 8 8%3e%3cpath fill%2338c172 dM2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z/%3e%3c/svg%3e); }/style>style> .nr4-spinner-parent { /*enterable values*/ --nr4-spinner-speed:calc(50/100); --nr4-spinner-thickness:calc(0/100); --nr4-spinner-size: calc(46/100); --nr4-spinner-default-color: var(--theme-primary); --nr4-spinner-color-700: var(--theme-primary-700); --nr4-spinner-color-50: var(--theme-primary-50); --nr4-spinner-color-900: var(--theme-primary-900); --nr4-spinner-color-100: var(--theme-primary-100); --nr4-spinner-color-200: var(--theme-primary-200); --nr4-spinner-color-300: var(--theme-primary-300); --nr4-spinner-color-400: var(--theme-primary-400); --nr4-spinner-color-600: var(--theme-primary-600); --nr4-spinner-color-800: var(--theme-primary-800); --nr4-spinner1-center-background: var(--nr4-spinner-default-color); --nr4-spinner1-border-radius: 50%; /*parent configuration*/ position: relative; width: var(--nr4-spinner-total-width); height: var(--nr4-spinner-total-width); margin: auto; /*universal calculated values*/ --nr4-spinner-animation-time: calc(2s - var(--nr4-spinner-speed)*1.5s); --nr4-spinner-gridspace: calc(var(--nr4-spinner-total-width)/3); --nr4-spinner-negative-gridspace: calc(-1*var(--nr4-spinner-gridspace)); --nr4-spinner-total-width: calc(var(--nr4-spinner-size)*112px + 128px); /*block spinner calculated values -- spinner 1*/ --nr4-spinner1-component-width: calc(0.9*var(--nr4-spinner-gridspace)); --nr4-spinner-gridspace: calc(var(--nr4-spinner-total-width)/3); --nr4-spinner1c-animation-time: calc(3*var(--nr4-spinner-animation-time)); /*dot spinner calculated values -- spinner 2*/ --nr4-spinner2-dot-diameter-ratio: calc(var(--nr4-spinner-thickness)*0.17 + 0.1); --nr4-spinner2-dot-diameter: calc(var(--nr4-spinner2-dot-diameter-ratio)*var(--nr4-spinner-total-width)); /*loop spinner calculated values -- spinner 3*/ --nr4-spinner3-loop-diameter-ratio: calc(var(--nr4-spinner-thickness)*0.09 + 0.01); --nr4-spinner3-loop-diameter: calc(var(--nr4-spinner3-loop-diameter-ratio)*var(--nr4-spinner-total-width)); --nr4-spinner3-second-iteration-distance: calc(var(--nr4-spinner-total-width) - calc(var(--nr4-spinner3-loop-diameter)*2)); --nr4-spinner3-third-iteration-distance: calc(var(--nr4-spinner3-second-iteration-distance) - calc(var(--nr4-spinner3-loop-diameter)*2)); --nr4-spinner3-fourth-iteration-distance: calc(var(--nr4-spinner3-third-iteration-distance) - calc(var(--nr4-spinner3-loop-diameter)*2)); --nr4-spinner3-fifth-iteration-distance: calc(var(--nr4-spinner3-fourth-iteration-distance) - calc(var(--nr4-spinner3-loop-diameter)*2)); --nr4-spinner3-sixth-iteration-distance: calc(var(--nr4-spinner3-fifth-iteration-distance) - calc(var(--nr4-spinner3-loop-diameter)*2)); } /*SPINNER 1: BOXES*/ .nr4-spinner1-outerbox { background: var(--nr4-spinner-default-color); width: var(--nr4-spinner1-component-width); height: var(--nr4-spinner1-component-width); position: absolute; display: inline-block; border: var(--nr4-spinner1-border-width) solid var(--nr4-spinner-color-700); animation: var(--nr4-spinner-animation-time) infinite ease-in-out; border-radius:var(--nr4-spinner1-border-radius) } .nr4-spinner1-centerbox { width: var(--nr4-spinner1-component-width); height: var(--nr4-spinner1-component-width); background: var(--nr4-spinner1-center-background); border: var(--nr4-spinner1-border-width) solid var(--nr4-spinner-color-700); position: relative; margin: auto; top: calc(1.05*var(--nr4-spinner-gridspace)); border-radius: var(--nr4-spinner1-border-radius) } .nr4-spinner1-one { top: var(--nr4-spinner-negative-gridspace); left: var(--nr4-spinner-negative-gridspace); } .nr4-spinner1-two { top: var(--nr4-spinner-negative-gridspace); left: 0px; } .nr4-spinner1-three { top: var(--nr4-spinner-negative-gridspace); left: var(--nr4-spinner-gridspace); } .nr4-spinner1-four { top: 0px; left: var(--nr4-spinner-gridspace); } .nr4-spinner1-five { top: var(--nr4-spinner-gridspace); left: var(--nr4-spinner-gridspace); } .nr4-spinner1-six { top: var(--nr4-spinner-gridspace); left: var(--nr4-spinner-negative-gridspace); } @keyframes nr4-spinner1-first { 0% { left: var(--nr4-spinner-negative-gridspace); } 50% { left: var(--nr4-spinner-negative-gridspace); } 75% { left: var(--nr4-spinner-gridspace); } 100% { left: var(--nr4-spinner-gridspace); } } @keyframes nr4-spinner1-third { 0% { top: var(--nr4-spinner-negative-gridspace); } 25% { top: var(--nr4-spinner-negative-gridspace); } 50% { top: var(--nr4-spinner-gridspace); } 100% { top: var(--nr4-spinner-gridspace); } } @keyframes nr4-spinner1-fifth { 0% { left: var(--nr4-spinner-gridspace); top: var(--nr4-spinner-gridspace); } 25% { left: var(--nr4-spinner-negative-gridspace); top: var(--nr4-spinner-gridspace); } 75% { top: var(--nr4-spinner-gridspace); } 100% { left: var(--nr4-spinner-negative-gridspace); top: var(--nr4-spinner-negative-gridspace); } } @keyframes nr4-spinner1-second { 0% { left: 0px; top: var(--nr4-spinner-negative-gridspace); } 37.5% { left: 0px; } 50% { left: var(--nr4-spinner-gridspace); top: var(--nr4-spinner-negative-gridspace); } 62.5% { top: 0px; } 100% { left: var(--nr4-spinner-gridspace); top: 0px; } } @keyframes nr4-spinner1-fourth { 0% { left: var(--nr4-spinner-gridspace); top: 0px; } 12.5% { top: 0px; } 25% { left: var(--nr4-spinner-gridspace); top: var(--nr4-spinner-gridspace); } 37.5% { left: 0px; } 87.5% { left: 0px; } 100% { left: var(--nr4-spinner-negative-gridspace); top: var(--nr4-spinner-gridspace); } } @keyframes nr4-spinner1-sixth { 0% { top: var(--nr4-spinner-gridspace); left: var(--nr4-spinner-negative-gridspace); } 12.5% { top: 0px; } 62.5% { top: 0px; } 75% { top: var(--nr4-spinner-negative-gridspace); left: var(--nr4-spinner-negative-gridspace); } 87.5% { left: 0px; } 100% { top: var(--nr4-spinner-negative-gridspace); left: 0px; } } @keyframes nr4-spinner1b-first { 0% { background:var(--nr4-spinner-color-100); } 50% { background: var(--nr4-spinner-color-100); } 75% { background: var(--nr4-spinner-default-color); } 100% { background: var(--nr4-spinner-default-color); } } @keyframes nr4-spinner1b-third { 0% { background: var(--nr4-spinner-default-color); } 25% { background: var(--nr4-spinner-default-color); } 50% { background: var(--nr4-spinner-color-900); } 100% { background: var(--nr4-spinner-color-900); } } @keyframes nr4-spinner1b-fifth { 0% { background: var(--nr4-spinner-color-900); } 25% { background: var(--nr4-spinner-default-color); } 75% { background: var(--nr4-spinner-default-color); } 100% { background: var(--nr4-spinner-color-100); } } @keyframes nr4-spinner1b-second { 0% { background: var(--nr4-spinner-color-300); } 37.5% { background: var(--nr4-spinner-color-300); } 62.5% { background: var(--nr4-spinner-color-700); } 100% { background: var(--nr4-spinner-color-700); } } @keyframes nr4-spinner1b-fourth { 0% { background: var(--nr4-spinner-color-700); } 12.5% { background: var(--nr4-spinner-color-700); } 25% { background: var(--nr4-spinner-color-900); } 37.5% { background: var(--nr4-spinner-color-700); } 87.5% { background: var(--nr4-spinner-color-700); } 100% { background: var(--nr4-spinner-default-color); } } @keyframes nr4-spinner1b-sixth { 0% { background: var(--nr4-spinner-default-color); } 12.5% { background: var(--nr4-spinner-color-300); } 62.5% { background: var(--nr4-spinner-color-300); } 75% { background: var(--nr4-spinner-color-100); } 87.5% { background: var(--nr4-spinner-color-300); } 100% { background: var(--nr4-spinner-color-300); } } @keyframes nr4-spinner1c-first { 0% { background: var(--nr4-spinner-color-200); } 33.3333%{ background: var(--nr4-spinner-color-600); } 66.6667%{ background: var(--nr4-spinner-color-600); } 100% { background: var(--nr4-spinner-color-200); } } @keyframes nr4-spinner1c-third { 0% { background: var(--nr4-spinner-color-600); } 33.3333% { background: var(--nr4-spinner-color-200); } 66.6667% { background: var(--nr4-spinner-color-600); } 100% { background: var(--nr4-spinner-color-600); } } @keyframes nr4-spinner1c-fifth { 0% { background: var(--nr4-spinner-color-600); } 33.3333% { background: var(--nr4-spinner-color-600); } 66.6667% { background: var(--nr4-spinner-color-200); } 100% { background: var(--nr4-spinner-color-600); } } @keyframes nr4-spinner1c-second { 0% { background: var(--nr4-spinner-color-400); } 33.3333% { background: var(--nr4-spinner-color-400); } 66.6667% { background: var(--nr4-spinner-color-800); } 100% { background: var(--nr4-spinner-color-400); } } @keyframes nr4-spinner1c-fourth { 0% { background: var(--nr4-spinner-color-800); } 33.3333% { background: var(--nr4-spinner-color-400); } 66.6667% { background: var(--nr4-spinner-color-400); } 100% { background: var(--nr4-spinner-color-800); } } @keyframes nr4-spinner1c-sixth { 0% { background: var(--nr4-spinner-color-400); } 33.3333% { background: var(--nr4-spinner-color-800); } 66.6667% { background: var(--nr4-spinner-color-400); } 100% { background: var(--nr4-spinner-color-400); } } /*SPINNER 2: DOTS*/ .nr4-spinner2-center { width: 0px; height: 0px; left: calc(var(--nr4-spinner-total-width)/2); top: calc(var(--nr4-spinner-total-width)/2); position: absolute; animation: nr4-spinner2-loop var(--nr4-spinner-animation-time) ease infinite; } .nr4-spinner2-dot { width: var(--nr4-spinner2-dot-diameter); height: var(--nr4-spinner2-dot-diameter); border-radius: 50%; position: absolute; animation: var(--nr4-spinner-animation-time) ease infinite; } .nr4-spinner2-one { left: calc(calc(0.5 - var(--nr4-spinner2-dot-diameter-ratio))*var(--nr4-spinner-total-width)); top: calc(-0.5*var(--nr4-spinner2-dot-diameter-ratio)*var(--nr4-spinner-total-width)); background: var(--nr4-spinner-default-color); } .nr4-spinner2-two { left: calc(0.5*calc(calc(calc(var(--nr4-spinner-total-width) - var(--nr4-spinner2-dot-diameter))/1.41) - var(--nr4-spinner2-dot-diameter))); top: calc(-0.5*calc(calc(calc(var(--nr4-spinner-total-width) - var(--nr4-spinner2-dot-diameter))/1.41) + var(--nr4-spinner2-dot-diameter))); background: var(--nr4-spinner-color-700); } .nr4-spinner2-three { left: calc(-0.5*var(--nr4-spinner2-dot-diameter-ratio)*var(--nr4-spinner-total-width)); top: calc(-0.5*var(--nr4-spinner-total-width)); background: var(--nr4-spinner-color-900); } .nr4-spinner2-four { left: calc(-0.5*calc(calc(calc(var(--nr4-spinner-total-width) - var(--nr4-spinner2-dot-diameter))/1.41) + var(--nr4-spinner2-dot-diameter))); top: calc(-0.5*calc(calc(calc(var(--nr4-spinner-total-width) - var(--nr4-spinner2-dot-diameter))/1.41) + var(--nr4-spinner2-dot-diameter))); background: var(--nr4-spinner-color-700); } .nr4-spinner2-five { left: calc(-0.5*var(--nr4-spinner-total-width)); top: calc(-0.5*var(--nr4-spinner2-dot-diameter-ratio)*var(--nr4-spinner-total-width)); background: var(--nr4-spinner-default-color); } .nr4-spinner2-six { left: calc(-0.5*calc(calc(calc(var(--nr4-spinner-total-width) - var(--nr4-spinner2-dot-diameter))/1.41) + var(--nr4-spinner2-dot-diameter))); top: calc(0.5*calc(calc(calc(var(--nr4-spinner-total-width) - var(--nr4-spinner2-dot-diameter))/1.41) - var(--nr4-spinner2-dot-diameter))); background: var(--nr4-spinner-color-300); } .nr4-spinner2-seven { left: calc(-0.5*var(--nr4-spinner2-dot-diameter-ratio)*var(--nr4-spinner-total-width)); top: calc(calc(0.5 - var(--nr4-spinner2-dot-diameter-ratio))*var(--nr4-spinner-total-width)); background: var(--nr4-spinner-color-100); } .nr4-spinner2-eight { left: calc(0.5*calc(calc(calc(var(--nr4-spinner-total-width) - var(--nr4-spinner2-dot-diameter))/1.41) - var(--nr4-spinner2-dot-diameter))); top: calc(0.5*calc(calc(calc(var(--nr4-spinner-total-width) - var(--nr4-spinner2-dot-diameter))/1.41) - var(--nr4-spinner2-dot-diameter))); background: var(--nr4-spinner-color-300); } @keyframes nr4-spinner2-loop { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes nr4-spinner2-colorchange { 0% { background: var(--nr4-spinner-color-50); } 50% { background: var(--nr4-spinner-color-900); } 100% { background: var(--nr4-spinner-color-50); } } /*SPINNER 3: LOOP*/ .nr4-spinner3-half { height: calc(var(--nr4-spinner3-assigned-height)); width: var(--nr4-spinner3-assigned-width); position: absolute; left: calc(var(--nr4-spinner3-prev-it-count)*var(--nr4-spinner3-loop-diameter)); top: calc(var(--nr4-spinner3-prev-it-count)*var(--nr4-spinner3-loop-diameter)); overflow: hidden; transform-origin: 100% 50%; transform: rotate(180deg); animation: nr4-spinner3-mask var(--nr4-spinner-animation-time) infinite; } .nr4-spinner3-semicircle { height: var(--nr4-spinner3-assigned-height); width: var(--nr4-spinner3-assigned-width); position: absolute; left: var(--nr4-spinner3-assigned-width); border-radius: 0 var(--nr4-spinner3-assigned-width) var(--nr4-spinner3-assigned-width) 0; background: var(--nr4-spinner3-assigned-background); transform-origin: 0% 50%; animation: nr4-spinner3-content var(--nr4-spinner-animation-time) infinite; } .nr4-spinner3-iteration-1 { --nr4-spinner3-assigned-height: var(--nr4-spinner-total-width); --nr4-spinner3-assigned-width: calc(var(--nr4-spinner-total-width)/2); --nr4-spinner3-prev-it-count: 0; --nr4-spinner3-assigned-background: var(--nr4-spinner-color-900); } .nr4-spinner3-iteration-2 { --nr4-spinner3-assigned-height: var(--nr4-spinner3-second-iteration-distance); --nr4-spinner3-assigned-width: calc(calc(var(--nr4-spinner-total-width)/2) - var(--nr4-spinner3-loop-diameter)); --nr4-spinner3-prev-it-count: 1; --nr4-spinner3-assigned-background: var(--nr4-spinner-color-700); } .nr4-spinner3-iteration-3 { --nr4-spinner3-assigned-height: var(--nr4-spinner3-third-iteration-distance); --nr4-spinner3-assigned-width: calc(calc(var(--nr4-spinner3-second-iteration-distance)/2) - var(--nr4-spinner3-loop-diameter)); --nr4-spinner3-prev-it-count: 2; --nr4-spinner3-assigned-background: var(--nr4-spinner-default-color); } .nr4-spinner3-iteration-4 { --nr4-spinner3-assigned-height: var(--nr4-spinner3-fourth-iteration-distance); --nr4-spinner3-assigned-width: calc(calc(var(--nr4-spinner3-third-iteration-distance)/2) - var(--nr4-spinner3-loop-diameter)); --nr4-spinner3-prev-it-count: 3; --nr4-spinner3-assigned-background: var(--nr4-spinner-color-300); } .nr4-spinner3-iteration-5 { --nr4-spinner3-assigned-height: var(--nr4-spinner3-fifth-iteration-distance); --nr4-spinner3-assigned-width: calc(calc(var(--nr4-spinner3-fourth-iteration-distance)/2) - var(--nr4-spinner3-loop-diameter)); --nr4-spinner3-prev-it-count: 4; --nr4-spinner3-assigned-background: var(--nr4-spinner-color-100); } .nr4-spinner3-iteration-6 { --nr4-spinner3-assigned-height: var(--nr4-spinner3-sixth-iteration-distance); --nr4-spinner3-assigned-width: calc(calc(var(--nr4-spinner3-fifth-iteration-distance)/2) - var(--nr4-spinner3-loop-diameter)); --nr4-spinner3-prev-it-count: 5; --nr4-spinner3-assigned-background: white; } .nr4-spinner3-cover-circle { height: var(--nr4-spinner3-assigned-height); width: var(--nr4-spinner3-assigned-height); border-radius: 50%; position: absolute; background: white; transform-origin: 50% 50%; left: calc(calc(0.5*var(--nr4-spinner-total-width)) - calc(0.5*var(--nr4-spinner3-assigned-height))); top: calc(calc(0.5*var(--nr4-spinner-total-width)) - calc(0.5*var(--nr4-spinner3-assigned-height))); } .nr4-spinner3-bottomhalf { height: calc(var(--nr4-spinner-total-width)/2); width: calc(var(--nr4-spinner-total-width)*1); position: absolute; top: calc(0.51*var(--nr4-spinner-total-width)); background: white; animation: nr4-spinner3-coverfade var(--nr4-spinner-animation-time) infinite; } @keyframes nr4-spinner3-coverfade { 5% { background: white; } 10% { background: none; } 90% { background: none; } 95% { background: white; } } @keyframes nr4-spinner3-content { 0% { animation-timing-function: ease-in; transform: rotate(0deg); } 50% { animation-timing-function: linear; transform: rotate(-180deg); } 100% { transform: rotate(0deg); } } @keyframes nr4-spinner3-mask { 0% { animation-timing-function: ease-in-out; transform: rotate(0deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } }/style> link relstylesheet mediaall href/css/font-awesome5.min.css /> link relstylesheet mediaall hrefhttps://2539c5f9e66907f7bb37-26ba679a9f9fd5430f774ee178eadbb0.ssl.cf2.rackcdn.com/bootstrap4-toggle-3.5.0/css/bootstrap4-toggleRBL1.min.css> !-- Wider Grid styles --> link relstylesheet typetext/css mediascreen hrefhttps://2539c5f9e66907f7bb37-26ba679a9f9fd5430f774ee178eadbb0.ssl.cf2.rackcdn.com/bootstrap-xxl-xxl/dist/css/bootstrap-grid.min.css /> !-- device previews (for preview of iPhone, iPad, Macbook, etc. --> link relstylesheet typetext/css mediascreen hrefhttps://70d65d1db75b08e37fc0-843803c084f49253315abd9b613c0544.ssl.cf2.rackcdn.com/v20220131/assets/devices2.min.css /> !-- ms dropdown stylesheet --> link relstylesheet typetext/css hrefhttps://89a8a4a641650b24e58c-dade356e1f6fed4f48556bf8401a23cd.ssl.cf2.rackcdn.com/css/msdropdown/dd.css /> !-- JQuery UI --> link relstylesheet typetext/css hrefhttps://ce70f4309817e8162338-9c7dcf295b2e21dbbe68b8c6feca155d.ssl.cf2.rackcdn.com/jquery-ui-1.13.2.custom/jquery-ui.min.css> !-- duration picker stylesheet --> link relstylesheet typetext/css mediascreen hrefhttps://ce70f4309817e8162338-9c7dcf295b2e21dbbe68b8c6feca155d.ssl.cf2.rackcdn.com/Minimal-Duration-Picker/src/jquery-duration-picker.css /> !-- tagsinput --> link relstylesheet typetext/css hrefhttps://2539c5f9e66907f7bb37-26ba679a9f9fd5430f774ee178eadbb0.ssl.cf2.rackcdn.com/bootstrap4-tagsinput/tagsinputRBL.css /> !-- Custom Styles --> !-- link relstylesheet typetext/css mediaall hrefhttps://cc745b80cf4cb9f445ea-53a975aba04fa887f0d6750aad7b8256.ssl.cf2.rackcdn.com/NR4GlobalStyle4.css /> --> link relstylesheet typetext/css mediascreen,print href/css/NR4GlobalStyle4.css /> link relstylesheet typetext/css mediaprint hrefhttps://cc745b80cf4cb9f445ea-53a975aba04fa887f0d6750aad7b8256.ssl.cf2.rackcdn.com/NR4GlobalPrintStyle3.css /> link relstylesheet typetext/css mediaall href/Styles/NR4MyStyle24.css /> link relstylesheet typetext/css mediaprint href/Styles/NR4MyPrint6.css /> meta namemsapplication-TileColor content#FFFFFF /> link idnr4_fav_icon relicon typeimage/png hrefhttps://5f8f10c89e43e414ec43-6d02d80c67555d15e2d61ce9011eaa4e.ssl.cf2.rackcdn.com/favicon-196x196.png /> link relapple-touch-icon hrefhttps://5f8f10c89e43e414ec43-6d02d80c67555d15e2d61ce9011eaa4e.ssl.cf2.rackcdn.com/favicon-196x196.png /> meta nameapplication-name contentReviews Portal /> style> /* Made into class due to on scroll event that resets the page-logo (a.k.a. root_logo) style in app.bundle.js, see app.windowScrollEvents */ .nr4HeaderLogoStyle { } .nr4PanelItem-placeholder-with-masonary { background-color: #4DE5D5; opacity: 0.75; border: 2px dashed lightgray; height: 0px; width: 0px; } .nr4PanelItem-placeholder { background-color: #FFEBC1; opacity: 0.75; border: 2px dashed lightgray; margin-bottom: 1.5rem; width: 100%; height: 100px; } .nr4PanelItem .panel-hdr.ui-sortable-handle > h2:hover { cursor: move; } /* Custom Wizard Styles based on Bootstrap 4 Nav Pills */ .nr4wizard li:first-child:before { left: 50%; max-width: 0%; } .nr4wizard li:before { border-top: 3px solid #55606E; content: ; display: block; font-size: 0; overflow: hidden; position: relative; top: calc(1.5rem + 2px); left: calc(-50% + 1.5rem - 1px); width: calc(100% - 3rem - 2px); z-index: 0; } .nr4wizard .nav-item { flex-shrink: 0; } .nr4wizard-next, .nr4wizard-prev { min-width: 7rem; } ul.nr4wizard { margin-bottom: 1.5rem; } .nr4-duration-input { width: 40px; border: none; padding: 0px; height: 1.1rem; } .nr4-duration-input:focus { border: dotted 1px grey; } .was-validated .nr4-duration-input.form-control:invalid, .was-validated .nr4-duration-input.form-control.is-invalid { border-style: solid; padding-right: 0px; font-size: smaller; background-size: calc(0.5rem) calc(0.5rem); } .was-validated .nr4-duration-input.form-control:valid, .was-validated .nr4-duration-input.form-control.is-valid { border-style: solid; padding-right: 0px; font-size: smaller; background-size: calc(0.5rem) calc(0.5rem); } .modal-dialog.modal-transparent button.close { text-shadow: none; } .select2-search__field { width: 100% !important; } .select2-selection--multiple .select2-search.select2-search--inline { flex-grow: 1; }.nr4Thumb { display: flex; flex-wrap: wrap; margin: 0px 0.5rem 0.5rem 0px; } .nr4Overlay { position: relative; } .nr4Overlay .nr4Thumbnail { display: block; width: 100%; height: auto; max-width: 80px; max-height: 80px; } .nr4Overlay .nr4PlayWrapper { opacity: 0; position: absolute; z-index: 1; top: 0; background-color: black; } .nr4PlayWrapper .nr4PlayBtn { position: absolute; opacity: 0.65; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; margin: auto; max-width: 40px; max-height: 40px; } .nr4PlayWrapper .nr4PlayBtn:hover { opacity: 1 !important; } /style>/head>body class> script> /** * This script should be placed right after the body tag for fast execution * Note: the script is written in pure javascript and does not depend on thirdparty library * Updated to initialize, but NOT read from local storage **/ use strict; var jsArray ; var classHolder document.getElementsByTagName(BODY)0, themeSettings {}, themeURL , themeOptions ; /* var classHolder document.getElementsByTagName(BODY)0, // Load from localstorage themeSettings (localStorage.getItem(themeSettings)) ? JSON.parse(localStorage.getItem(themeSettings)) : {}, themeURL themeSettings.themeURL || , themeOptions themeSettings.themeOptions || ; // Load theme options if (themeSettings.themeOptions) { classHolder.className themeSettings.themeOptions; console.log(%c✔ Theme settings loaded, color: #148f32); } else { console.log(Heads up! Theme settings is empty or does not exist, loading default settings...); } if (themeSettings.themeURL && !document.getElementById(mytheme)) { var cssfile document.createElement(link); cssfile.id mytheme; cssfile.rel stylesheet; cssfile.href themeURL; document.getElementsByTagName(head)0.appendChild(cssfile); } */ /** * Save to localstorage **/ var saveSettings function () { themeSettings.themeOptions String(classHolder.className).split(/^\w-+/).filter(function (item) { return /^(nav|header|mod|display)-/i.test(item); }).join( ); if (document.getElementById(mytheme)) { themeSettings.themeURL document.getElementById(mytheme).getAttribute(href); }; localStorage.setItem(themeSettings, JSON.stringify(themeSettings)); } /** * Reset settings **/ var resetSettings function () { localStorage.setItem(themeSettings, ); } /script> !-- BEGIN Page Wrapper --> div classpage-wrapper> img idnr4_fav_icon_red stylewidth:0px;height:0px classd-none href /> div classpage-inner> !-- BEGIN Left Aside --> aside classpage-sidebar list-filter-active style> div classpage-logo nr4HeaderLogoStyle p-1> span idlogoRI mx-auto stylewidth: 262px;> a hrefjavascript:void(0);> img srchttps://cba7d90142b962b5492d-f07cbf7d82a25642f1bb0f1269450146.ssl.cf2.rackcdn.com/LogoHor260x48Canvas240x41.png altReviews classnoprint styleheight: 48px; /> /a> /span> /div> !-- BEGIN PRIMARY NAVIGATION --> nav idjs-primary-nav classprimary-nav rolenavigation> div classnav-filter> div classposition-relative> form actionjavascript:void(0); autocompleteoff> input typetext idnav_filter_input placeholderSearch menu classform-control autocompleteoff tabindex0> a hrefjavascript:void(0); onclick$(#nav_filter_input).val();$(#nav_filter_input).change(); classbtn-primary btn-search-close js-waves-off data-classlist-filter-active data-target.page-sidebar aria-labelClear Menu Filter> i classfal fa-times color-primary-100>/i> /a> /form> /div> /div> ul idjs-nav-menu classnav-menu> /ul> div classfilter-message js-filter-message bg-success-600>/div> /nav> !-- END PRIMARY NAVIGATION --> /aside> !-- END Left Aside --> div classpage-content-wrapper> !-- BEGIN Page Header --> header classpage-header rolebanner style> !-- we need this logo when user switches to nav-function-top --> div classpage-logo> a hrefjavascript:void(0); classpage-logo-link press-scale-down d-flex align-items-center position-relative> img srchttps://cba7d90142b962b5492d-f07cbf7d82a25642f1bb0f1269450146.ssl.cf2.rackcdn.com/LogoHor260x48Canvas240x41.png altReviews classnoprint styleheight: 48px; /> /a> /div> !-- DOC: mobile button appears during mobile width --> div classhidden-lg-up> a hrefjavascript:void(0); onclickreturn false; classheader-btn btn press-scale-down data-actiontoggle data-classmobile-nav-on aria-labelMenu Toggle> i classfal fa-fw fa-bars>/i> /a> /div> h2 classoverflow-hidden fw-400 page-header-text mb-0> /h2> div classml-auto d-flex> a href/Logout classheader-icon titleLogout> i classfal fa-fw fa-sign-out>/i> /a> a hrefjavascript:void(0); onclickreturn false; classheader-icon hidden-md-down dropdown-icon-menu data-actiontoggle data-classnav-function-hidden titleHide/Show Navigation> i classfal fa-fw fa-bars>/i> /a> a hrefjavascript:void(0); classheader-icon hidden-md-down data-actionapp-fullscreen titleFull Screen> i classfal fa-expand>/i> /a> a hrefjavascript:void(0); classheader-icon title onclickShowModal(/ajax/modal/UserAdminModal?UserId1,modalResult,RefreshDashboardPage();); > i classfal fa-fw fa-user >/i> /a> a hrefjavascript:void(0); onclickShowHelp(); classheader-icon titleKnowledge Base Help> i classfal fa-fw fa-graduation-cap>/i> /a> /div> /header> !-- END Page Header --> !-- BEGIN Page Content --> !-- the #js-page-content id is needed for some plugins to initialize --> main idjs-page-content rolemain classpage-content> /main> !-- this overlay is activated only when mobile menu is triggered --> div classpage-content-overlay data-actiontoggle data-classmobile-nav-on>/div> !-- END Page Content --> !-- BEGIN Color profile --> !-- this area is hidden and will not be seen on screens or screen readers --> !-- we use this only for CSS color refernce for JS stuff --> p idjs-color-profile classd-none styledisplay:none;> span classcolor-primary-50>/span> span classcolor-primary-100>/span> span classcolor-primary-200>/span> span classcolor-primary-300>/span> span classcolor-primary-400>/span> span classcolor-primary-500>/span> span classcolor-primary-600>/span> span classcolor-primary-700>/span> span classcolor-primary-800>/span> span classcolor-primary-900>/span> span classcolor-info-50>/span> span classcolor-info-100>/span> span classcolor-info-200>/span> span classcolor-info-300>/span> span classcolor-info-400>/span> span classcolor-info-500>/span> span classcolor-info-600>/span> span classcolor-info-700>/span> span classcolor-info-800>/span> span classcolor-info-900>/span> span classcolor-danger-50>/span> span classcolor-danger-100>/span> span classcolor-danger-200>/span> span classcolor-danger-300>/span> span classcolor-danger-400>/span> span classcolor-danger-500>/span> span classcolor-danger-600>/span> span classcolor-danger-700>/span> span classcolor-danger-800>/span> span classcolor-danger-900>/span> span classcolor-warning-50>/span> span classcolor-warning-100>/span> span classcolor-warning-200>/span> span classcolor-warning-300>/span> span classcolor-warning-400>/span> span classcolor-warning-500>/span> span classcolor-warning-600>/span> span classcolor-warning-700>/span> span classcolor-warning-800>/span> span classcolor-warning-900>/span> span classcolor-success-50>/span> span classcolor-success-100>/span> span classcolor-success-200>/span> span classcolor-success-300>/span> span classcolor-success-400>/span> span classcolor-success-500>/span> span classcolor-success-600>/span> span classcolor-success-700>/span> span classcolor-success-800>/span> span classcolor-success-900>/span> span classcolor-fusion-50>/span> span classcolor-fusion-100>/span> span classcolor-fusion-200>/span> span classcolor-fusion-300>/span> span classcolor-fusion-400>/span> span classcolor-fusion-500>/span> span classcolor-fusion-600>/span> span classcolor-fusion-700>/span> span classcolor-fusion-800>/span> span classcolor-fusion-900>/span> /p> !-- END Color profile --> /div> /div> !-- Initial UserId and CorporateId values - Used to get those initial values and compare them with the session IDs when switching corporates from the same browser in different tabs --> form idformInitValues nameformInitValues classd-none actionjavascript:void(0);> input typehidden iduserIdInit nameuserIdInit value1 /> input typehidden idcorporateIdInit namecorporateIdInit value1 /> /form> !-- Modal Base - Placed inside page wrapper so DIVs are not deleted --> div idapiModal classnoprint>/div> div idmodalResult classnoprint>/div> script typetext/javascript> var loadingModal false; function ShowModal(modalUrl, onSaveApiResultId, onSaveRefresh) { try { var cleanupOnClose ;setTimeout( function() { CleanUpModal(); }, 500);; if (!loadingModal) { loadingModal true; var request $.ajax({ url: modalUrl, cache: false, type: get, data: onSaveApiResultId + encodeURIComponent(onSaveApiResultId) + &onSaveRefresh + encodeURIComponent(onSaveRefresh + cleanupOnClose) }); request.done(function (response, textStatus, jqXHR) { try { $(#apiModal).html(response); $(#apiModalShow).modal(show); loadingModal false; } catch (err) { loadingModal false; console.log(err); } }); } } catch (err) { loadingModal false; console.log(err); } } // Same function as above but does not close upon save function ShowResponseModal(modalUrl, onSaveApiResultId, onSaveRefresh) { try { if (!loadingModal) { loadingModal true; var request $.ajax({ url: modalUrl, cache: false, type: get, data: onSaveApiResultId + encodeURIComponent(onSaveApiResultId) + &onSaveRefresh + encodeURIComponent(onSaveRefresh) }); request.done(function (response, textStatus, jqXHR) { try { $(#apiModal).html(response); $(#apiModalShow).modal(show); loadingModal false; } catch (err) { loadingModal false; console.log(err); } }); } } catch (err) { loadingModal false; console.log(err); } } function ShowModalPost(modalUrl, modalData, onSaveApiResultId, onSaveRefresh) { try { var cleanupOnClose ;setTimeout( function() { CleanUpModal(); }, 500);; if (!loadingModal) { loadingModal true; var request $.ajax({ url: modalUrl, cache: false, type: post, data: modalData + &onSaveApiResultId + encodeURIComponent(onSaveApiResultId) + &onSaveRefresh + encodeURIComponent(onSaveRefresh + cleanupOnClose) }); request.done(function (response, textStatus, jqXHR) { try { $(#apiModal).html(response); $(#apiModalShow).modal(show); loadingModal false; } catch (err) { loadingModal false; console.log(err); } }); } } catch (err) { loadingModal false; console.log(err); } } function CleanUpModal() { if (!loadingModal) { $(#apiModal).html(); } } function RefreshDashboardPage() { if (window.location.href.includes(SummaryDashboard)) { RefreshDashboard(0, true); // this method is only on the SummaryDashboard page } } /script> input typehidden idknowledgeBaseId nameknowledgeBaseId value0 /> script> function ShowHelp() { var kbID; if ($(ul#js-nav-menu li.active > ahref!#)0.attributesdata-kb-id ! undefined) { kbID $(ul#js-nav-menu li.active > ahref!#)0.attributesdata-kb-id.value; } else { kbID $(#knowledgeBaseId).val(); console.log(using old KB ID); } ShowModal(/ajax/modal/ShowHelpModal?knowledgeBaseId + kbID, modalResult, ); } /script> /div> !-- END Page Wrapper --> !-- base vendor bundle: DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting jump animations + pace.js (recommended) + jquery.js (core) + jquery-ui-cust.js (core) + popper.js (core) + bootstrap.js (core) + slimscroll.js (extension) + app.navigation.js (core) + ba-throttle-debounce.js (core) + waves.js (extension) + smartpanels.js (extension) + src/../jquery-snippets.js (core) --> script src/js/vendors2.bundle.js>/script> script src/js/app.bundle.js>/script> script> //myapp_config.debugState false; myapp_config.storeLocally false; /script>!-- Datatables -->script typetext/javascript srchttps://d17eb3aebc718994db86-596a4087c4c39a7377a7bd26415a6e1f.ssl.cf2.rackcdn.com/DataTables-1.11.2/datatables.min.js>/script>script typetext/javascript srchttps://d17eb3aebc718994db86-596a4087c4c39a7377a7bd26415a6e1f.ssl.cf2.rackcdn.com/DataTables-1.11.2/absolute.js>/script>script>/* Set the defaults for DataTables extended classes */$.extend(true, $.fn.dataTableExt.oStdClasses, { sFilterInput: form-control border-top-left-radius-0 border-bottom-left-radius-0 ml-0 width-lg shadow-inset-1, sLengthSelect: form-control custom-select}); /* Set the defaults for DataTables initialisation */$.extend(true, $.fn.dataTable.defaults, { /* --- Layout Structure --- Options l - length changing input control f - filtering input t - The table! i - Table information summary p - pagination control r - processing display element B - buttons R - ColReorder S - Select --- Further reading https://datatables.net/reference/option/dom -------------------------------------- */ dom: row mb-3col-sm-12 col-md-6 d-flex align-items-center justify-content-startf>col-sm-12 col-md-6 d-flex align-items-center justify-content-endl>> + rowcol-sm-12tr>> + rowcol-sm-12 col-md-5i>col-sm-12 col-md-7p>>, lengthMenu: 10, 15, 25, 50, 100, -1, 10, 15, 25, 50, 100, All, language: { /* change the default text for next and previous with icons */ paginate: { previous: i classfal fa-chevron-left>/i>, next: i classfal fa-chevron-right>/i> }, processing: div classd-flex align-items-center justify-content-center fs-lg >div classspinner-border spinner-border-sm text-primary mr-2 role status >span classsr-only > Loading.../span>/div> Processing.../div>, /* replace the default search lable text with a nice icon */ search: div classinput-group-text d-inline-flex width-3 align-items-center justify-content-center border-bottom-right-radius-0 border-top-right-radius-0 border-right-0 >i classfal fa-search >/i>/div>, /* add search filter */ searchPlaceholder: Search, /* change text for zero records */ zeroRecords: No records to display }, initComplete: function(settings, json) { try { initApp.appForms(.dataTables_filter, has-length, has-disabled); } catch(err) {console.log(err);} }});/* Set the defaults for DataTables buttons */$.extend(true, $.fn.dataTable.Buttons.defaults, { dom: { container: { className: dt-buttons }, button: { className: btn } }});/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/holder.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/dependency/moment/moment.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/statistics/peity/peity.bundle.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/miscellaneous/fullcalendar/fullcalendar.bundle.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/miscellaneous/jqvmap/jqvmap.bundle.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/formplugins/bootstrap-datepicker/bootstrap-datepicker.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/formplugins/dropzone/dropzone.js>/script> script> Dropzone.autoDiscover false; /script> !-- script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/formplugins/ion-rangeslider/ion-rangeslider.js defer>/script> --> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/formplugins/ion.rangeSlider-2.3.1/js/ion.rangeSlider.min.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/formplugins/inputmask/inputmask.bundle.js defer>/script> script srchttps://a4eccc0c940327421542-5c8e7abb0ee95f552c14d865a9e57219.ssl.cf2.rackcdn.com/select2v4.0.13/js/select2.full.min.js>/script> !-- Removed defer due to SASE errors --> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/formplugins/smartwizard/smartwizard.js defer>/script> script srchttps://0de6d0ce58cc5f97df20-386dbdd49439e85cd66d9885a017cccf.ssl.cf2.rackcdn.com/Chart.js-3.9/chart.js>/script> !-- Removed defer due to timing issue --> script srchttps://0de6d0ce58cc5f97df20-386dbdd49439e85cd66d9885a017cccf.ssl.cf2.rackcdn.com/chartjs-plugin-datalabels-master/chartjs-plugin-datalabels.js>/script> !-- Removed defer due to timing issue --> !-- script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/statistics/chartjs/chartjs.bundle.js defer>/script> --> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/statistics/flot/flot.bundle.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/statistics/chartist/chartist.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/statistics/d3/d3.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/statistics/c3/c3.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/statistics/easypiechart/easypiechart.bundle.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/statistics/sparkline/sparkline.bundle.js>/script> !-- Removed defer due to timing issue on dashboard widgets --> !-- script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/notifications/sweetalert2/sweetalert2.bundle.js defer>/script> --> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/notifications/sweetalert2/11.10.7/sweetalert2RBL.all.min.js defer>/script> script srchttps://b93bdb95e827f99e33ff-4a6334d0d39ca430ffa530b40a294e17.ssl.cf2.rackcdn.com/402/js/notifications/toastr/toastr.js defer>/script> script srchttps://2539c5f9e66907f7bb37-26ba679a9f9fd5430f774ee178eadbb0.ssl.cf2.rackcdn.com/bootstrap4-toggle-3.5.0/js/bootstrap4-toggle.min.js>/script> !-- Removed defer due to SASE errors --> script srchttps://ce70f4309817e8162338-9c7dcf295b2e21dbbe68b8c6feca155d.ssl.cf2.rackcdn.com/jquery-validation-1.19.1/dist/jquery.validate.min.js>/script> script> //jQuery Validator Bootstrap 4 https://stackoverflow.com/questions/52159649/jquery-validation-plugin-and-bootstrap-4 jQuery.validator.setDefaults({ errorElement: span, errorPlacement: function (error, element) { error.addClass(invalid-feedback); element.closest(.form-group).append(error); }, highlight: function (element, errorClass, validClass) { $(element).addClass(is-invalid); }, unhighlight: function (element, errorClass, validClass) { $(element).removeClass(is-invalid); } }); /script> !-- Tiny MCE --> script srchttps://63556a66ae015e39f4fd-fdcca9de7e363bde402f2c95aa7873d6.ssl.cf2.rackcdn.com/tinymce_6.8.2/js/tinymce/tinymce.min.js defer>/script> !-- https://www.tiny.cloud/docs/integrations/bootstrap/ --> script> $(document).on(focusin, function (e) { if ($(e.target).closest(.mce-window).length) { e.stopImmediatePropagation(); } }); /script> !-- JQ Cloud (word cloud) --> script typetext/javascript srchttps://0de6d0ce58cc5f97df20-386dbdd49439e85cd66d9885a017cccf.ssl.cf2.rackcdn.com/jQCloud-master-2.0.3/dist/jqcloud.min.js>/script> !-- Removed defer due to timing issue --> !-- ChartJS word cloud plugin --> script srchttps://0de6d0ce58cc5f97df20-386dbdd49439e85cd66d9885a017cccf.ssl.cf2.rackcdn.com/ChartJsWordCloud/index.umd.min.js defer>/script> !-- ChartJS treemap plugin --> script srchttps://0de6d0ce58cc5f97df20-386dbdd49439e85cd66d9885a017cccf.ssl.cf2.rackcdn.com/chartjs-chart-treemap-2.1.2/chartjs-chart-treemap.min.js defer>/script> !-- Gauge --> script typetext/javascript srchttps://f29288cdfad113ddef3f-b92f28f271a804bbd983f038d26a54c6.ssl.cf2.rackcdn.com/gauge.min.js>/script> !-- Removed defer due to timing issue --> !-- D3-Funnel --> script typetext/javascript srchttps://6b53fc677f3b4e8486a3-a6eb35833c95293d91240c3dfcbf8da2.ssl.cf2.rackcdn.com/4.9.1/d3.min.js>/script> !-- Removed defer due to timing issue --> script typetext/javascript srchttps://6b53fc677f3b4e8486a3-a6eb35833c95293d91240c3dfcbf8da2.ssl.cf2.rackcdn.com/jakezatecky-d3-funnel-v1.0.1-25-g4cad20e/dist/d3-funnel.min.js>/script> !-- Removed defer due to timing issue --> !-- Masonry --> script srchttps://2539c5f9e66907f7bb37-26ba679a9f9fd5430f774ee178eadbb0.ssl.cf2.rackcdn.com/Masonry/masonry.pkgd.min.js>/script> !-- Removed defer due to timing issue --> !-- Ms Dropdown script --> script typetext/javascript srchttps://89a8a4a641650b24e58c-dade356e1f6fed4f48556bf8401a23cd.ssl.cf2.rackcdn.com/js/msdropdown/jquery.dd.min.js defer>/script> !-- JQuery Duration Picker --> script typetext/javascript srchttps://ce70f4309817e8162338-9c7dcf295b2e21dbbe68b8c6feca155d.ssl.cf2.rackcdn.com/Minimal-Duration-Picker/src/jquery-duration-picker.js defer>/script> !-- Clipboard.js --> script srchttps://764300ad37bd8d142890-ab3b63414068ce5cc6c8e787a9147985.ssl.cf1.rackcdn.com/clipboard.js-master2.0.6/dist/clipboard.min.js defer>/script> !-- tagsinput --> script typetext/javascript srchttps://2539c5f9e66907f7bb37-26ba679a9f9fd5430f774ee178eadbb0.ssl.cf2.rackcdn.com/bootstrap4-tagsinput/tagsinputRBL.js defer>/script> !-- signature pad --> script srchttps://e2032fd8e38198f54798-80bfcd1c07c126a79bf781496c11b81f.ssl.cf2.rackcdn.com/signature_pad-master/docs/js/signature_pad.umd.js defer>/script> script srchttps://5a8454f355e924629ba3-5097036dbebbdad5cb84a61dd42039d6.ssl.cf2.rackcdn.com/6.0.14/signalr.min.js>/script> script typetext/javascript> /* ------------------------*/ /* GLOBAL SCRIPTS */ /* ------------------------*/ // SignalR RefreshUpdate const connection new signalR.HubConnectionBuilder() .withUrl(/refresh, { transport: signalR.HttpTransportType.ServerSentEvents }) .withAutomaticReconnect() .build(); connection.on(SendAsync, function (message) { try { var messageObject JSON.parse(message); if (messageObject.messageType GetRefreshUpdates) { if (document.visibilityState ! visible) ShowFavicon_with_RedDot(); else Restore_FavIcon(); GetRefreshUpdates(messageObject); } else if (messageObject.messageType UpdateNotifyChat) { if (typeof UpdateNotifyChat ! undefined && typeof UpdateNotifyChat function) { if (document.visibilityState ! visible) ShowFavicon_with_RedDot(); else Restore_FavIcon(); UpdateNotifyChat(messageObject.referenceGuid, draw); } } else if (messageObject.messageType UpdateSocialMediaChat) { console.log(In UpdateSocialMediaChat); if (typeof UpdateSocialMediaChat ! undefined && typeof UpdateSocialMediaChat function) { if (document.visibilityState ! visible) ShowFavicon_with_RedDot(); else Restore_FavIcon(); UpdateSocialMediaChat(messageObject.referenceId, draw); } } } catch (err) { console.log(err); } }); connection.start() .then(function () { //console.log(ConnectionId: + connection.connectionId); }) .catch(function (err) { return console.error(err.toString()); }); //RefreshUpdate function GetRefreshUpdates(messageData) { try { var runGetRefreshUpdates false; var reportIdsOnPage GetReportsIdsOnPage(); console.log(reportIdsOnPage, reportIdsOnPage); if (reportIdsOnPage ! 0 && reportIdsOnPage ! ) { var reportIdsOnPageToRefresh 166,165,117,107,99,96,62,61,60,59,58,57,56,37,28,27,7; var reportIdsOnPageArray reportIdsOnPage.split(,); var reportIdsOnPageToRefreshArray reportIdsOnPageToRefresh.split(,); for (var i 0; i reportIdsOnPageArray.length; i++) { if (reportIdsOnPageToRefreshArray.includes(reportIdsOnPageArrayi)) { runGetRefreshUpdates true; break; } } // console.log(messageData: , messageData); ); // for debug purposes if (runGetRefreshUpdates) { var request $.ajax({ url: /ajax/api/GetRefreshUpdates, type: get, data: reportIds + reportIdsOnPage + &branchIds + messageData.branchIds + &branchRatingIds + messageData.branchRatingIds + &branchRatingPlaceRatingIds + messageData.branchRatingPlaceRatingIds + &socialMediaForumIds + messageData.socialMediaForumIds + &requestReviewContactIds + messageData.requestReviewContactIds + ¬ifyContactIds + messageData.notifyContactIds }); request.done(function (response, textStatus, jqXHR) { try { eval(response); } catch (err) { console.log(GetRefreshUpdates, err, Response:, response); } }); request.fail(function (request, status, err) { console.log(GetRefreshUpdates: request fail); }); //request.always(function () { // if (refreshUpdateTimeout) { // clearTimeout(refreshUpdateTimeout); // } // refreshUpdateTimeout setTimeout(GetRefreshUpdates, 10000); //}); } } //if (!runGetRefreshUpdates) { // console.log(No GetRefreshUpdates); // if (refreshUpdateTimeout) { // clearTimeout(refreshUpdateTimeout); // } // refreshUpdateTimeout setTimeout(GetRefreshUpdates, 15000); Wait 15 seconds if report not on page //} } catch (err) { console.log(err); } } //refreshUpdateTimeout setTimeout(GetRefreshUpdates, 15000); Wait 15 seconds on first try function NotifyContactAction(NotifyContactId, action) { //console.log(NotifyContactAction, NotifyContactId, action); //console.log(serializedData, serializedData); var $inputs $(input, select, button, textarea); // disable all the fields while performing the server function $inputs.prop(disabled, true); try { var request $.ajax({ url: /ajax/api/apiNotifyContactAction, type: get, data: action + action + &NotifyContactId + NotifyContactId }); } catch (err) { console.log(err); } request.done(function (response, textStatus, jqXHR) { try { //console.log(response); eval(response); } catch (err) { console.log(err); } }); request.fail(function (request, status, err) { console.log(NotifyContactAction: request fail); }); request.always(function (request, status, err) { $inputs.prop(disabled, false); //console.log(NotifyContactAction: request always); }); } // Function to update the favicon link function updateFavicon(newFaviconDataUrl) { $(#nr4_fav_icon).attr( href, newFaviconDataUrl ); } // Main function to execute the process async function ShowFavicon_with_RedDot() { try { var newFaviconDataUrl $(#nr4_fav_icon_red).attr(href); //console.log(newFaviconDataUrl, newFaviconDataUrl); if (newFaviconDataUrl.length > 0) updateFavicon(newFaviconDataUrl); } catch (error) { console.log(Error processing favicon:, error); } } function Restore_FavIcon() { $(#nr4_fav_icon).attr(href, https://5f8f10c89e43e414ec43-6d02d80c67555d15e2d61ce9011eaa4e.ssl.cf2.rackcdn.com/favicon-196x196.png ); } document.addEventListener(visibilitychange, function() { if (document.visibilityState visible) { // The page is currently the active tab with focus console.log(Page is active); Restore_FavIcon(); } else { // The page is not visible or is in the background console.log(Page is not active); } }); /* ------------------------ */ /* Convert RGB to HEX */ /* ------------------------ */ function rgba2hex(rgb) { if (rgb.search(rgb) -1) { return rgb; } else if (rgb rgba(0, 0, 0, 0)) { return transparent; } else { parts rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d\.+))?\)$/); function hex(x) { return (0 + parseInt(x).toString(16)).slice(-2); } console.log(rgb, rgb, parts, parts); return # + hex(parts1) + hex(parts2) + hex(parts3); } } function hex2rgba(hex, opacity) { if (hex.search(rgb) > 0) { return hex; } else if (hex.startsWith(#)) { const tempHex hex.replace(#, ); const r parseInt(tempHex.substring(0, 2), 16); const g parseInt(tempHex.substring(2, 4), 16); const b parseInt(tempHex.substring(4, 6), 16); if (opacity > 1) opacity opacity / 100; return rgba( + r + , + g + , + b + , + opacity + ); } return hex; } function opacityFromRGBA(rgba) { try { if (rgba.search(rgba) -1) return 1; else { var alpha parseFloat(rgba.split(,)3); return alpha; } } catch (err) { console.log(opacityFromRGBA, err); return 1; } } // http://stackoverflow.com/questions/610406/javascript-equivalent-to-printf-string-format String.prototype.format function () { var formatted this; for (var i 0; i arguments.length; i++) { var regexp new RegExp(\\{ + i + \\}, gi); formatted formatted.replace(regexp, argumentsi); } return formatted; }; // GenerateUUID is used by the PageBuilder scripts when a GUID needs to be generated at the script level function GenerateUUID() { var d new Date().getTime(); if (window.performance && typeof window.performance.now function) { d + performance.now(); //use high-precision timer if available } var uuid xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx.replace(/xy/g, function (c) { var r (d + Math.random() * 16) % 16 | 0; d Math.floor(d / 16); return (c x ? r : (r & 0x3 | 0x8)).toString(16); }); return uuid; } function ToggleInputFields(content, enabled) { $(content).find(h3).each(function () { if (enabled) $(this).removeClass(text-primaryLight); else $(this).addClass(text-primaryLight); }); $(content).find(textarea, input, select, button).each(function () { if (enabled) { $(this).removeClass(disabled); //$(this).attr(disabled, false); // when fields are disabled, they dont respond to RequestfieldName and wont get the state of the field $(this).attr(readonly, false); } else { $(this).addClass(disabled); //$(this).attr(disabled, true); // when fields are disabled, they dont respond to RequestfieldName and wont get the state of the field $(this).attr(readonly, true); } }); } $(.HtmlContentSwitch).change(function () { isChecked $(this).prop(checked); header $(this).closest(h3) content $(header).next(.HtmlContent); ToggleInputFields(content, isChecked); }); /* function UpdateReviewFlowArray(ReviewFlowDataArray) { $.ajax({ url: /ajax/api/UpdateSession?fieldReviewFlowDataArray&value + ReviewFlowDataArray, cache: false, success: function (html) { try { } catch (err) { } } }); } */ // BEGIN: Masonry ----------------------- var masonryWindowResizeTimeout null; var masonryObject null; function MasonryInit() { //console.log(MasonryInit) masonryObject $(.nr4Masonry .nr4MultiPanel).masonry({ itemSelector: .nr4PanelItem }); MasonryClickInit(); MasonryResizeInit(); } function MasonryClickInit() { $(.panel > div).off(click, MasonryClickInitHandler); $(.panel > div).click(MasonryClickInitHandler); } function MasonryClickInitHandler(event) { var target $(event.target); clickInFullScreenMode target.closest(.panel-fullscreen).is(.panel-fullscreen); //console.log(Click In Jarvis Widget event, click in full screen mode:, clickInFullScreenMode); if (!clickInFullScreenMode) { MasonryReinit(); } } function MasonryReinit() { //console.log(MasonryReinit) if (masonryObject ! null) { $(.nr4MultiPanel).masonry(); documentWidth $(document).width(); } } var bodyWidth $(body).width(); var scrollBarWidth Math.abs(window.innerWidth - bodyWidth); function MasonryResizeInit() { $(window).off(resize, DashboardResizeHandler); $(window).resize(DashboardResizeHandler); } function DashboardResizeHandler() { newBodyWidth $(body).width(); ////console.log(Date(), \nMasonry Resize Event: , scrollBarWidth:, scrollBarWidth); ////console.log( body width before:, bodyWidth, body width now:, newBodyWidth ); if ((newBodyWidth ! bodyWidth) && Math.abs(newBodyWidth - bodyWidth) ! 17 && Math.abs(newBodyWidth - bodyWidth) ! scrollBarWidth) { // Clears the timeout if it exists if (masonryWindowResizeTimeout) clearTimeout(masonryWindowResizeTimeout); // Sets a new timeout masonryWindowResizeTimeout setTimeout(MasonryReinit, 500); } } // END: Masonry ----------------------- //Panel Settings for Title Name/Color function SetPanelColor(panelColorButton) { var panelColor $(panelColorButton).children(input).data(panel-setstyle); var panelId $(panelColorButton).children(input).data(panel-id); panelHeader $(# + panelId + .panel-hdr); colorParent $(panelColorButton).parent(); //console.log(SetPanelColor: , $(panelColorButton), panelColor, panelHeader, $(panelColorButton).parent() ); $(panelColorButton).parent().find(input).each(function () { //console.log(each:, $(this), $(this).next() ); $(this).next().remove(); }); $(panelColorButton).children(input).after(i classfas fa-check align-self-center m-auto>/i>); } function SavePanelSettings(button) { var buttonText $(button).text(); //colorSettingsPopover $(button).closest(div.popover); //console.log(SavePanelSettings, buttonText); if (buttonText Save) { var panelId $(button).data(panel-id); panelHeader $(# + panelId + .panel-hdr); if (typeof (panelHeader) ! undefined) { panelColor $(inputnameselectedPanelColor:checked).val(); //console.log(panelColor:, panelColor); // remove any other classes starting with bg-, any class beginning with text-, and , any class beginning with color- panelHeader.attr(class, panelHeader.attr(class).replace(/\bbg\-.*?\b/g, ).replace(/\btext\-.*?\b/g, ).replace(/\bcolor\-.*?\b/g, )); if (panelColor ! bg-none) panelHeader.addClass(panelColor); // Reset button icon colors so they are visible even on darker backgrounds if (panelHeader.hasClass(text-white)) { $(button, panelHeader).removeClass(btn-outline-secondary); $(button, panelHeader).addClass(btn-outline-light); } else { $(button, panelHeader).addClass(btn-outline-secondary); $(button, panelHeader).removeClass(btn-outline-light); $(button > .fa-thumbtack, panelHeader).each(function () { $(this).parent().removeClass(btn-outline-secondary).addClass(btn-outline-success); }); $(button > .fa-question, panelHeader).each(function () { $(this).parent().removeClass(btn-outline-secondary).addClass(btn-outline-info); }); } title $(#title- + panelId).val(); if (title.length > 0) { $(# + panelId + .panel-hdr h2).text(title); } $(button).closest(div.popover).popover(hide); if (title.length > 0) { // update the popover content data_content $(#popover- + panelId).data(content); data_content data_content.replace(/value.*?/, value + title + , ); console.log(panelId, panelId, data_content); $(#popover- + panelId).attr(data-content, data_content ); // the .data didnt work } SaveReportOrder(); } } else { $(button).closest(div.popover).popover(hide); } } function BindPalettePopoverShownHandler() { $(.nr4-palette-popover).on(shown.bs.popover, function (e) { popover_id $(this).prop(id); title_id popover_id.replace(popover-, title-); panel_id popover_id.replace(popover-, ); panel_title $(# + panel_id + .panel-hdr h2).text(); //console.log(panel_title, panel_title); input_field_value $(# + title_id).val(panel_title); }); } /* $(#nr4MultiPanel).on(stop, function (event, ui) { //event.preventDefault(); // TODO: wait a half second and then quietly save report order, name and color console.log(finished sorting panels); SaveReportOrder(); }); */ function SaveReportOrder() { userReportId $(#UserReportId).val(); if (userReportId > 0) { console.log(SaveReportOrder() -> UserReportId, userReportId); var userReportDetailIds ; var userReportHeaderName ; var userReportDetailHeaderNames ; var userReportDetailHeaderColors ; var reportCount 0; $(.panel).each(function () { widget_id this.id; parts widget_id.split(-); //console.log(userReportDetailId:, partsparts.length - 1); if (userReportDetailIds.length > 0) userReportDetailIds + ,; userReportDetailIds + partsparts.length - 1; reportHeaderName escape($(this).find(h2).first().text()); //console.log(reportHeaderName, reportHeaderName); if (reportCount > 0) userReportDetailHeaderNames + ,; userReportDetailHeaderNames + reportHeaderName; reportHeaderColor $(this).find(.panel-hdr).attr(class).replace(panel-hdr, ); if (reportCount > 0) userReportDetailHeaderColors + ,; userReportDetailHeaderColors + reportHeaderColor; //console.log(userReportDetailHeaderColors, userReportDetailHeaderColors); reportCount++; }); //console.log(UserReportId, UserReportId); //console.log(userReportDetailIds, userReportDetailIds); //console.log(userReportDetailHeaderNames, userReportDetailHeaderNames); //console.log(userReportDetailHeaderColors, userReportDetailHeaderColors); $(#userReportDetailIds).val(userReportDetailIds); $(#userReportDetailHeaderNames).val(userReportDetailHeaderNames); $(#userReportDetailHeaderColors).val(userReportDetailHeaderColors); serializedData $(#formEmailReport).serialize(); //console.log(serializedData, serializedData); var $inputs $(input, select, button, textarea); // disable all the fields while performing the server function $inputs.prop(disabled, true); requestAction $.ajax({ url: /ajax/api/apiSettingsEmailReports, type: post, data: serializedData, }); requestAction.done(function (response, textStatus, jqXHR) { try { //console.log(AJAX RESPONSE:, response); //Response comes back as Javascript to evaluate (execute) try { $(#resultMessage).html(response); eval($(#modalResultMessage).html()); // display report save status } catch (err) { console.log(SaveReportOrder() -> requestAction.done: + err.message); codeSource response; } } catch (err) { //console.log(SummaryEmailReports, err.message); } }); requestAction.fail(function (jqXHR, textStatus, errorThrown) { try { } catch (err) { } }); // renable all the fields when the server function is done requestAction.always(function () { //console.log(renabled disabled fields); $inputs.prop(disabled, false); }); } } function UpdateNotifyChat(guid, action) { try { var $form $(#form__ + guid); if (($form).length > 0) { console.log(UpdateNotifyChat: , guid); var formData new FormData($form0); var formUrlPostfix ?formnotifyChatBox&action + action + &guid + guid; var fileName ; var we_have_something_to_send false; if (action send) { console.log(UpdateNotifyChat: action send); if (document.getElementById(sendFile__ + guid).files0) { fileName + document.getElementById(sendFile__ + guid).files0.name; formUrlPostfix + &fileName + encodeURIComponent(fileName); we_have_something_to_send true; } if ($(#send__ + guid).val().length > 0) we_have_something_to_send true; } if ((action send && we_have_something_to_send) || action draw) { try { var request $.ajax({ url: /ajax/api/apiAjaxFormHandler + formUrlPostfix, cache: false, type: post, data: formData, async: true, contentType: false, enctype: multipart/form-data, processData: false, beforeSend: function () { if (action send) { $(#button__ + guid).prop(disabled, true); $(#button__ + guid).html(span classspinner-border rolestatus>span classsr-only>Sending.../span>/span>); } } }); } catch (err) { console.log(err); } request.done(function (response, textStatus, jqXHR) { try { //console.log(response); eval(response); $(#button__ + guid).html(Send); } catch (err) { console.log(err); } }); request.fail(function (request, status, err) { $(#button__ + guid).html(span classtext-danger titleSomething went wrong>Send/span>); console.log(UpdateNotifyChat: request fail); }); request.always(function (request, status, err) { //console.log(UpdateQRCode: request always); $(#button__ + guid).prop(disabled, false); }); } } } catch (err) { console.log(err); } } function UpdateSocialMediaChat(socialMediaForumId, action) { try { var $form $(#form__ + socialMediaForumId); if (($form).length > 0) { console.log(UpdateSocialMediaChat: , socialMediaForumId); var formData new FormData($form0); var formUrlPostfix ?formsocialChatBox&action + action + &socialMediaForumId + socialMediaForumId; var fileName ; var we_have_something_to_send false; if (action send) { console.log(UpdateSocialMediaChat: action send); if (document.getElementById(sendFile__ + socialMediaForumId).files0) { fileName + document.getElementById(sendFile__ + socialMediaForumId).files0.name; formUrlPostfix + &fileName + encodeURIComponent(fileName); we_have_something_to_send true; } if ($(#send__ + socialMediaForumId).val().length > 0) we_have_something_to_send true; } if ((action send && we_have_something_to_send) || action draw) { try { var request $.ajax({ url: /ajax/api/apiAjaxFormHandler + formUrlPostfix, cache: false, type: post, data: formData, async: true, contentType: false, enctype: multipart/form-data, processData: false, beforeSend: function () { if (action send) { $(#button__ + socialMediaForumId).prop(disabled, true); $(#button__ + socialMediaForumId).html(span classspinner-border rolestatus>span classsr-only>Sending.../span>/span>); } } }); } catch (err) { console.log(err); } request.done(function (response, textStatus, jqXHR) { try { console.log(response); eval(response); $(#button__ + socialMediaForumId).html(Send); } catch (err) { console.log(err); } }); request.fail(function (request, status, err) { $(#button__ + socialMediaForumId).html(span classtext-danger titleSomething went wrong>Send/span>); console.log(UpdateSocialMediaChat: request fail); }); request.always(function (request, status, err) { //console.log(UpdateQRCode: request always); $(#button__ + socialMediaForumId).prop(disabled, false); }); } } } catch (err) { console.log(err); } } // This function is used by the Public and Private reviews social sharing button to show the Google Share Modal function GoogleShare(branchId, reviewId, isPublicReview) { ShowModal(/ajax/modal/CreatePostModal?branchId + branchId + &reviewId + reviewId + &p + isPublicReview, modalResult, ); } //!-- Device Previews --> function BindDeviceClick() { $(.nr4DevicePreviewContent).on(click, function (e) { topY $(this).offset().top; //console.log(topY, topY); positionY $(this).position().top; //console.log(positionY, positionY); height $(this).outerHeight(true); //console.log(height, height); parentHeight $(this).parent().height(); //console.log(parentHeight, parentHeight); bottomY topY + height; relativeY e.pageY - $(this).parent().offset().top; //console.log(relativeY, relativeY); var percent 100 * relativeY / parentHeight; cssTop $(this).css(top); //console.log(cssTop, cssTop); if (cssTop.indexOf(px) > 0) cssTop parseInt(cssTop, 10); else cssTop 0; //console.log(Click: , percent.toFixed(2) + %, Height:, height, parentHeight, parentHeight, Relative Top:, positionY, Absolute Top:, topY); if (percent > 50 && (parentHeight - height) cssTop) cssTop - 100; else if (percent 50 && cssTop 0) cssTop + 100; $(this).animate({ top: cssTop + px }, 50); //$(this).css(top, cssTop + px); }); } $(document).ready(function () { BindDeviceClick(); clipboard new ClipboardJS(.copyToClipboard); }); function ShowPreviewDevice(deviceClass, previewArea, previewContent) { //console.log(ShowPreviewDevice:, deviceClass, previewArea, previewContent); if (String(previewArea).charAt(0) ! #) previewArea # + previewArea; //console.log(Before deviceClass.length > 0, deviceClass.length); if (deviceClass.length > 0) { //console.log(previewContent.length, previewContent.length); if (previewContent.length 0) previewContent $(previewArea + .nr4DevicePreviewContent).html(); var htmlDevice ; try { htmlDevice $(#DevicePreviewLibrary . + deviceClass).clone()0.outerHTML; } catch (err) { //console.log(ShowPreviewDevice, err); // console.log(deviceClass:, deviceClass); htmlDevice $(#DevicePreviewLibrary .no-device).clone()0.outerHTML; } //console.log(Update Preview Area:, previewArea); $(previewArea).html(htmlDevice); $(previewArea + . + deviceClass).show(); $.ajax({ url: /ajax/api/UpdateSession?fieldPreviewDevice&value + deviceClass, cache: false, success: function (html) { try { } catch (err) { } } }); } else { //console.log(No device class defined); } //console.log(After deviceClass.length); if (previewContent ! undefined) { if (previewContent.length > 0) { $(previewArea + .nr4DevicePreviewContent).html(previewContent); } else { $(previewArea + .nr4DevicePreviewContent).html(); } } else { //console.log(Cant update preview content:, previewContent); } BindDeviceClick(); if (deviceClass.length > 0) nr4iframeDeviceSelectMessage(deviceClass); } function ShowSpinner(selector) { $(selector).html(div classtext-center my-5 overflow-hidden>div classnr4-spinner-parent>div classnr4-spinner1-centerbox nr4-spinner1-square>div classnr4-spinner1-outerbox nr4-spinner1-one nr4-spinner1-square styleanimation: nr4-spinner1c-first var(--nr4-spinner1c-animation-time) infinite steps(1, end), nr4-spinner1-first var(--nr4-spinner-animation-time) infinite ease-in-out; >/div>div classnr4-spinner1-outerbox nr4-spinner1-two nr4-spinner1-square styleanimation: nr4-spinner1c-second var(--nr4-spinner1c-animation-time) infinite steps(1, end), nr4-spinner1-second var(--nr4-spinner-animation-time) infinite ease-in-out; >/div>div classnr4-spinner1-outerbox nr4-spinner1-three nr4-spinner1-square styleanimation: nr4-spinner1c-third var(--nr4-spinner1c-animation-time) infinite steps(1, end), nr4-spinner1-third var(--nr4-spinner-animation-time) infinite ease-in-out; >/div>div classnr4-spinner1-outerbox nr4-spinner1-four nr4-spinner1-square styleanimation: nr4-spinner1c-fourth var(--nr4-spinner1c-animation-time) infinite steps(1, end), nr4-spinner1-fourth var(--nr4-spinner-animation-time) infinite ease-in-out; >/div>div classnr4-spinner1-outerbox nr4-spinner1-five nr4-spinner1-square styleanimation: nr4-spinner1c-fifth var(--nr4-spinner1c-animation-time) infinite steps(1, end), nr4-spinner1-fifth var(--nr4-spinner-animation-time) infinite ease-in-out; >/div>div classnr4-spinner1-outerbox nr4-spinner1-six nr4-spinner1-square styleanimation: nr4-spinner1c-sixth var(--nr4-spinner1c-animation-time) infinite steps(1, end), nr4-spinner1-sixth var(--nr4-spinner-animation-time) infinite ease-in-out; >/div>/div>/div>/div>); } // nr4Wizard scripts for next and previous buttons function NR4WizardPrevious() { $(.nr4wizard .active).parent().prev(li).find(a).trigger(click); } function NR4WizardNext() { $(.nr4wizard .active).parent().next(li).find(a).trigger(click); } function NR4WizardHandlers() { // Assume that the first wizard position is the active one and disable the Previous Button $(.nr4wizard-prev).addClass(disabled).prop(disabled, true); $(.nr4wizard-prev).addClass(d-none); $(.nr4wizard li:first-child a).on(click, function () { $(.nr4wizard-prev).addClass(disabled).prop(disabled, true); $(.nr4wizard-prev).addClass(d-none); $(.nr4wizard-next).removeClass(disabled).prop(disabled, false); $(.nr4wizard-next).removeClass(d-none); }); $(.nr4wizard li:last-child a).on(click, function () { $(.nr4wizard-prev).removeClass(disabled).prop(disabled, false); $(.nr4wizard-prev).removeClass(d-none); $(.nr4wizard-next).addClass(disabled).prop(disabled, true); $(.nr4wizard-next).addClass(d-none); }); $(.nr4wizard li:not(:first-child):not(:last-child) a).on(click, function () { $(.nr4wizard-prev).removeClass(disabled).prop(disabled, false); $(.nr4wizard-prev).removeClass(d-none); $(.nr4wizard-next).removeClass(disabled).prop(disabled, false); $(.nr4wizard-next).removeClass(d-none); }); } // script to handle older popovers that dont close properly // This blocks the popever from even showing /* $(body).on(click, function (e) { console.log(body click); $(.popover.show).each(function () { console.log(.popover.show, $(this)); // hide any open popovers when the anywhere else in the body is clicked if (!$(this).is(e.target) && $(this).has(e.target).length 0 && $(.popover).has(e.target).length 0) { $(this).popover(hide); } }); }); */ // https://stackoverflow.com/questions/20466903/bootstrap-popover-hide-on-click-outside // This doesnt work because you have to click the control TWICE to restore it. /* $(body).on(mouseleave, .popover.show, function (e) { $(this).removeClass(show); }); */ DoCheckEAgreements true; function CheckEAgreements() { if (DoCheckEAgreements) { //console.log(CheckEAgreements); } } function StopCheckEAgreements() { DoCheckEAgreements false; } // --------------------------------------------------------------------------------------------- // Although the documentation suggests using the datatable.net row select function, // I could not get a handle on the row. It seemed quite simple to just use the tradional // JQuery method (which is probably faster anyway) // https://datatables.net/forums/discussion/comment/123541/#Comment_123541 // // In the future, it would be better to use the jquery animate function, but for backgrounds // it requires the jquery color plug in: // http://api.jquery.com/animate/#animation-properties // // --------------------------------------------------------------------------------------------- function DataTableHighlightRow(selector) { try { //console.log(DataTableHighlightRow ->, selector); // for debugging } var tr $(.dataTable tr:has( + selector + )); //console.log(tr, $(tr)); // for debugging } if (tr.length > 0) { setTimeout(function () { $(tr).css(transition, all 2.8s ease); $(tr).css(background-color, #ffffcc); setTimeout(function () { $(tr).css(background-color, ); setTimeout(function () { $(tr).css(transition, ); }, 2000); }, 3000); }, 20); } return tr.length; } catch (err) { console.log(err); } } // --------------------------------------------------------------------------------------------- // This function gets a list of reports that are on the current page // --------------------------------------------------------------------------------------------- function GetReportsIdsOnPage() { jwidgets $(.panel); report_ids ; jwidgets.each(function () { id $(this).data(report-id); if (id undefined || id.length 0) { //NOP } else { if (report_ids.length > 0) { report_ids + ,; } report_ids + id; } }); return report_ids; } //For the editor focus delay in modals var tinyMCEFocus null; // --------------------------------------------------------------------------------------------- // NR4Duration() -> This function is used for the Duration Picker // --------------------------------------------------------------------------------------------- function NR4Duration(e) { var id # + $(e).data(input-id); var duration $(id + -days).val() * 24 * 60 * 60; duration + $(id + -hours).val() * 60 * 60; duration + $(id + -minutes).val() * 60; $(id).val(duration); console.log(Duration, id, duration); } // --------------------------------------------------------------------------------------------- // NR4Filters() -> Allow in place edit if filter selected // --------------------------------------------------------------------------------------------- function NR4Filters() { var mainFilter $(#mainFilter).val().toString(); if (mainFilter.includes(UserFilterId:)) { ShowModal(/ajax/modal/UserFilterModal?mainFilter + mainFilter, modalResult, $(#mainFilter).change();); } else { window.location.href #ajax/SettingsFilterStream; } } /script>script> function nr4iframeDeviceSelectMessage(deviceClass) { try { if (deviceClass ! null) { var nr4data { messageSource: nr4Device , messageType: deviceSelect , deviceClass: deviceClass }; $(iframe).each(function() { var iframeId $(this).attr(id); if (document.getElementById(iframeId).contentWindow.postMessage) { nr4iframeDeviceSelectMessageTimer setTimeout( function () { try { document.getElementById(iframeId).contentWindow.postMessage(nr4data, *); } catch (err) { console.log(err); } }, 1000); } }); } } catch (err) { console.log(err); } }/script> !-- Google tag (gtag.js) --> script async srchttps://www.googletagmanager.com/gtag/js?idG-SPDDV3TT20>/script> script> window.dataLayer window.dataLayer || ; function gtag() { dataLayer.push(arguments); } gtag(js, new Date()); gtag(config, G-SPDDV3TT20); gtag(event, page_view); /script> script> // Approval or Deletion of Pending Private Response function PrivateResponseAction(RQBRId, branchRatingId, forApproval) { console.log(RQBRId, branchRatingId, forApproval); $(#ApproveReply- + branchRatingId).bootstrapToggle(disable); $(#ClearReply- + branchRatingId).bootstrapToggle(disable); $.ajax({ url: /ajax/api/UpdatePrivateResponseQueue?ResponseQueueBranchRatingId + RQBRId + &BranchRatingId + branchRatingId + &Action + forApproval, cache: false, success: function (html) { console.log(succesfully updated Pending Private Response); try { eval(html); console.log(ran script); } catch (err) { console.log(err); } } }); } // Approval or Detetion of Pending Public Response function PublicResponseAction(RQBRPRId, branchRatingPlaceRatingId, forApproval) { console.log(RQBRPRId, branchRatingPlaceRatingId, forApproval); $(#ApproveReply- + branchRatingPlaceRatingId).bootstrapToggle(disable); $(#ClearReply- + branchRatingPlaceRatingId).bootstrapToggle(disable); $(#CopyReply- + branchRatingPlaceRatingId).prop(disabled, true); $.ajax({ url: /ajax/api/UpdatePublicResponseQueue?ResponseQueueBranchRatingPlaceRatingId + RQBRPRId + &BranchRatingPlaceRatingId + branchRatingPlaceRatingId + &Action + forApproval, cache: false, success: function (html) { console.log(successfully updated Pending Public Response); try { eval(html); console.log(ran script); } catch (err) { console.log(err); } } }); } function PageForumAction(action, socialMediaForumId) { $(#ApproveReply- + socialMediaForumId).bootstrapToggle(disable); $(#ClearReply- + socialMediaForumId).bootstrapToggle(disable); $.ajax({ url: /ajax/api/UpdatePageForumQueue?Action + action + &SocialMediaForumId + socialMediaForumId, cache: false, success: function (html) { try { eval(html); console.log(ran script); } catch (err) { console.log(err); } } }); } function ToggleFollowUp(branchRatingId) { $.ajax({ url: /ajax/api/UpdateFollowUpMessageApprovedChecked?BranchRatingId + branchRatingId, cache: false, success: function (html) { try { eval(html); } catch (err) { console.log(UpdateFollowUpMessageApprovedChecked, err); } } }); } function TogglePrivateTestimonials(branchRatingId) { $.ajax({ url: /ajax/api/UpdateTestimonialsApprovedChecked?BranchRatingId + branchRatingId, cache: false, success: function (html) { try { eval(html); } catch (err) { console.log(UpdateTestimonialApprovedChecked, err); } } }); } function TogglePublicTestimonials(branchRatingPlaceRatingId) { $.ajax({ url: /ajax/api/UpdateTestimonialsApprovedChecked?BranchRatingPlaceRatingId + branchRatingPlaceRatingId, cache: false, success: function (html) { try { eval(html); } catch (err) { console.log(UpdateTestimonialApprovedChecked, err); } } }); } function CopyAndThenContinue(url, RQBRPRId, branchRatingPlaceRatingId) { clipboard.on(success, function (e) { window.open(url, _blank, noopener,noreferrer); $.ajax({ url: /ajax/api/UpdatePublicResponseQueue?ResponseQueueBranchRatingPlaceRatingId + RQBRPRId + &BranchRatingPlaceRatingId + branchRatingPlaceRatingId + &Action2, cache: false, success: function (html) { console.log(successfully updated workflow after Copy & Continue); try { eval(html); console.log(ran script); } catch (err) { console.log(err); } } }); }); } function SaveTagToMapTable(e) { var id $(e).prop(id); var tags $(e).val(); //console.log(tags); //console.log(SaveTagToMapTable, id, tags); var request $.ajax({ url: /ajax/api/TagsMapSave?RecordTypeAndId + id + &Tags + tags, cache: false, type: get, }); request.done(function (response, textStatus, jqXHR) { try { eval(response); } catch (err) {console.log(SaveTagsToMapTable, err); } }); } function DeleteTag(mapTypeId, referenceId, tagId) { var request $.ajax({ url: /ajax/api/TagsMapSave?actiondelete&mapTypeId + mapTypeId + &referenceId + referenceId + &tagId + tagId, cache: false, type: get, }); request.done(function (response, textStatus, jqXHR) { try { eval(response); } catch (err) { console.log(DeleteTag, err); } }); } function ShowPageForumModal(SocialMediaForumTypeId, branchId, reviewId, isPrivateFeedback) { ShowResponseModal(/ajax/modal/PageForumModal?actionPost&SocialMediaForumTypeId + SocialMediaForumTypeId + &branchId + branchId + &reviewId + reviewId + &isPrivateFeedback + isPrivateFeedback, modalResult, ); } // This filter handles the cleanup of the mainFilter select where certain options can not be combined with others function PreProcessMainFilterSelect(filter) { filterValue $(filter).val(); filterId $(filter).prop(id); filterMessageId # + filterId + -message; previous $(filter).data(previous); console.log(\nPreProcessMainFilterSelect, filterValue, filterValue, previous, previous); valueAdded ; if (filterValue ! undefined && filterValue.length > 0) { // Identify which option was just added by comparing the current selections to the previous selections for (var i 0; i filterValue.length; i++) { var item filterValuei; if ($.inArray(item, previous) -1) { valueAdded item; break; } } } console.log(PreProcessMainFilterSelect itemAdded, valueAdded); if (filterValue.length > 5) { // We have too many filters! So unselect the new one and display a message if (valueAdded.length > 0) { itemAdded $(filter).find( option:selectedvalue + valueAdded + ); $(itemAdded).prop(selected, false); } $(filter).data(previous, $(filter).val()); $(filter).trigger(change.select2); // Update the UI, but dont execute the ajax call $(filterMessageId).text(Exceeded allowed filters. Remove an option or create a custom filter.); } else if (valueAdded.length > 0) { $(filterMessageId).text(); /* Clear the error message Now that we identified what was added, we can proceed to process it */ itemAdded $(filter).find( option:selectedvalue + valueAdded + ); allowMultiple $(itemAdded).data(multiple); combinable $(itemAdded).data(combinable); console.log(multiple, allowMultiple, combinable, combinable); if (!allowMultiple && !combinable) { // clear all previous selections $(previous).each(function () { $(# + filterId + option:selectedvalue + this + ).prop(selected, false); }); // https://stackoverflow.com/questions/55897877/how-to-change-the-value-of-select2-without-trigger-event $(filter).data(previous, $(filter).val()); // new values go in previous $(filter).trigger(change.select2); // Update the UI, but dont execute the ajax call } else if (!allowMultiple) { // remove the selection within the same option group // clear previous selections within the same group (except for the new one selected ) $(itemAdded).parent().find(option).each(function () { if ($(this).val() ! valueAdded) { $(this).prop(selected, false) } }); $(filter).data(previous, $(filter).val()); // new values go in previous $(filter).trigger(change.select2); } else { $(filter).data(previous, $(filter).val()); // new values go in previous } } else { $(filterMessageId).text(); // Clear the error message $(filter).data(previous, $(filter).val()); } } // https://stackoverflow.com/questions/2919337/jquery-convert-line-breaks-to-br-nl2br-equivalent function nl2br(str, is_xhtml) { var breakTag (is_xhtml || typeof is_xhtml undefined) ? br /> : br>; return (str + ).replace(/(^>\r\n?)(\r\n|\n\r|\r|\n)/g, $1 + breakTag + $2); } // https://datatables.net/forums/discussion/66089/updating-cell-data-doesnt-update-visible-responsive-child-cells jQuery.fn.dataTable.Api.register( responsive.redisplay(), function () { var responsive this.context0.responsive; if (responsive) { responsive._redrawChildren(); } }); /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]