/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/main/webapp/content/scss/vendor.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/main/webapp/content/scss/vendor.scss (1) ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/main/webapp/content/scss/vendor.scss (2) ***!
\*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* after changing this file run 'npm run webapp:build' */
/***************************
put Sass variables here:
eg $input-color: red;
****************************/
/* Customized SCSS files*/
/* ###### bootstrap ####### */
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*------ Accordion -------*/
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('fontawesome-webfont.eot');
src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.woff2') format('woff2'),
url('fontawesome-webfont.woff') format('woff'), url('fontawesome-webfont.ttf') format('truetype'),
url('fontawesome-webfont.svg#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em !important;
}
.fa-3x {
font-size: 3em !important;
}
.fa-4x {
font-size: 4em !important;
}
.fa-5x {
font-size: 5em !important;
}
.fa-10x {
font-size: 10em !important;
}
.fa-15x {
font-size: 15em !important;
}
.fa-20x {
font-size: 20em !important;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: 0.2em 0.25em 0.15em;
border: solid 0.08em #eeeeee;
border-radius: 0.1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: 0.3em;
}
.fa.fa-pull-right {
margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: 0.3em;
}
.fa.pull-right {
margin-left: 0.3em;
}
.fa-spin {
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit !important;
}
.feature .fa-lg .fa-stack-1x,
.facility .fa-lg .fa-stack-1x {
font-size: 35px;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: '\f000';
}
.fa-music:before {
content: '\f001';
}
.fa-search:before {
content: '\f002';
}
.fa-envelope-o:before {
content: '\f003';
}
.fa-heart:before {
content: '\f004';
}
.fa-star:before {
content: '\f005';
}
.fa-star-o:before {
content: '\f006';
}
.fa-user:before {
content: '\f007';
}
.fa-film:before {
content: '\f008';
}
.fa-th-large:before {
content: '\f009';
}
.fa-th:before {
content: '\f00a';
}
.fa-th-list:before {
content: '\f00b';
}
.fa-check:before {
content: '\f00c';
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: '\f00d';
}
.fa-search-plus:before {
content: '\f00e';
}
.fa-search-minus:before {
content: '\f010';
}
.fa-power-off:before {
content: '\f011';
}
.fa-signal:before {
content: '\f012';
}
.fa-gear:before,
.fa-cog:before {
content: '\f013';
}
.fa-trash-o:before {
content: '\f014';
}
.fa-home:before {
content: '\f015';
}
.fa-file-o:before {
content: '\f016';
}
.fa-clock-o:before {
content: '\f017';
}
.fa-road:before {
content: '\f018';
}
.fa-download:before {
content: '\f019';
}
.fa-arrow-circle-o-down:before {
content: '\f01a';
}
.fa-arrow-circle-o-up:before {
content: '\f01b';
}
.fa-inbox:before {
content: '\f01c';
}
.fa-play-circle-o:before {
content: '\f01d';
}
.fa-rotate-right:before,
.fa-repeat:before {
content: '\f01e';
}
.fa-refresh:before {
content: '\f021';
}
.fa-list-alt:before {
content: '\f022';
}
.fa-lock:before {
content: '\f023';
}
.fa-flag:before {
content: '\f024';
}
.fa-headphones:before {
content: '\f025';
}
.fa-volume-off:before {
content: '\f026';
}
.fa-volume-down:before {
content: '\f027';
}
.fa-volume-up:before {
content: '\f028';
}
.fa-qrcode:before {
content: '\f029';
}
.fa-barcode:before {
content: '\f02a';
}
.fa-tag:before {
content: '\f02b';
}
.fa-tags:before {
content: '\f02c';
}
.fa-book:before {
content: '\f02d';
}
.fa-bookmark:before {
content: '\f02e';
}
.fa-print:before {
content: '\f02f';
}
.fa-camera:before {
content: '\f030';
}
.fa-font:before {
content: '\f031';
}
.fa-bold:before {
content: '\f032';
}
.fa-italic:before {
content: '\f033';
}
.fa-text-height:before {
content: '\f034';
}
.fa-text-width:before {
content: '\f035';
}
.fa-align-left:before {
content: '\f036';
}
.fa-align-center:before {
content: '\f037';
}
.fa-align-right:before {
content: '\f038';
}
.fa-align-justify:before {
content: '\f039';
}
.fa-list:before {
content: '\f03a';
}
.fa-dedent:before,
.fa-outdent:before {
content: '\f03b';
}
.fa-indent:before {
content: '\f03c';
}
.fa-video-camera:before {
content: '\f03d';
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: '\f03e';
}
.fa-pencil:before {
content: '\f040';
}
.fa-map-marker:before {
content: '\f041';
}
.fa-adjust:before {
content: '\f042';
}
.fa-tint:before {
content: '\f043';
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: '\f044';
}
.fa-share-square-o:before {
content: '\f045';
}
.fa-check-square-o:before {
content: '\f046';
}
.fa-arrows:before {
content: '\f047';
}
.fa-step-backward:before {
content: '\f048';
}
.fa-fast-backward:before {
content: '\f049';
}
.fa-backward:before {
content: '\f04a';
}
.fa-play:before {
content: '\f04b';
}
.fa-pause:before {
content: '\f04c';
}
.fa-stop:before {
content: '\f04d';
}
.fa-forward:before {
content: '\f04e';
}
.fa-fast-forward:before {
content: '\f050';
}
.fa-step-forward:before {
content: '\f051';
}
.fa-eject:before {
content: '\f052';
}
.fa-chevron-left:before {
content: '\f053';
}
.fa-chevron-right:before {
content: '\f054';
}
.fa-plus-circle:before {
content: '\f055';
}
.fa-minus-circle:before {
content: '\f056';
}
.fa-times-circle:before {
content: '\f057';
}
.fa-check-circle:before {
content: '\f058';
}
.fa-question-circle:before {
content: '\f059';
}
.fa-info-circle:before {
content: '\f05a';
}
.fa-crosshairs:before {
content: '\f05b';
}
.fa-times-circle-o:before {
content: '\f05c';
}
.fa-check-circle-o:before {
content: '\f05d';
}
.fa-ban:before {
content: '\f05e';
}
.fa-arrow-left:before {
content: '\f060';
}
.fa-arrow-right:before {
content: '\f061';
}
.fa-arrow-up:before {
content: '\f062';
}
.fa-arrow-down:before {
content: '\f063';
}
.fa-mail-forward:before,
.fa-share:before {
content: '\f064';
}
.fa-expand:before {
content: '\f065';
}
.fa-compress:before {
content: '\f066';
}
.fa-plus:before {
content: '\f067';
}
.fa-minus:before {
content: '\f068';
}
.fa-asterisk:before {
content: '\f069';
}
.fa-exclamation-circle:before {
content: '\f06a';
}
.fa-gift:before {
content: '\f06b';
}
.fa-leaf:before {
content: '\f06c';
}
.fa-fire:before {
content: '\f06d';
}
.fa-eye:before {
content: '\f06e';
}
.fa-eye-slash:before {
content: '\f070';
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: '\f071';
}
.fa-plane:before {
content: '\f072';
}
.fa-calendar:before {
content: '\f073';
}
.fa-random:before {
content: '\f074';
}
.fa-comment:before {
content: '\f075';
}
.fa-magnet:before {
content: '\f076';
}
.fa-chevron-up:before {
content: '\f077';
}
.fa-chevron-down:before {
content: '\f078';
}
.fa-retweet:before {
content: '\f079';
}
.fa-shopping-cart:before {
content: '\f07a';
}
.fa-folder:before {
content: '\f07b';
}
.fa-folder-open:before {
content: '\f07c';
}
.fa-arrows-v:before {
content: '\f07d';
}
.fa-arrows-h:before {
content: '\f07e';
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: '\f080';
}
.fa-twitter-square:before {
content: '\f081';
}
.fa-facebook-square:before {
content: '\f082';
}
.fa-camera-retro:before {
content: '\f083';
}
.fa-key:before {
content: '\f084';
}
.fa-gears:before,
.fa-cogs:before {
content: '\f085';
}
.fa-comments:before {
content: '\f086';
}
.fa-thumbs-o-up:before {
content: '\f087';
}
.fa-thumbs-o-down:before {
content: '\f088';
}
.fa-star-half:before {
content: '\f089';
}
.fa-heart-o:before {
content: '\f08a';
}
.fa-sign-out:before {
content: '\f08b';
}
.fa-linkedin-square:before {
content: '\f08c';
}
.fa-thumb-tack:before {
content: '\f08d';
}
.fa-external-link:before {
content: '\f08e';
}
.fa-sign-in:before {
content: '\f090';
}
.fa-trophy:before {
content: '\f091';
}
.fa-github-square:before {
content: '\f092';
}
.fa-upload:before {
content: '\f093';
}
.fa-lemon-o:before {
content: '\f094';
}
.fa-phone:before {
content: '\f095';
}
.fa-square-o:before {
content: '\f096';
}
.fa-bookmark-o:before {
content: '\f097';
}
.fa-phone-square:before {
content: '\f098';
}
.fa-twitter:before {
content: '\f099';
}
.fa-facebook-f:before,
.fa-facebook:before {
content: '\f09a';
}
.fa-github:before {
content: '\f09b';
}
.fa-unlock:before {
content: '\f09c';
}
.fa-credit-card:before {
content: '\f09d';
}
.fa-feed:before,
.fa-rss:before {
content: '\f09e';
}
.fa-hdd-o:before {
content: '\f0a0';
}
.fa-bullhorn:before {
content: '\f0a1';
}
.fa-bell:before {
content: '\f0f3';
}
.fa-certificate:before {
content: '\f0a3';
}
.fa-hand-o-right:before {
content: '\f0a4';
}
.fa-hand-o-left:before {
content: '\f0a5';
}
.fa-hand-o-up:before {
content: '\f0a6';
}
.fa-hand-o-down:before {
content: '\f0a7';
}
.fa-arrow-circle-left:before {
content: '\f0a8';
}
.fa-arrow-circle-right:before {
content: '\f0a9';
}
.fa-arrow-circle-up:before {
content: '\f0aa';
}
.fa-arrow-circle-down:before {
content: '\f0ab';
}
.fa-globe:before {
content: '\f0ac';
}
.fa-wrench:before {
content: '\f0ad';
}
.fa-tasks:before {
content: '\f0ae';
}
.fa-filter:before {
content: '\f0b0';
}
.fa-briefcase:before {
content: '\f0b1';
}
.fa-arrows-alt:before {
content: '\f0b2';
}
.fa-group:before,
.fa-users:before {
content: '\f0c0';
}
.fa-chain:before,
.fa-link:before {
content: '\f0c1';
}
.fa-cloud:before {
content: '\f0c2';
}
.fa-flask:before {
content: '\f0c3';
}
.fa-cut:before,
.fa-scissors:before {
content: '\f0c4';
}
.fa-copy:before,
.fa-files-o:before {
content: '\f0c5';
}
.fa-paperclip:before {
content: '\f0c6';
}
.fa-save:before,
.fa-floppy-o:before {
content: '\f0c7';
}
.fa-square:before {
content: '\f0c8';
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: '\f0c9';
}
.fa-list-ul:before {
content: '\f0ca';
}
.fa-list-ol:before {
content: '\f0cb';
}
.fa-strikethrough:before {
content: '\f0cc';
}
.fa-underline:before {
content: '\f0cd';
}
.fa-table:before {
content: '\f0ce';
}
.fa-magic:before {
content: '\f0d0';
}
.fa-truck:before {
content: '\f0d1';
}
.fa-pinterest:before {
content: '\f0d2';
}
.fa-pinterest-square:before {
content: '\f0d3';
}
.fa-google-plus-square:before {
content: '\f0d4';
}
.fa-google-plus:before {
content: '\f0d5';
}
.fa-money:before {
content: '\f0d6';
}
.fa-caret-down:before {
content: '\f0d7';
}
.fa-caret-up:before {
content: '\f0d8';
}
.fa-caret-left:before {
content: '\f0d9';
}
.fa-caret-right:before {
content: '\f0da';
}
.fa-columns:before {
content: '\f0db';
}
.fa-unsorted:before,
.fa-sort:before {
content: '\f0dc';
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: '\f0dd';
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: '\f0de';
}
.fa-envelope:before {
content: '\f0e0';
}
.fa-linkedin:before {
content: '\f0e1';
}
.fa-rotate-left:before,
.fa-undo:before {
content: '\f0e2';
}
.fa-legal:before,
.fa-gavel:before {
content: '\f0e3';
}
.fa-dashboard:before,
.fa-tachometer:before {
content: '\f0e4';
}
.fa-comment-o:before {
content: '\f0e5';
}
.fa-comments-o:before {
content: '\f0e6';
}
.fa-flash:before,
.fa-bolt:before {
content: '\f0e7';
}
.fa-sitemap:before {
content: '\f0e8';
}
.fa-umbrella:before {
content: '\f0e9';
}
.fa-paste:before,
.fa-clipboard:before {
content: '\f0ea';
}
.fa-lightbulb-o:before {
content: '\f0eb';
}
.fa-exchange:before {
content: '\f0ec';
}
.fa-cloud-download:before {
content: '\f0ed';
}
.fa-cloud-upload:before {
content: '\f0ee';
}
.fa-user-md:before {
content: '\f0f0';
}
.fa-stethoscope:before {
content: '\f0f1';
}
.fa-suitcase:before {
content: '\f0f2';
}
.fa-bell-o:before {
content: '\f0a2';
}
.fa-coffee:before {
content: '\f0f4';
}
.fa-cutlery:before {
content: '\f0f5';
}
.fa-file-text-o:before {
content: '\f0f6';
}
.fa-building-o:before {
content: '\f0f7';
}
.fa-hospital-o:before {
content: '\f0f8';
}
.fa-ambulance:before {
content: '\f0f9';
}
.fa-medkit:before {
content: '\f0fa';
}
.fa-fighter-jet:before {
content: '\f0fb';
}
.fa-beer:before {
content: '\f0fc';
}
.fa-h-square:before {
content: '\f0fd';
}
.fa-plus-square:before {
content: '\f0fe';
}
.fa-angle-double-left:before {
content: '\f100';
}
.fa-angle-double-right:before {
content: '\f101';
}
.fa-angle-double-up:before {
content: '\f102';
}
.fa-angle-double-down:before {
content: '\f103';
}
.fa-angle-left:before {
content: '\f104';
}
.fa-angle-right:before {
content: '\f105';
}
.fa-angle-up:before {
content: '\f106';
}
.fa-angle-down:before {
content: '\f107';
}
.fa-desktop:before {
content: '\f108';
}
.fa-laptop:before {
content: '\f109';
}
.fa-tablet:before {
content: '\f10a';
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: '\f10b';
}
.fa-circle-o:before {
content: '\f10c';
}
.fa-quote-left:before {
content: '\f10d';
}
.fa-quote-right:before {
content: '\f10e';
}
.fa-spinner:before {
content: '\f110';
}
.fa-circle:before {
content: '\f111';
}
.fa-mail-reply:before,
.fa-reply:before {
content: '\f112';
}
.fa-github-alt:before {
content: '\f113';
}
.fa-folder-o:before {
content: '\f114';
}
.fa-folder-open-o:before {
content: '\f115';
}
.fa-smile-o:before {
content: '\f118';
}
.fa-frown-o:before {
content: '\f119';
}
.fa-meh-o:before {
content: '\f11a';
}
.fa-gamepad:before {
content: '\f11b';
}
.fa-keyboard-o:before {
content: '\f11c';
}
.fa-flag-o:before {
content: '\f11d';
}
.fa-flag-checkered:before {
content: '\f11e';
}
.fa-terminal:before {
content: '\f120';
}
.fa-code:before {
content: '\f121';
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: '\f122';
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: '\f123';
}
.fa-location-arrow:before {
content: '\f124';
}
.fa-crop:before {
content: '\f125';
}
.fa-code-fork:before {
content: '\f126';
}
.fa-unlink:before,
.fa-chain-broken:before {
content: '\f127';
}
.fa-question:before {
content: '\f128';
}
.fa-info:before {
content: '\f129';
}
.fa-exclamation:before {
content: '\f12a';
}
.fa-superscript:before {
content: '\f12b';
}
.fa-subscript:before {
content: '\f12c';
}
.fa-eraser:before {
content: '\f12d';
}
.fa-puzzle-piece:before {
content: '\f12e';
}
.fa-microphone:before {
content: '\f130';
}
.fa-microphone-slash:before {
content: '\f131';
}
.fa-shield:before {
content: '\f132';
}
.fa-calendar-o:before {
content: '\f133';
}
.fa-fire-extinguisher:before {
content: '\f134';
}
.fa-rocket:before {
content: '\f135';
}
.fa-maxcdn:before {
content: '\f136';
}
.fa-chevron-circle-left:before {
content: '\f137';
}
.fa-chevron-circle-right:before {
content: '\f138';
}
.fa-chevron-circle-up:before {
content: '\f139';
}
.fa-chevron-circle-down:before {
content: '\f13a';
}
.fa-html5:before {
content: '\f13b';
}
.fa-css3:before {
content: '\f13c';
}
.fa-anchor:before {
content: '\f13d';
}
.fa-unlock-alt:before {
content: '\f13e';
}
.fa-bullseye:before {
content: '\f140';
}
.fa-ellipsis-h:before {
content: '\f141';
}
.fa-ellipsis-v:before {
content: '\f142';
}
.fa-rss-square:before {
content: '\f143';
}
.fa-play-circle:before {
content: '\f144';
}
.fa-ticket:before {
content: '\f145';
}
.fa-minus-square:before {
content: '\f146';
}
.fa-minus-square-o:before {
content: '\f147';
}
.fa-level-up:before {
content: '\f148';
}
.fa-level-down:before {
content: '\f149';
}
.fa-check-square:before {
content: '\f14a';
}
.fa-pencil-square:before {
content: '\f14b';
}
.fa-external-link-square:before {
content: '\f14c';
}
.fa-share-square:before {
content: '\f14d';
}
.fa-compass:before {
content: '\f14e';
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: '\f150';
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: '\f151';
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: '\f152';
}
.fa-euro:before,
.fa-eur:before {
content: '\f153';
}
.fa-gbp:before {
content: '\f154';
}
.fa-dollar:before,
.fa-usd:before {
content: '\f155';
}
.fa-rupee:before,
.fa-inr:before {
content: '\f156';
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: '\f157';
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: '\f158';
}
.fa-won:before,
.fa-krw:before {
content: '\f159';
}
.fa-bitcoin:before,
.fa-btc:before {
content: '\f15a';
}
.fa-file:before {
content: '\f15b';
}
.fa-file-text:before {
content: '\f15c';
}
.fa-sort-alpha-asc:before {
content: '\f15d';
}
.fa-sort-alpha-desc:before {
content: '\f15e';
}
.fa-sort-amount-asc:before {
content: '\f160';
}
.fa-sort-amount-desc:before {
content: '\f161';
}
.fa-sort-numeric-asc:before {
content: '\f162';
}
.fa-sort-numeric-desc:before {
content: '\f163';
}
.fa-thumbs-up:before {
content: '\f164';
}
.fa-thumbs-down:before {
content: '\f165';
}
.fa-youtube-square:before {
content: '\f166';
}
.fa-youtube:before {
content: '\f167';
}
.fa-xing:before {
content: '\f168';
}
.fa-xing-square:before {
content: '\f169';
}
.fa-youtube-play:before {
content: '\f16a';
}
.fa-dropbox:before {
content: '\f16b';
}
.fa-stack-overflow:before {
content: '\f16c';
}
.fa-instagram:before {
content: '\f16d';
}
.fa-flickr:before {
content: '\f16e';
}
.fa-adn:before {
content: '\f170';
}
.fa-bitbucket:before {
content: '\f171';
}
.fa-bitbucket-square:before {
content: '\f172';
}
.fa-tumblr:before {
content: '\f173';
}
.fa-tumblr-square:before {
content: '\f174';
}
.fa-long-arrow-down:before {
content: '\f175';
}
.fa-long-arrow-up:before {
content: '\f176';
}
.fa-long-arrow-left:before {
content: '\f177';
}
.fa-long-arrow-right:before {
content: '\f178';
}
.fa-apple:before {
content: '\f179';
}
.fa-windows:before {
content: '\f17a';
}
.fa-android:before {
content: '\f17b';
}
.fa-linux:before {
content: '\f17c';
}
.fa-dribbble:before {
content: '\f17d';
}
.fa-skype:before {
content: '\f17e';
}
.fa-foursquare:before {
content: '\f180';
}
.fa-trello:before {
content: '\f181';
}
.fa-female:before {
content: '\f182';
}
.fa-male:before {
content: '\f183';
}
.fa-gittip:before,
.fa-gratipay:before {
content: '\f184';
}
.fa-sun-o:before {
content: '\f185';
}
.fa-moon-o:before {
content: '\f186';
}
.fa-archive:before {
content: '\f187';
}
.fa-bug:before {
content: '\f188';
}
.fa-vk:before {
content: '\f189';
}
.fa-weibo:before {
content: '\f18a';
}
.fa-renren:before {
content: '\f18b';
}
.fa-pagelines:before {
content: '\f18c';
}
.fa-stack-exchange:before {
content: '\f18d';
}
.fa-arrow-circle-o-right:before {
content: '\f18e';
}
.fa-arrow-circle-o-left:before {
content: '\f190';
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: '\f191';
}
.fa-dot-circle-o:before {
content: '\f192';
}
.fa-wheelchair:before {
content: '\f193';
}
.fa-vimeo-square:before {
content: '\f194';
}
.fa-turkish-lira:before,
.fa-try:before {
content: '\f195';
}
.fa-plus-square-o:before {
content: '\f196';
}
.fa-space-shuttle:before {
content: '\f197';
}
.fa-slack:before {
content: '\f198';
}
.fa-envelope-square:before {
content: '\f199';
}
.fa-wordpress:before {
content: '\f19a';
}
.fa-openid:before {
content: '\f19b';
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: '\f19c';
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: '\f19d';
}
.fa-yahoo:before {
content: '\f19e';
}
.fa-google:before {
content: '\f1a0';
}
.fa-reddit:before {
content: '\f1a1';
}
.fa-reddit-square:before {
content: '\f1a2';
}
.fa-stumbleupon-circle:before {
content: '\f1a3';
}
.fa-stumbleupon:before {
content: '\f1a4';
}
.fa-delicious:before {
content: '\f1a5';
}
.fa-digg:before {
content: '\f1a6';
}
.fa-pied-piper-pp:before {
content: '\f1a7';
}
.fa-pied-piper-alt:before {
content: '\f1a8';
}
.fa-drupal:before {
content: '\f1a9';
}
.fa-joomla:before {
content: '\f1aa';
}
.fa-language:before {
content: '\f1ab';
}
.fa-fax:before {
content: '\f1ac';
}
.fa-building:before {
content: '\f1ad';
}
.fa-child:before {
content: '\f1ae';
}
.fa-paw:before {
content: '\f1b0';
}
.fa-spoon:before {
content: '\f1b1';
}
.fa-cube:before {
content: '\f1b2';
}
.fa-cubes:before {
content: '\f1b3';
}
.fa-behance:before {
content: '\f1b4';
}
.fa-behance-square:before {
content: '\f1b5';
}
.fa-steam:before {
content: '\f1b6';
}
.fa-steam-square:before {
content: '\f1b7';
}
.fa-recycle:before {
content: '\f1b8';
}
.fa-automobile:before,
.fa-car:before {
content: '\f1b9';
}
.fa-cab:before,
.fa-taxi:before {
content: '\f1ba';
}
.fa-tree:before {
content: '\f1bb';
}
.fa-spotify:before {
content: '\f1bc';
}
.fa-deviantart:before {
content: '\f1bd';
}
.fa-soundcloud:before {
content: '\f1be';
}
.fa-database:before {
content: '\f1c0';
}
.fa-file-pdf-o:before {
content: '\f1c1';
}
.fa-file-word-o:before {
content: '\f1c2';
}
.fa-file-excel-o:before {
content: '\f1c3';
}
.fa-file-powerpoint-o:before {
content: '\f1c4';
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: '\f1c5';
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: '\f1c6';
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: '\f1c7';
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: '\f1c8';
}
.fa-file-code-o:before {
content: '\f1c9';
}
.fa-vine:before {
content: '\f1ca';
}
.fa-codepen:before {
content: '\f1cb';
}
.fa-jsfiddle:before {
content: '\f1cc';
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: '\f1cd';
}
.fa-circle-o-notch:before {
content: '\f1ce';
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: '\f1d0';
}
.fa-ge:before,
.fa-empire:before {
content: '\f1d1';
}
.fa-git-square:before {
content: '\f1d2';
}
.fa-git:before {
content: '\f1d3';
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: '\f1d4';
}
.fa-tencent-weibo:before {
content: '\f1d5';
}
.fa-qq:before {
content: '\f1d6';
}
.fa-wechat:before,
.fa-weixin:before {
content: '\f1d7';
}
.fa-send:before,
.fa-paper-plane:before {
content: '\f1d8';
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: '\f1d9';
}
.fa-history:before {
content: '\f1da';
}
.fa-circle-thin:before {
content: '\f1db';
}
.fa-header:before {
content: '\f1dc';
}
.fa-paragraph:before {
content: '\f1dd';
}
.fa-sliders:before {
content: '\f1de';
}
.fa-share-alt:before {
content: '\f1e0';
}
.fa-share-alt-square:before {
content: '\f1e1';
}
.fa-bomb:before {
content: '\f1e2';
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: '\f1e3';
}
.fa-tty:before {
content: '\f1e4';
}
.fa-binoculars:before {
content: '\f1e5';
}
.fa-plug:before {
content: '\f1e6';
}
.fa-slideshare:before {
content: '\f1e7';
}
.fa-twitch:before {
content: '\f1e8';
}
.fa-yelp:before {
content: '\f1e9';
}
.fa-newspaper-o:before {
content: '\f1ea';
}
.fa-wifi:before {
content: '\f1eb';
}
.fa-calculator:before {
content: '\f1ec';
}
.fa-paypal:before {
content: '\f1ed';
}
.fa-google-wallet:before {
content: '\f1ee';
}
.fa-cc-visa:before {
content: '\f1f0';
}
.fa-cc-mastercard:before {
content: '\f1f1';
}
.fa-cc-discover:before {
content: '\f1f2';
}
.fa-cc-amex:before {
content: '\f1f3';
}
.fa-cc-paypal:before {
content: '\f1f4';
}
.fa-cc-stripe:before {
content: '\f1f5';
}
.fa-bell-slash:before {
content: '\f1f6';
}
.fa-bell-slash-o:before {
content: '\f1f7';
}
.fa-trash:before {
content: '\f1f8';
}
.fa-copyright:before {
content: '\f1f9';
}
.fa-at:before {
content: '\f1fa';
}
.fa-eyedropper:before {
content: '\f1fb';
}
.fa-paint-brush:before {
content: '\f1fc';
}
.fa-birthday-cake:before {
content: '\f1fd';
}
.fa-area-chart:before {
content: '\f1fe';
}
.fa-pie-chart:before {
content: '\f200';
}
.fa-line-chart:before {
content: '\f201';
}
.fa-lastfm:before {
content: '\f202';
}
.fa-lastfm-square:before {
content: '\f203';
}
.fa-toggle-off:before {
content: '\f204';
}
.fa-toggle-on:before {
content: '\f205';
}
.fa-bicycle:before {
content: '\f206';
}
.fa-bus:before {
content: '\f207';
}
.fa-ioxhost:before {
content: '\f208';
}
.fa-angellist:before {
content: '\f209';
}
.fa-cc:before {
content: '\f20a';
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: '\f20b';
}
.fa-meanpath:before {
content: '\f20c';
}
.fa-buysellads:before {
content: '\f20d';
}
.fa-connectdevelop:before {
content: '\f20e';
}
.fa-dashcube:before {
content: '\f210';
}
.fa-forumbee:before {
content: '\f211';
}
.fa-leanpub:before {
content: '\f212';
}
.fa-sellsy:before {
content: '\f213';
}
.fa-shirtsinbulk:before {
content: '\f214';
}
.fa-simplybuilt:before {
content: '\f215';
}
.fa-skyatlas:before {
content: '\f216';
}
.fa-cart-plus:before {
content: '\f217';
}
.fa-cart-arrow-down:before {
content: '\f218';
}
.fa-diamond:before {
content: '\f219';
}
.fa-ship:before {
content: '\f21a';
}
.fa-user-secret:before {
content: '\f21b';
}
.fa-motorcycle:before {
content: '\f21c';
}
.fa-street-view:before {
content: '\f21d';
}
.fa-heartbeat:before {
content: '\f21e';
}
.fa-venus:before {
content: '\f221';
}
.fa-mars:before {
content: '\f222';
}
.fa-mercury:before {
content: '\f223';
}
.fa-intersex:before,
.fa-transgender:before {
content: '\f224';
}
.fa-transgender-alt:before {
content: '\f225';
}
.fa-venus-double:before {
content: '\f226';
}
.fa-mars-double:before {
content: '\f227';
}
.fa-venus-mars:before {
content: '\f228';
}
.fa-mars-stroke:before {
content: '\f229';
}
.fa-mars-stroke-v:before {
content: '\f22a';
}
.fa-mars-stroke-h:before {
content: '\f22b';
}
.fa-neuter:before {
content: '\f22c';
}
.fa-genderless:before {
content: '\f22d';
}
.fa-facebook-official:before {
content: '\f230';
}
.fa-pinterest-p:before {
content: '\f231';
}
.fa-whatsapp:before {
content: '\f232';
}
.fa-server:before {
content: '\f233';
}
.fa-user-plus:before {
content: '\f234';
}
.fa-user-times:before {
content: '\f235';
}
.fa-hotel:before,
.fa-bed:before {
content: '\f236';
}
.fa-viacoin:before {
content: '\f237';
}
.fa-train:before {
content: '\f238';
}
.fa-subway:before {
content: '\f239';
}
.fa-medium:before {
content: '\f23a';
}
.fa-yc:before,
.fa-y-combinator:before {
content: '\f23b';
}
.fa-optin-monster:before {
content: '\f23c';
}
.fa-opencart:before {
content: '\f23d';
}
.fa-expeditedssl:before {
content: '\f23e';
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: '\f240';
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: '\f241';
}
.fa-battery-2:before,
.fa-battery-half:before {
content: '\f242';
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: '\f243';
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: '\f244';
}
.fa-mouse-pointer:before {
content: '\f245';
}
.fa-i-cursor:before {
content: '\f246';
}
.fa-object-group:before {
content: '\f247';
}
.fa-object-ungroup:before {
content: '\f248';
}
.fa-sticky-note:before {
content: '\f249';
}
.fa-sticky-note-o:before {
content: '\f24a';
}
.fa-cc-jcb:before {
content: '\f24b';
}
.fa-cc-diners-club:before {
content: '\f24c';
}
.fa-clone:before {
content: '\f24d';
}
.fa-balance-scale:before {
content: '\f24e';
}
.fa-hourglass-o:before {
content: '\f250';
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: '\f251';
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: '\f252';
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: '\f253';
}
.fa-hourglass:before {
content: '\f254';
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: '\f255';
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: '\f256';
}
.fa-hand-scissors-o:before {
content: '\f257';
}
.fa-hand-lizard-o:before {
content: '\f258';
}
.fa-hand-spock-o:before {
content: '\f259';
}
.fa-hand-pointer-o:before {
content: '\f25a';
}
.fa-hand-peace-o:before {
content: '\f25b';
}
.fa-trademark:before {
content: '\f25c';
}
.fa-registered:before {
content: '\f25d';
}
.fa-creative-commons:before {
content: '\f25e';
}
.fa-gg:before {
content: '\f260';
}
.fa-gg-circle:before {
content: '\f261';
}
.fa-tripadvisor:before {
content: '\f262';
}
.fa-odnoklassniki:before {
content: '\f263';
}
.fa-odnoklassniki-square:before {
content: '\f264';
}
.fa-get-pocket:before {
content: '\f265';
}
.fa-wikipedia-w:before {
content: '\f266';
}
.fa-safari:before {
content: '\f267';
}
.fa-chrome:before {
content: '\f268';
}
.fa-firefox:before {
content: '\f269';
}
.fa-opera:before {
content: '\f26a';
}
.fa-internet-explorer:before {
content: '\f26b';
}
.fa-tv:before,
.fa-television:before {
content: '\f26c';
}
.fa-contao:before {
content: '\f26d';
}
.fa-500px:before {
content: '\f26e';
}
.fa-amazon:before {
content: '\f270';
}
.fa-calendar-plus-o:before {
content: '\f271';
}
.fa-calendar-minus-o:before {
content: '\f272';
}
.fa-calendar-times-o:before {
content: '\f273';
}
.fa-calendar-check-o:before {
content: '\f274';
}
.fa-industry:before {
content: '\f275';
}
.fa-map-pin:before {
content: '\f276';
}
.fa-map-signs:before {
content: '\f277';
}
.fa-map-o:before {
content: '\f278';
}
.fa-map:before {
content: '\f279';
}
.fa-commenting:before {
content: '\f27a';
}
.fa-commenting-o:before {
content: '\f27b';
}
.fa-houzz:before {
content: '\f27c';
}
.fa-vimeo:before {
content: '\f27d';
}
.fa-black-tie:before {
content: '\f27e';
}
.fa-fonticons:before {
content: '\f280';
}
.fa-reddit-alien:before {
content: '\f281';
}
.fa-edge:before {
content: '\f282';
}
.fa-credit-card-alt:before {
content: '\f283';
}
.fa-codiepie:before {
content: '\f284';
}
.fa-modx:before {
content: '\f285';
}
.fa-fort-awesome:before {
content: '\f286';
}
.fa-usb:before {
content: '\f287';
}
.fa-product-hunt:before {
content: '\f288';
}
.fa-mixcloud:before {
content: '\f289';
}
.fa-scribd:before {
content: '\f28a';
}
.fa-pause-circle:before {
content: '\f28b';
}
.fa-pause-circle-o:before {
content: '\f28c';
}
.fa-stop-circle:before {
content: '\f28d';
}
.fa-stop-circle-o:before {
content: '\f28e';
}
.fa-shopping-bag:before {
content: '\f290';
}
.fa-shopping-basket:before {
content: '\f291';
}
.fa-hashtag:before {
content: '\f292';
}
.fa-bluetooth:before {
content: '\f293';
}
.fa-bluetooth-b:before {
content: '\f294';
}
.fa-percent:before {
content: '\f295';
}
.fa-gitlab:before {
content: '\f296';
}
.fa-wpbeginner:before {
content: '\f297';
}
.fa-wpforms:before {
content: '\f298';
}
.fa-envira:before {
content: '\f299';
}
.fa-universal-access:before {
content: '\f29a';
}
.fa-wheelchair-alt:before {
content: '\f29b';
}
.fa-question-circle-o:before {
content: '\f29c';
}
.fa-blind:before {
content: '\f29d';
}
.fa-audio-description:before {
content: '\f29e';
}
.fa-volume-control-phone:before {
content: '\f2a0';
}
.fa-braille:before {
content: '\f2a1';
}
.fa-assistive-listening-systems:before {
content: '\f2a2';
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: '\f2a3';
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: '\f2a4';
}
.fa-glide:before {
content: '\f2a5';
}
.fa-glide-g:before {
content: '\f2a6';
}
.fa-signing:before,
.fa-sign-language:before {
content: '\f2a7';
}
.fa-low-vision:before {
content: '\f2a8';
}
.fa-viadeo:before {
content: '\f2a9';
}
.fa-viadeo-square:before {
content: '\f2aa';
}
.fa-snapchat:before {
content: '\f2ab';
}
.fa-snapchat-ghost:before {
content: '\f2ac';
}
.fa-snapchat-square:before {
content: '\f2ad';
}
.fa-pied-piper:before {
content: '\f2ae';
}
.fa-first-order:before {
content: '\f2b0';
}
.fa-yoast:before {
content: '\f2b1';
}
.fa-themeisle:before {
content: '\f2b2';
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: '\f2b3';
}
.fa-fa:before,
.fa-font-awesome:before {
content: '\f2b4';
}
.fa-handshake-o:before {
content: '\f2b5';
}
.fa-envelope-open:before {
content: '\f2b6';
}
.fa-envelope-open-o:before {
content: '\f2b7';
}
.fa-linode:before {
content: '\f2b8';
}
.fa-address-book:before {
content: '\f2b9';
}
.fa-address-book-o:before {
content: '\f2ba';
}
.fa-vcard:before,
.fa-address-card:before {
content: '\f2bb';
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: '\f2bc';
}
.fa-user-circle:before {
content: '\f2bd';
}
.fa-user-circle-o:before {
content: '\f2be';
}
.fa-user-o:before {
content: '\f2c0';
}
.fa-id-badge:before {
content: '\f2c1';
}
.fa-drivers-license:before,
.fa-id-card:before {
content: '\f2c2';
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: '\f2c3';
}
.fa-quora:before {
content: '\f2c4';
}
.fa-free-code-camp:before {
content: '\f2c5';
}
.fa-telegram:before {
content: '\f2c6';
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: '\f2c7';
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: '\f2c8';
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: '\f2c9';
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: '\f2ca';
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: '\f2cb';
}
.fa-shower:before {
content: '\f2cc';
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: '\f2cd';
}
.fa-podcast:before {
content: '\f2ce';
}
.fa-window-maximize:before {
content: '\f2d0';
}
.fa-window-minimize:before {
content: '\f2d1';
}
.fa-window-restore:before {
content: '\f2d2';
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: '\f2d3';
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: '\f2d4';
}
.fa-bandcamp:before {
content: '\f2d5';
}
.fa-grav:before {
content: '\f2d6';
}
.fa-etsy:before {
content: '\f2d7';
}
.fa-imdb:before {
content: '\f2d8';
}
.fa-ravelry:before {
content: '\f2d9';
}
.fa-eercast:before {
content: '\f2da';
}
.fa-microchip:before {
content: '\f2db';
}
.fa-snowflake-o:before {
content: '\f2dc';
}
.fa-superpowers:before {
content: '\f2dd';
}
.fa-wpexplorer:before {
content: '\f2de';
}
.fa-meetup:before {
content: '\f2e0';
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
/*!
* Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
* License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'Material-Design-Iconic-Font';
src: url('Material-Design-Iconic-Font.woff2?v=2.2.0') format('woff2'),
url('Material-Design-Iconic-Font.woff?v=2.2.0') format('woff'),
url('Material-Design-Iconic-Font.ttf?v=2.2.0') format('truetype');
font-weight: normal;
font-style: normal;
}
.zmdi {
display: inline-block;
font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.zmdi-hc-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.zmdi-hc-2x {
font-size: 2em;
}
.zmdi-hc-3x {
font-size: 3em;
}
.zmdi-hc-4x {
font-size: 4em;
}
.zmdi-hc-5x {
font-size: 5em;
}
.zmdi-hc-fw {
width: 1.28571429em;
text-align: center;
}
.zmdi-hc-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.zmdi-hc-ul > li {
position: relative;
}
.zmdi-hc-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.zmdi-hc-li.zmdi-hc-lg {
left: -1.85714286em;
}
.zmdi-hc-border {
padding: 0.1em 0.25em;
border: solid 0.1em #9e9e9e;
border-radius: 2px;
}
.zmdi-hc-border-circle {
padding: 0.1em 0.25em;
border: solid 0.1em #9e9e9e;
border-radius: 50%;
}
.zmdi.pull-left {
float: left;
margin-right: 0.15em;
}
.zmdi.pull-right {
float: right;
margin-left: 0.15em;
}
.zmdi-hc-spin {
animation: zmdi-spin 1.5s infinite linear;
}
.zmdi-hc-spin-reverse {
animation: zmdi-spin-reverse 1.5s infinite linear;
}
@keyframes zmdi-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@keyframes zmdi-spin-reverse {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-359deg);
}
}
.zmdi-hc-rotate-90 {
transform: rotate(90deg);
}
.zmdi-hc-rotate-180 {
transform: rotate(180deg);
}
.zmdi-hc-rotate-270 {
transform: rotate(270deg);
}
.zmdi-hc-flip-horizontal {
transform: scale(-1, 1);
}
.zmdi-hc-flip-vertical {
transform: scale(1, -1);
}
.zmdi-hc-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.zmdi-hc-stack-1x,
.zmdi-hc-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.zmdi-hc-stack-1x {
line-height: inherit;
}
.zmdi-hc-stack-2x {
font-size: 2em;
}
.zmdi-hc-inverse {
color: #ffffff;
}
/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.zmdi-3d-rotation:before {
content: '\f101';
}
.zmdi-airplane-off:before {
content: '\f102';
}
.zmdi-airplane:before {
content: '\f103';
}
.zmdi-album:before {
content: '\f104';
}
.zmdi-archive:before {
content: '\f105';
}
.zmdi-assignment-account:before {
content: '\f106';
}
.zmdi-assignment-alert:before {
content: '\f107';
}
.zmdi-assignment-check:before {
content: '\f108';
}
.zmdi-assignment-o:before {
content: '\f109';
}
.zmdi-assignment-return:before {
content: '\f10a';
}
.zmdi-assignment-returned:before {
content: '\f10b';
}
.zmdi-assignment:before {
content: '\f10c';
}
.zmdi-attachment-alt:before {
content: '\f10d';
}
.zmdi-attachment:before {
content: '\f10e';
}
.zmdi-audio:before {
content: '\f10f';
}
.zmdi-badge-check:before {
content: '\f110';
}
.zmdi-balance-wallet:before {
content: '\f111';
}
.zmdi-balance:before {
content: '\f112';
}
.zmdi-battery-alert:before {
content: '\f113';
}
.zmdi-battery-flash:before {
content: '\f114';
}
.zmdi-battery-unknown:before {
content: '\f115';
}
.zmdi-battery:before {
content: '\f116';
}
.zmdi-bike:before {
content: '\f117';
}
.zmdi-block-alt:before {
content: '\f118';
}
.zmdi-block:before {
content: '\f119';
}
.zmdi-boat:before {
content: '\f11a';
}
.zmdi-book-image:before {
content: '\f11b';
}
.zmdi-book:before {
content: '\f11c';
}
.zmdi-bookmark-outline:before {
content: '\f11d';
}
.zmdi-bookmark:before {
content: '\f11e';
}
.zmdi-brush:before {
content: '\f11f';
}
.zmdi-bug:before {
content: '\f120';
}
.zmdi-bus:before {
content: '\f121';
}
.zmdi-cake:before {
content: '\f122';
}
.zmdi-car-taxi:before {
content: '\f123';
}
.zmdi-car-wash:before {
content: '\f124';
}
.zmdi-car:before {
content: '\f125';
}
.zmdi-card-giftcard:before {
content: '\f126';
}
.zmdi-card-membership:before {
content: '\f127';
}
.zmdi-card-travel:before {
content: '\f128';
}
.zmdi-card:before {
content: '\f129';
}
.zmdi-case-check:before {
content: '\f12a';
}
.zmdi-case-download:before {
content: '\f12b';
}
.zmdi-case-play:before {
content: '\f12c';
}
.zmdi-case:before {
content: '\f12d';
}
.zmdi-cast-connected:before {
content: '\f12e';
}
.zmdi-cast:before {
content: '\f12f';
}
.zmdi-chart-donut:before {
content: '\f130';
}
.zmdi-chart:before {
content: '\f131';
}
.zmdi-city-alt:before {
content: '\f132';
}
.zmdi-city:before {
content: '\f133';
}
.zmdi-close-circle-o:before {
content: '\f134';
}
.zmdi-close-circle:before {
content: '\f135';
}
.zmdi-close:before {
content: '\f136';
}
.zmdi-cocktail:before {
content: '\f137';
}
.zmdi-code-setting:before {
content: '\f138';
}
.zmdi-code-smartphone:before {
content: '\f139';
}
.zmdi-code:before {
content: '\f13a';
}
.zmdi-coffee:before {
content: '\f13b';
}
.zmdi-collection-bookmark:before {
content: '\f13c';
}
.zmdi-collection-case-play:before {
content: '\f13d';
}
.zmdi-collection-folder-image:before {
content: '\f13e';
}
.zmdi-collection-image-o:before {
content: '\f13f';
}
.zmdi-collection-image:before {
content: '\f140';
}
.zmdi-collection-item-1:before {
content: '\f141';
}
.zmdi-collection-item-2:before {
content: '\f142';
}
.zmdi-collection-item-3:before {
content: '\f143';
}
.zmdi-collection-item-4:before {
content: '\f144';
}
.zmdi-collection-item-5:before {
content: '\f145';
}
.zmdi-collection-item-6:before {
content: '\f146';
}
.zmdi-collection-item-7:before {
content: '\f147';
}
.zmdi-collection-item-8:before {
content: '\f148';
}
.zmdi-collection-item-9-plus:before {
content: '\f149';
}
.zmdi-collection-item-9:before {
content: '\f14a';
}
.zmdi-collection-item:before {
content: '\f14b';
}
.zmdi-collection-music:before {
content: '\f14c';
}
.zmdi-collection-pdf:before {
content: '\f14d';
}
.zmdi-collection-plus:before {
content: '\f14e';
}
.zmdi-collection-speaker:before {
content: '\f14f';
}
.zmdi-collection-text:before {
content: '\f150';
}
.zmdi-collection-video:before {
content: '\f151';
}
.zmdi-compass:before {
content: '\f152';
}
.zmdi-cutlery:before {
content: '\f153';
}
.zmdi-delete:before {
content: '\f154';
}
.zmdi-dialpad:before {
content: '\f155';
}
.zmdi-dns:before {
content: '\f156';
}
.zmdi-drink:before {
content: '\f157';
}
.zmdi-edit:before {
content: '\f158';
}
.zmdi-email-open:before {
content: '\f159';
}
.zmdi-email:before {
content: '\f15a';
}
.zmdi-eye-off:before {
content: '\f15b';
}
.zmdi-eye:before {
content: '\f15c';
}
.zmdi-eyedropper:before {
content: '\f15d';
}
.zmdi-favorite-outline:before {
content: '\f15e';
}
.zmdi-favorite:before {
content: '\f15f';
}
.zmdi-filter-list:before {
content: '\f160';
}
.zmdi-fire:before {
content: '\f161';
}
.zmdi-flag:before {
content: '\f162';
}
.zmdi-flare:before {
content: '\f163';
}
.zmdi-flash-auto:before {
content: '\f164';
}
.zmdi-flash-off:before {
content: '\f165';
}
.zmdi-flash:before {
content: '\f166';
}
.zmdi-flip:before {
content: '\f167';
}
.zmdi-flower-alt:before {
content: '\f168';
}
.zmdi-flower:before {
content: '\f169';
}
.zmdi-font:before {
content: '\f16a';
}
.zmdi-fullscreen-alt:before {
content: '\f16b';
}
.zmdi-fullscreen-exit:before {
content: '\f16c';
}
.zmdi-fullscreen:before {
content: '\f16d';
}
.zmdi-functions:before {
content: '\f16e';
}
.zmdi-gas-station:before {
content: '\f16f';
}
.zmdi-gesture:before {
content: '\f170';
}
.zmdi-globe-alt:before {
content: '\f171';
}
.zmdi-globe-lock:before {
content: '\f172';
}
.zmdi-globe:before {
content: '\f173';
}
.zmdi-graduation-cap:before {
content: '\f174';
}
.zmdi-home:before {
content: '\f175';
}
.zmdi-hospital-alt:before {
content: '\f176';
}
.zmdi-hospital:before {
content: '\f177';
}
.zmdi-hotel:before {
content: '\f178';
}
.zmdi-hourglass-alt:before {
content: '\f179';
}
.zmdi-hourglass-outline:before {
content: '\f17a';
}
.zmdi-hourglass:before {
content: '\f17b';
}
.zmdi-http:before {
content: '\f17c';
}
.zmdi-image-alt:before {
content: '\f17d';
}
.zmdi-image-o:before {
content: '\f17e';
}
.zmdi-image:before {
content: '\f17f';
}
.zmdi-inbox:before {
content: '\f180';
}
.zmdi-invert-colors-off:before {
content: '\f181';
}
.zmdi-invert-colors:before {
content: '\f182';
}
.zmdi-key:before {
content: '\f183';
}
.zmdi-label-alt-outline:before {
content: '\f184';
}
.zmdi-label-alt:before {
content: '\f185';
}
.zmdi-label-heart:before {
content: '\f186';
}
.zmdi-label:before {
content: '\f187';
}
.zmdi-labels:before {
content: '\f188';
}
.zmdi-lamp:before {
content: '\f189';
}
.zmdi-landscape:before {
content: '\f18a';
}
.zmdi-layers-off:before {
content: '\f18b';
}
.zmdi-layers:before {
content: '\f18c';
}
.zmdi-library:before {
content: '\f18d';
}
.zmdi-link:before {
content: '\f18e';
}
.zmdi-lock-open:before {
content: '\f18f';
}
.zmdi-lock-outline:before {
content: '\f190';
}
.zmdi-lock:before {
content: '\f191';
}
.zmdi-mail-reply-all:before {
content: '\f192';
}
.zmdi-mail-reply:before {
content: '\f193';
}
.zmdi-mail-send:before {
content: '\f194';
}
.zmdi-mall:before {
content: '\f195';
}
.zmdi-map:before {
content: '\f196';
}
.zmdi-menu:before {
content: '\f197';
}
.zmdi-money-box:before {
content: '\f198';
}
.zmdi-money-off:before {
content: '\f199';
}
.zmdi-money:before {
content: '\f19a';
}
.zmdi-more-vert:before {
content: '\f19b';
}
.zmdi-more:before {
content: '\f19c';
}
.zmdi-movie-alt:before {
content: '\f19d';
}
.zmdi-movie:before {
content: '\f19e';
}
.zmdi-nature-people:before {
content: '\f19f';
}
.zmdi-nature:before {
content: '\f1a0';
}
.zmdi-navigation:before {
content: '\f1a1';
}
.zmdi-open-in-browser:before {
content: '\f1a2';
}
.zmdi-open-in-new:before {
content: '\f1a3';
}
.zmdi-palette:before {
content: '\f1a4';
}
.zmdi-parking:before {
content: '\f1a5';
}
.zmdi-pin-account:before {
content: '\f1a6';
}
.zmdi-pin-assistant:before {
content: '\f1a7';
}
.zmdi-pin-drop:before {
content: '\f1a8';
}
.zmdi-pin-help:before {
content: '\f1a9';
}
.zmdi-pin-off:before {
content: '\f1aa';
}
.zmdi-pin:before {
content: '\f1ab';
}
.zmdi-pizza:before {
content: '\f1ac';
}
.zmdi-plaster:before {
content: '\f1ad';
}
.zmdi-power-setting:before {
content: '\f1ae';
}
.zmdi-power:before {
content: '\f1af';
}
.zmdi-print:before {
content: '\f1b0';
}
.zmdi-puzzle-piece:before {
content: '\f1b1';
}
.zmdi-quote:before {
content: '\f1b2';
}
.zmdi-railway:before {
content: '\f1b3';
}
.zmdi-receipt:before {
content: '\f1b4';
}
.zmdi-refresh-alt:before {
content: '\f1b5';
}
.zmdi-refresh-sync-alert:before {
content: '\f1b6';
}
.zmdi-refresh-sync-off:before {
content: '\f1b7';
}
.zmdi-refresh-sync:before {
content: '\f1b8';
}
.zmdi-refresh:before {
content: '\f1b9';
}
.zmdi-roller:before {
content: '\f1ba';
}
.zmdi-ruler:before {
content: '\f1bb';
}
.zmdi-scissors:before {
content: '\f1bc';
}
.zmdi-screen-rotation-lock:before {
content: '\f1bd';
}
.zmdi-screen-rotation:before {
content: '\f1be';
}
.zmdi-search-for:before {
content: '\f1bf';
}
.zmdi-search-in-file:before {
content: '\f1c0';
}
.zmdi-search-in-page:before {
content: '\f1c1';
}
.zmdi-search-replace:before {
content: '\f1c2';
}
.zmdi-search:before {
content: '\f1c3';
}
.zmdi-seat:before {
content: '\f1c4';
}
.zmdi-settings-square:before {
content: '\f1c5';
}
.zmdi-settings:before {
content: '\f1c6';
}
.zmdi-shield-check:before {
content: '\f1c7';
}
.zmdi-shield-security:before {
content: '\f1c8';
}
.zmdi-shopping-basket:before {
content: '\f1c9';
}
.zmdi-shopping-cart-plus:before {
content: '\f1ca';
}
.zmdi-shopping-cart:before {
content: '\f1cb';
}
.zmdi-sign-in:before {
content: '\f1cc';
}
.zmdi-sort-amount-asc:before {
content: '\f1cd';
}
.zmdi-sort-amount-desc:before {
content: '\f1ce';
}
.zmdi-sort-asc:before {
content: '\f1cf';
}
.zmdi-sort-desc:before {
content: '\f1d0';
}
.zmdi-spellcheck:before {
content: '\f1d1';
}
.zmdi-storage:before {
content: '\f1d2';
}
.zmdi-store-24:before {
content: '\f1d3';
}
.zmdi-store:before {
content: '\f1d4';
}
.zmdi-subway:before {
content: '\f1d5';
}
.zmdi-sun:before {
content: '\f1d6';
}
.zmdi-tab-unselected:before {
content: '\f1d7';
}
.zmdi-tab:before {
content: '\f1d8';
}
.zmdi-tag-close:before {
content: '\f1d9';
}
.zmdi-tag-more:before {
content: '\f1da';
}
.zmdi-tag:before {
content: '\f1db';
}
.zmdi-thumb-down:before {
content: '\f1dc';
}
.zmdi-thumb-up-down:before {
content: '\f1dd';
}
.zmdi-thumb-up:before {
content: '\f1de';
}
.zmdi-ticket-star:before {
content: '\f1df';
}
.zmdi-toll:before {
content: '\f1e0';
}
.zmdi-toys:before {
content: '\f1e1';
}
.zmdi-traffic:before {
content: '\f1e2';
}
.zmdi-translate:before {
content: '\f1e3';
}
.zmdi-triangle-down:before {
content: '\f1e4';
}
.zmdi-triangle-up:before {
content: '\f1e5';
}
.zmdi-truck:before {
content: '\f1e6';
}
.zmdi-turning-sign:before {
content: '\f1e7';
}
.zmdi-wallpaper:before {
content: '\f1e8';
}
.zmdi-washing-machine:before {
content: '\f1e9';
}
.zmdi-window-maximize:before {
content: '\f1ea';
}
.zmdi-window-minimize:before {
content: '\f1eb';
}
.zmdi-window-restore:before {
content: '\f1ec';
}
.zmdi-wrench:before {
content: '\f1ed';
}
.zmdi-zoom-in:before {
content: '\f1ee';
}
.zmdi-zoom-out:before {
content: '\f1ef';
}
.zmdi-alert-circle-o:before {
content: '\f1f0';
}
.zmdi-alert-circle:before {
content: '\f1f1';
}
.zmdi-alert-octagon:before {
content: '\f1f2';
}
.zmdi-alert-polygon:before {
content: '\f1f3';
}
.zmdi-alert-triangle:before {
content: '\f1f4';
}
.zmdi-help-outline:before {
content: '\f1f5';
}
.zmdi-help:before {
content: '\f1f6';
}
.zmdi-info-outline:before {
content: '\f1f7';
}
.zmdi-info:before {
content: '\f1f8';
}
.zmdi-notifications-active:before {
content: '\f1f9';
}
.zmdi-notifications-add:before {
content: '\f1fa';
}
.zmdi-notifications-none:before {
content: '\f1fb';
}
.zmdi-notifications-off:before {
content: '\f1fc';
}
.zmdi-notifications-paused:before {
content: '\f1fd';
}
.zmdi-notifications:before {
content: '\f1fe';
}
.zmdi-account-add:before {
content: '\f1ff';
}
.zmdi-account-box-mail:before {
content: '\f200';
}
.zmdi-account-box-o:before {
content: '\f201';
}
.zmdi-account-box-phone:before {
content: '\f202';
}
.zmdi-account-box:before {
content: '\f203';
}
.zmdi-account-calendar:before {
content: '\f204';
}
.zmdi-account-circle:before {
content: '\f205';
}
.zmdi-account-o:before {
content: '\f206';
}
.zmdi-account:before {
content: '\f207';
}
.zmdi-accounts-add:before {
content: '\f208';
}
.zmdi-accounts-alt:before {
content: '\f209';
}
.zmdi-accounts-list-alt:before {
content: '\f20a';
}
.zmdi-accounts-list:before {
content: '\f20b';
}
.zmdi-accounts-outline:before {
content: '\f20c';
}
.zmdi-accounts:before {
content: '\f20d';
}
.zmdi-face:before {
content: '\f20e';
}
.zmdi-female:before {
content: '\f20f';
}
.zmdi-male-alt:before {
content: '\f210';
}
.zmdi-male-female:before {
content: '\f211';
}
.zmdi-male:before {
content: '\f212';
}
.zmdi-mood-bad:before {
content: '\f213';
}
.zmdi-mood:before {
content: '\f214';
}
.zmdi-run:before {
content: '\f215';
}
.zmdi-walk:before {
content: '\f216';
}
.zmdi-cloud-box:before {
content: '\f217';
}
.zmdi-cloud-circle:before {
content: '\f218';
}
.zmdi-cloud-done:before {
content: '\f219';
}
.zmdi-cloud-download:before {
content: '\f21a';
}
.zmdi-cloud-off:before {
content: '\f21b';
}
.zmdi-cloud-outline-alt:before {
content: '\f21c';
}
.zmdi-cloud-outline:before {
content: '\f21d';
}
.zmdi-cloud-upload:before {
content: '\f21e';
}
.zmdi-cloud:before {
content: '\f21f';
}
.zmdi-download:before {
content: '\f220';
}
.zmdi-file-plus:before {
content: '\f221';
}
.zmdi-file-text:before {
content: '\f222';
}
.zmdi-file:before {
content: '\f223';
}
.zmdi-folder-outline:before {
content: '\f224';
}
.zmdi-folder-person:before {
content: '\f225';
}
.zmdi-folder-star-alt:before {
content: '\f226';
}
.zmdi-folder-star:before {
content: '\f227';
}
.zmdi-folder:before {
content: '\f228';
}
.zmdi-gif:before {
content: '\f229';
}
.zmdi-upload:before {
content: '\f22a';
}
.zmdi-border-all:before {
content: '\f22b';
}
.zmdi-border-bottom:before {
content: '\f22c';
}
.zmdi-border-clear:before {
content: '\f22d';
}
.zmdi-border-color:before {
content: '\f22e';
}
.zmdi-border-horizontal:before {
content: '\f22f';
}
.zmdi-border-inner:before {
content: '\f230';
}
.zmdi-border-left:before {
content: '\f231';
}
.zmdi-border-outer:before {
content: '\f232';
}
.zmdi-border-right:before {
content: '\f233';
}
.zmdi-border-style:before {
content: '\f234';
}
.zmdi-border-top:before {
content: '\f235';
}
.zmdi-border-vertical:before {
content: '\f236';
}
.zmdi-copy:before {
content: '\f237';
}
.zmdi-crop:before {
content: '\f238';
}
.zmdi-format-align-center:before {
content: '\f239';
}
.zmdi-format-align-justify:before {
content: '\f23a';
}
.zmdi-format-align-left:before {
content: '\f23b';
}
.zmdi-format-align-right:before {
content: '\f23c';
}
.zmdi-format-bold:before {
content: '\f23d';
}
.zmdi-format-clear-all:before {
content: '\f23e';
}
.zmdi-format-clear:before {
content: '\f23f';
}
.zmdi-format-color-fill:before {
content: '\f240';
}
.zmdi-format-color-reset:before {
content: '\f241';
}
.zmdi-format-color-text:before {
content: '\f242';
}
.zmdi-format-indent-decrease:before {
content: '\f243';
}
.zmdi-format-indent-increase:before {
content: '\f244';
}
.zmdi-format-italic:before {
content: '\f245';
}
.zmdi-format-line-spacing:before {
content: '\f246';
}
.zmdi-format-list-bulleted:before {
content: '\f247';
}
.zmdi-format-list-numbered:before {
content: '\f248';
}
.zmdi-format-ltr:before {
content: '\f249';
}
.zmdi-format-rtl:before {
content: '\f24a';
}
.zmdi-format-size:before {
content: '\f24b';
}
.zmdi-format-strikethrough-s:before {
content: '\f24c';
}
.zmdi-format-strikethrough:before {
content: '\f24d';
}
.zmdi-format-subject:before {
content: '\f24e';
}
.zmdi-format-underlined:before {
content: '\f24f';
}
.zmdi-format-valign-bottom:before {
content: '\f250';
}
.zmdi-format-valign-center:before {
content: '\f251';
}
.zmdi-format-valign-top:before {
content: '\f252';
}
.zmdi-redo:before {
content: '\f253';
}
.zmdi-select-all:before {
content: '\f254';
}
.zmdi-space-bar:before {
content: '\f255';
}
.zmdi-text-format:before {
content: '\f256';
}
.zmdi-transform:before {
content: '\f257';
}
.zmdi-undo:before {
content: '\f258';
}
.zmdi-wrap-text:before {
content: '\f259';
}
.zmdi-comment-alert:before {
content: '\f25a';
}
.zmdi-comment-alt-text:before {
content: '\f25b';
}
.zmdi-comment-alt:before {
content: '\f25c';
}
.zmdi-comment-edit:before {
content: '\f25d';
}
.zmdi-comment-image:before {
content: '\f25e';
}
.zmdi-comment-list:before {
content: '\f25f';
}
.zmdi-comment-more:before {
content: '\f260';
}
.zmdi-comment-outline:before {
content: '\f261';
}
.zmdi-comment-text-alt:before {
content: '\f262';
}
.zmdi-comment-text:before {
content: '\f263';
}
.zmdi-comment-video:before {
content: '\f264';
}
.zmdi-comment:before {
content: '\f265';
}
.zmdi-comments:before {
content: '\f266';
}
.zmdi-check-all:before {
content: '\f267';
}
.zmdi-check-circle-u:before {
content: '\f268';
}
.zmdi-check-circle:before {
content: '\f269';
}
.zmdi-check-square:before {
content: '\f26a';
}
.zmdi-check:before {
content: '\f26b';
}
.zmdi-circle-o:before {
content: '\f26c';
}
.zmdi-circle:before {
content: '\f26d';
}
.zmdi-dot-circle-alt:before {
content: '\f26e';
}
.zmdi-dot-circle:before {
content: '\f26f';
}
.zmdi-minus-circle-outline:before {
content: '\f270';
}
.zmdi-minus-circle:before {
content: '\f271';
}
.zmdi-minus-square:before {
content: '\f272';
}
.zmdi-minus:before {
content: '\f273';
}
.zmdi-plus-circle-o-duplicate:before {
content: '\f274';
}
.zmdi-plus-circle-o:before {
content: '\f275';
}
.zmdi-plus-circle:before {
content: '\f276';
}
.zmdi-plus-square:before {
content: '\f277';
}
.zmdi-plus:before {
content: '\f278';
}
.zmdi-square-o:before {
content: '\f279';
}
.zmdi-star-circle:before {
content: '\f27a';
}
.zmdi-star-half:before {
content: '\f27b';
}
.zmdi-star-outline:before {
content: '\f27c';
}
.zmdi-star:before {
content: '\f27d';
}
.zmdi-bluetooth-connected:before {
content: '\f27e';
}
.zmdi-bluetooth-off:before {
content: '\f27f';
}
.zmdi-bluetooth-search:before {
content: '\f280';
}
.zmdi-bluetooth-setting:before {
content: '\f281';
}
.zmdi-bluetooth:before {
content: '\f282';
}
.zmdi-camera-add:before {
content: '\f283';
}
.zmdi-camera-alt:before {
content: '\f284';
}
.zmdi-camera-bw:before {
content: '\f285';
}
.zmdi-camera-front:before {
content: '\f286';
}
.zmdi-camera-mic:before {
content: '\f287';
}
.zmdi-camera-party-mode:before {
content: '\f288';
}
.zmdi-camera-rear:before {
content: '\f289';
}
.zmdi-camera-roll:before {
content: '\f28a';
}
.zmdi-camera-switch:before {
content: '\f28b';
}
.zmdi-camera:before {
content: '\f28c';
}
.zmdi-card-alert:before {
content: '\f28d';
}
.zmdi-card-off:before {
content: '\f28e';
}
.zmdi-card-sd:before {
content: '\f28f';
}
.zmdi-card-sim:before {
content: '\f290';
}
.zmdi-desktop-mac:before {
content: '\f291';
}
.zmdi-desktop-windows:before {
content: '\f292';
}
.zmdi-device-hub:before {
content: '\f293';
}
.zmdi-devices-off:before {
content: '\f294';
}
.zmdi-devices:before {
content: '\f295';
}
.zmdi-dock:before {
content: '\f296';
}
.zmdi-floppy:before {
content: '\f297';
}
.zmdi-gamepad:before {
content: '\f298';
}
.zmdi-gps-dot:before {
content: '\f299';
}
.zmdi-gps-off:before {
content: '\f29a';
}
.zmdi-gps:before {
content: '\f29b';
}
.zmdi-headset-mic:before {
content: '\f29c';
}
.zmdi-headset:before {
content: '\f29d';
}
.zmdi-input-antenna:before {
content: '\f29e';
}
.zmdi-input-composite:before {
content: '\f29f';
}
.zmdi-input-hdmi:before {
content: '\f2a0';
}
.zmdi-input-power:before {
content: '\f2a1';
}
.zmdi-input-svideo:before {
content: '\f2a2';
}
.zmdi-keyboard-hide:before {
content: '\f2a3';
}
.zmdi-keyboard:before {
content: '\f2a4';
}
.zmdi-laptop-chromebook:before {
content: '\f2a5';
}
.zmdi-laptop-mac:before {
content: '\f2a6';
}
.zmdi-laptop:before {
content: '\f2a7';
}
.zmdi-mic-off:before {
content: '\f2a8';
}
.zmdi-mic-outline:before {
content: '\f2a9';
}
.zmdi-mic-setting:before {
content: '\f2aa';
}
.zmdi-mic:before {
content: '\f2ab';
}
.zmdi-mouse:before {
content: '\f2ac';
}
.zmdi-network-alert:before {
content: '\f2ad';
}
.zmdi-network-locked:before {
content: '\f2ae';
}
.zmdi-network-off:before {
content: '\f2af';
}
.zmdi-network-outline:before {
content: '\f2b0';
}
.zmdi-network-setting:before {
content: '\f2b1';
}
.zmdi-network:before {
content: '\f2b2';
}
.zmdi-phone-bluetooth:before {
content: '\f2b3';
}
.zmdi-phone-end:before {
content: '\f2b4';
}
.zmdi-phone-forwarded:before {
content: '\f2b5';
}
.zmdi-phone-in-talk:before {
content: '\f2b6';
}
.zmdi-phone-locked:before {
content: '\f2b7';
}
.zmdi-phone-missed:before {
content: '\f2b8';
}
.zmdi-phone-msg:before {
content: '\f2b9';
}
.zmdi-phone-paused:before {
content: '\f2ba';
}
.zmdi-phone-ring:before {
content: '\f2bb';
}
.zmdi-phone-setting:before {
content: '\f2bc';
}
.zmdi-phone-sip:before {
content: '\f2bd';
}
.zmdi-phone:before {
content: '\f2be';
}
.zmdi-portable-wifi-changes:before {
content: '\f2bf';
}
.zmdi-portable-wifi-off:before {
content: '\f2c0';
}
.zmdi-portable-wifi:before {
content: '\f2c1';
}
.zmdi-radio:before {
content: '\f2c2';
}
.zmdi-reader:before {
content: '\f2c3';
}
.zmdi-remote-control-alt:before {
content: '\f2c4';
}
.zmdi-remote-control:before {
content: '\f2c5';
}
.zmdi-router:before {
content: '\f2c6';
}
.zmdi-scanner:before {
content: '\f2c7';
}
.zmdi-smartphone-android:before {
content: '\f2c8';
}
.zmdi-smartphone-download:before {
content: '\f2c9';
}
.zmdi-smartphone-erase:before {
content: '\f2ca';
}
.zmdi-smartphone-info:before {
content: '\f2cb';
}
.zmdi-smartphone-iphone:before {
content: '\f2cc';
}
.zmdi-smartphone-landscape-lock:before {
content: '\f2cd';
}
.zmdi-smartphone-landscape:before {
content: '\f2ce';
}
.zmdi-smartphone-lock:before {
content: '\f2cf';
}
.zmdi-smartphone-portrait-lock:before {
content: '\f2d0';
}
.zmdi-smartphone-ring:before {
content: '\f2d1';
}
.zmdi-smartphone-setting:before {
content: '\f2d2';
}
.zmdi-smartphone-setup:before {
content: '\f2d3';
}
.zmdi-smartphone:before {
content: '\f2d4';
}
.zmdi-speaker:before {
content: '\f2d5';
}
.zmdi-tablet-android:before {
content: '\f2d6';
}
.zmdi-tablet-mac:before {
content: '\f2d7';
}
.zmdi-tablet:before {
content: '\f2d8';
}
.zmdi-tv-alt-play:before {
content: '\f2d9';
}
.zmdi-tv-list:before {
content: '\f2da';
}
.zmdi-tv-play:before {
content: '\f2db';
}
.zmdi-tv:before {
content: '\f2dc';
}
.zmdi-usb:before {
content: '\f2dd';
}
.zmdi-videocam-off:before {
content: '\f2de';
}
.zmdi-videocam-switch:before {
content: '\f2df';
}
.zmdi-videocam:before {
content: '\f2e0';
}
.zmdi-watch:before {
content: '\f2e1';
}
.zmdi-wifi-alt-2:before {
content: '\f2e2';
}
.zmdi-wifi-alt:before {
content: '\f2e3';
}
.zmdi-wifi-info:before {
content: '\f2e4';
}
.zmdi-wifi-lock:before {
content: '\f2e5';
}
.zmdi-wifi-off:before {
content: '\f2e6';
}
.zmdi-wifi-outline:before {
content: '\f2e7';
}
.zmdi-wifi:before {
content: '\f2e8';
}
.zmdi-arrow-left-bottom:before {
content: '\f2e9';
}
.zmdi-arrow-left:before {
content: '\f2ea';
}
.zmdi-arrow-merge:before {
content: '\f2eb';
}
.zmdi-arrow-missed:before {
content: '\f2ec';
}
.zmdi-arrow-right-top:before {
content: '\f2ed';
}
.zmdi-arrow-right:before {
content: '\f2ee';
}
.zmdi-arrow-split:before {
content: '\f2ef';
}
.zmdi-arrows:before {
content: '\f2f0';
}
.zmdi-caret-down-circle:before {
content: '\f2f1';
}
.zmdi-caret-down:before {
content: '\f2f2';
}
.zmdi-caret-left-circle:before {
content: '\f2f3';
}
.zmdi-caret-left:before {
content: '\f2f4';
}
.zmdi-caret-right-circle:before {
content: '\f2f5';
}
.zmdi-caret-right:before {
content: '\f2f6';
}
.zmdi-caret-up-circle:before {
content: '\f2f7';
}
.zmdi-caret-up:before {
content: '\f2f8';
}
.zmdi-chevron-down:before {
content: '\f2f9';
}
.zmdi-chevron-left:before {
content: '\f2fa';
}
.zmdi-chevron-right:before {
content: '\f2fb';
}
.zmdi-chevron-up:before {
content: '\f2fc';
}
.zmdi-forward:before {
content: '\f2fd';
}
.zmdi-long-arrow-down:before {
content: '\f2fe';
}
.zmdi-long-arrow-left:before {
content: '\f2ff';
}
.zmdi-long-arrow-return:before {
content: '\f300';
}
.zmdi-long-arrow-right:before {
content: '\f301';
}
.zmdi-long-arrow-tab:before {
content: '\f302';
}
.zmdi-long-arrow-up:before {
content: '\f303';
}
.zmdi-rotate-ccw:before {
content: '\f304';
}
.zmdi-rotate-cw:before {
content: '\f305';
}
.zmdi-rotate-left:before {
content: '\f306';
}
.zmdi-rotate-right:before {
content: '\f307';
}
.zmdi-square-down:before {
content: '\f308';
}
.zmdi-square-right:before {
content: '\f309';
}
.zmdi-swap-alt:before {
content: '\f30a';
}
.zmdi-swap-vertical-circle:before {
content: '\f30b';
}
.zmdi-swap-vertical:before {
content: '\f30c';
}
.zmdi-swap:before {
content: '\f30d';
}
.zmdi-trending-down:before {
content: '\f30e';
}
.zmdi-trending-flat:before {
content: '\f30f';
}
.zmdi-trending-up:before {
content: '\f310';
}
.zmdi-unfold-less:before {
content: '\f311';
}
.zmdi-unfold-more:before {
content: '\f312';
}
.zmdi-apps:before {
content: '\f313';
}
.zmdi-grid-off:before {
content: '\f314';
}
.zmdi-grid:before {
content: '\f315';
}
.zmdi-view-agenda:before {
content: '\f316';
}
.zmdi-view-array:before {
content: '\f317';
}
.zmdi-view-carousel:before {
content: '\f318';
}
.zmdi-view-column:before {
content: '\f319';
}
.zmdi-view-comfy:before {
content: '\f31a';
}
.zmdi-view-compact:before {
content: '\f31b';
}
.zmdi-view-dashboard:before {
content: '\f31c';
}
.zmdi-view-day:before {
content: '\f31d';
}
.zmdi-view-headline:before {
content: '\f31e';
}
.zmdi-view-list-alt:before {
content: '\f31f';
}
.zmdi-view-list:before {
content: '\f320';
}
.zmdi-view-module:before {
content: '\f321';
}
.zmdi-view-quilt:before {
content: '\f322';
}
.zmdi-view-stream:before {
content: '\f323';
}
.zmdi-view-subtitles:before {
content: '\f324';
}
.zmdi-view-toc:before {
content: '\f325';
}
.zmdi-view-web:before {
content: '\f326';
}
.zmdi-view-week:before {
content: '\f327';
}
.zmdi-widgets:before {
content: '\f328';
}
.zmdi-alarm-check:before {
content: '\f329';
}
.zmdi-alarm-off:before {
content: '\f32a';
}
.zmdi-alarm-plus:before {
content: '\f32b';
}
.zmdi-alarm-snooze:before {
content: '\f32c';
}
.zmdi-alarm:before {
content: '\f32d';
}
.zmdi-calendar-alt:before {
content: '\f32e';
}
.zmdi-calendar-check:before {
content: '\f32f';
}
.zmdi-calendar-close:before {
content: '\f330';
}
.zmdi-calendar-note:before {
content: '\f331';
}
.zmdi-calendar:before {
content: '\f332';
}
.zmdi-time-countdown:before {
content: '\f333';
}
.zmdi-time-interval:before {
content: '\f334';
}
.zmdi-time-restore-setting:before {
content: '\f335';
}
.zmdi-time-restore:before {
content: '\f336';
}
.zmdi-time:before {
content: '\f337';
}
.zmdi-timer-off:before {
content: '\f338';
}
.zmdi-timer:before {
content: '\f339';
}
.zmdi-android-alt:before {
content: '\f33a';
}
.zmdi-android:before {
content: '\f33b';
}
.zmdi-apple:before {
content: '\f33c';
}
.zmdi-behance:before {
content: '\f33d';
}
.zmdi-codepen:before {
content: '\f33e';
}
.zmdi-dribbble:before {
content: '\f33f';
}
.zmdi-dropbox:before {
content: '\f340';
}
.zmdi-evernote:before {
content: '\f341';
}
.zmdi-facebook-box:before {
content: '\f342';
}
.zmdi-facebook:before {
content: '\f343';
}
.zmdi-github-box:before {
content: '\f344';
}
.zmdi-github:before {
content: '\f345';
}
.zmdi-google-drive:before {
content: '\f346';
}
.zmdi-google-earth:before {
content: '\f347';
}
.zmdi-google-glass:before {
content: '\f348';
}
.zmdi-google-maps:before {
content: '\f349';
}
.zmdi-google-pages:before {
content: '\f34a';
}
.zmdi-google-play:before {
content: '\f34b';
}
.zmdi-google-plus-box:before {
content: '\f34c';
}
.zmdi-google-plus:before {
content: '\f34d';
}
.zmdi-google:before {
content: '\f34e';
}
.zmdi-instagram:before {
content: '\f34f';
}
.zmdi-language-css3:before {
content: '\f350';
}
.zmdi-language-html5:before {
content: '\f351';
}
.zmdi-language-javascript:before {
content: '\f352';
}
.zmdi-language-python-alt:before {
content: '\f353';
}
.zmdi-language-python:before {
content: '\f354';
}
.zmdi-lastfm:before {
content: '\f355';
}
.zmdi-linkedin-box:before {
content: '\f356';
}
.zmdi-paypal:before {
content: '\f357';
}
.zmdi-pinterest-box:before {
content: '\f358';
}
.zmdi-pocket:before {
content: '\f359';
}
.zmdi-polymer:before {
content: '\f35a';
}
.zmdi-share:before {
content: '\f35b';
}
.zmdi-stackoverflow:before {
content: '\f35c';
}
.zmdi-steam-square:before {
content: '\f35d';
}
.zmdi-steam:before {
content: '\f35e';
}
.zmdi-twitter-box:before {
content: '\f35f';
}
.zmdi-twitter:before {
content: '\f360';
}
.zmdi-vk:before {
content: '\f361';
}
.zmdi-wikipedia:before {
content: '\f362';
}
.zmdi-windows:before {
content: '\f363';
}
.zmdi-aspect-ratio-alt:before {
content: '\f364';
}
.zmdi-aspect-ratio:before {
content: '\f365';
}
.zmdi-blur-circular:before {
content: '\f366';
}
.zmdi-blur-linear:before {
content: '\f367';
}
.zmdi-blur-off:before {
content: '\f368';
}
.zmdi-blur:before {
content: '\f369';
}
.zmdi-brightness-2:before {
content: '\f36a';
}
.zmdi-brightness-3:before {
content: '\f36b';
}
.zmdi-brightness-4:before {
content: '\f36c';
}
.zmdi-brightness-5:before {
content: '\f36d';
}
.zmdi-brightness-6:before {
content: '\f36e';
}
.zmdi-brightness-7:before {
content: '\f36f';
}
.zmdi-brightness-auto:before {
content: '\f370';
}
.zmdi-brightness-setting:before {
content: '\f371';
}
.zmdi-broken-image:before {
content: '\f372';
}
.zmdi-center-focus-strong:before {
content: '\f373';
}
.zmdi-center-focus-weak:before {
content: '\f374';
}
.zmdi-compare:before {
content: '\f375';
}
.zmdi-crop-16-9:before {
content: '\f376';
}
.zmdi-crop-3-2:before {
content: '\f377';
}
.zmdi-crop-5-4:before {
content: '\f378';
}
.zmdi-crop-7-5:before {
content: '\f379';
}
.zmdi-crop-din:before {
content: '\f37a';
}
.zmdi-crop-free:before {
content: '\f37b';
}
.zmdi-crop-landscape:before {
content: '\f37c';
}
.zmdi-crop-portrait:before {
content: '\f37d';
}
.zmdi-crop-square:before {
content: '\f37e';
}
.zmdi-exposure-alt:before {
content: '\f37f';
}
.zmdi-exposure:before {
content: '\f380';
}
.zmdi-filter-b-and-w:before {
content: '\f381';
}
.zmdi-filter-center-focus:before {
content: '\f382';
}
.zmdi-filter-frames:before {
content: '\f383';
}
.zmdi-filter-tilt-shift:before {
content: '\f384';
}
.zmdi-gradient:before {
content: '\f385';
}
.zmdi-grain:before {
content: '\f386';
}
.zmdi-graphic-eq:before {
content: '\f387';
}
.zmdi-hdr-off:before {
content: '\f388';
}
.zmdi-hdr-strong:before {
content: '\f389';
}
.zmdi-hdr-weak:before {
content: '\f38a';
}
.zmdi-hdr:before {
content: '\f38b';
}
.zmdi-iridescent:before {
content: '\f38c';
}
.zmdi-leak-off:before {
content: '\f38d';
}
.zmdi-leak:before {
content: '\f38e';
}
.zmdi-looks:before {
content: '\f38f';
}
.zmdi-loupe:before {
content: '\f390';
}
.zmdi-panorama-horizontal:before {
content: '\f391';
}
.zmdi-panorama-vertical:before {
content: '\f392';
}
.zmdi-panorama-wide-angle:before {
content: '\f393';
}
.zmdi-photo-size-select-large:before {
content: '\f394';
}
.zmdi-photo-size-select-small:before {
content: '\f395';
}
.zmdi-picture-in-picture:before {
content: '\f396';
}
.zmdi-slideshow:before {
content: '\f397';
}
.zmdi-texture:before {
content: '\f398';
}
.zmdi-tonality:before {
content: '\f399';
}
.zmdi-vignette:before {
content: '\f39a';
}
.zmdi-wb-auto:before {
content: '\f39b';
}
.zmdi-eject-alt:before {
content: '\f39c';
}
.zmdi-eject:before {
content: '\f39d';
}
.zmdi-equalizer:before {
content: '\f39e';
}
.zmdi-fast-forward:before {
content: '\f39f';
}
.zmdi-fast-rewind:before {
content: '\f3a0';
}
.zmdi-forward-10:before {
content: '\f3a1';
}
.zmdi-forward-30:before {
content: '\f3a2';
}
.zmdi-forward-5:before {
content: '\f3a3';
}
.zmdi-hearing:before {
content: '\f3a4';
}
.zmdi-pause-circle-outline:before {
content: '\f3a5';
}
.zmdi-pause-circle:before {
content: '\f3a6';
}
.zmdi-pause:before {
content: '\f3a7';
}
.zmdi-play-circle-outline:before {
content: '\f3a8';
}
.zmdi-play-circle:before {
content: '\f3a9';
}
.zmdi-play:before {
content: '\f3aa';
}
.zmdi-playlist-audio:before {
content: '\f3ab';
}
.zmdi-playlist-plus:before {
content: '\f3ac';
}
.zmdi-repeat-one:before {
content: '\f3ad';
}
.zmdi-repeat:before {
content: '\f3ae';
}
.zmdi-replay-10:before {
content: '\f3af';
}
.zmdi-replay-30:before {
content: '\f3b0';
}
.zmdi-replay-5:before {
content: '\f3b1';
}
.zmdi-replay:before {
content: '\f3b2';
}
.zmdi-shuffle:before {
content: '\f3b3';
}
.zmdi-skip-next:before {
content: '\f3b4';
}
.zmdi-skip-previous:before {
content: '\f3b5';
}
.zmdi-stop:before {
content: '\f3b6';
}
.zmdi-surround-sound:before {
content: '\f3b7';
}
.zmdi-tune:before {
content: '\f3b8';
}
.zmdi-volume-down:before {
content: '\f3b9';
}
.zmdi-volume-mute:before {
content: '\f3ba';
}
.zmdi-volume-off:before {
content: '\f3bb';
}
.zmdi-volume-up:before {
content: '\f3bc';
}
.zmdi-n-1-square:before {
content: '\f3bd';
}
.zmdi-n-2-square:before {
content: '\f3be';
}
.zmdi-n-3-square:before {
content: '\f3bf';
}
.zmdi-n-4-square:before {
content: '\f3c0';
}
.zmdi-n-5-square:before {
content: '\f3c1';
}
.zmdi-n-6-square:before {
content: '\f3c2';
}
.zmdi-neg-1:before {
content: '\f3c3';
}
.zmdi-neg-2:before {
content: '\f3c4';
}
.zmdi-plus-1:before {
content: '\f3c5';
}
.zmdi-plus-2:before {
content: '\f3c6';
}
.zmdi-sec-10:before {
content: '\f3c7';
}
.zmdi-sec-3:before {
content: '\f3c8';
}
.zmdi-zero:before {
content: '\f3c9';
}
.zmdi-airline-seat-flat-angled:before {
content: '\f3ca';
}
.zmdi-airline-seat-flat:before {
content: '\f3cb';
}
.zmdi-airline-seat-individual-suite:before {
content: '\f3cc';
}
.zmdi-airline-seat-legroom-extra:before {
content: '\f3cd';
}
.zmdi-airline-seat-legroom-normal:before {
content: '\f3ce';
}
.zmdi-airline-seat-legroom-reduced:before {
content: '\f3cf';
}
.zmdi-airline-seat-recline-extra:before {
content: '\f3d0';
}
.zmdi-airline-seat-recline-normal:before {
content: '\f3d1';
}
.zmdi-airplay:before {
content: '\f3d2';
}
.zmdi-closed-caption:before {
content: '\f3d3';
}
.zmdi-confirmation-number:before {
content: '\f3d4';
}
.zmdi-developer-board:before {
content: '\f3d5';
}
.zmdi-disc-full:before {
content: '\f3d6';
}
.zmdi-explicit:before {
content: '\f3d7';
}
.zmdi-flight-land:before {
content: '\f3d8';
}
.zmdi-flight-takeoff:before {
content: '\f3d9';
}
.zmdi-flip-to-back:before {
content: '\f3da';
}
.zmdi-flip-to-front:before {
content: '\f3db';
}
.zmdi-group-work:before {
content: '\f3dc';
}
.zmdi-hd:before {
content: '\f3dd';
}
.zmdi-hq:before {
content: '\f3de';
}
.zmdi-markunread-mailbox:before {
content: '\f3df';
}
.zmdi-memory:before {
content: '\f3e0';
}
.zmdi-nfc:before {
content: '\f3e1';
}
.zmdi-play-for-work:before {
content: '\f3e2';
}
.zmdi-power-input:before {
content: '\f3e3';
}
.zmdi-present-to-all:before {
content: '\f3e4';
}
.zmdi-satellite:before {
content: '\f3e5';
}
.zmdi-tap-and-play:before {
content: '\f3e6';
}
.zmdi-vibration:before {
content: '\f3e7';
}
.zmdi-voicemail:before {
content: '\f3e8';
}
.zmdi-group:before {
content: '\f3e9';
}
.zmdi-rss:before {
content: '\f3ea';
}
.zmdi-shape:before {
content: '\f3eb';
}
.zmdi-spinner:before {
content: '\f3ec';
}
.zmdi-ungroup:before {
content: '\f3ed';
}
.zmdi-500px:before {
content: '\f3ee';
}
.zmdi-8tracks:before {
content: '\f3ef';
}
.zmdi-amazon:before {
content: '\f3f0';
}
.zmdi-blogger:before {
content: '\f3f1';
}
.zmdi-delicious:before {
content: '\f3f2';
}
.zmdi-disqus:before {
content: '\f3f3';
}
.zmdi-flattr:before {
content: '\f3f4';
}
.zmdi-flickr:before {
content: '\f3f5';
}
.zmdi-github-alt:before {
content: '\f3f6';
}
.zmdi-google-old:before {
content: '\f3f7';
}
.zmdi-linkedin:before {
content: '\f3f8';
}
.zmdi-odnoklassniki:before {
content: '\f3f9';
}
.zmdi-outlook:before {
content: '\f3fa';
}
.zmdi-paypal-alt:before {
content: '\f3fb';
}
.zmdi-pinterest:before {
content: '\f3fc';
}
.zmdi-playstation:before {
content: '\f3fd';
}
.zmdi-reddit:before {
content: '\f3fe';
}
.zmdi-skype:before {
content: '\f3ff';
}
.zmdi-slideshare:before {
content: '\f400';
}
.zmdi-soundcloud:before {
content: '\f401';
}
.zmdi-tumblr:before {
content: '\f402';
}
.zmdi-twitch:before {
content: '\f403';
}
.zmdi-vimeo:before {
content: '\f404';
}
.zmdi-whatsapp:before {
content: '\f405';
}
.zmdi-xbox:before {
content: '\f406';
}
.zmdi-yahoo:before {
content: '\f407';
}
.zmdi-youtube-play:before {
content: '\f408';
}
.zmdi-youtube:before {
content: '\f409';
}
.zmdi-3d-rotation:before {
content: '\f101';
}
.zmdi-airplane-off:before {
content: '\f102';
}
.zmdi-airplane:before {
content: '\f103';
}
.zmdi-album:before {
content: '\f104';
}
.zmdi-archive:before {
content: '\f105';
}
.zmdi-assignment-account:before {
content: '\f106';
}
.zmdi-assignment-alert:before {
content: '\f107';
}
.zmdi-assignment-check:before {
content: '\f108';
}
.zmdi-assignment-o:before {
content: '\f109';
}
.zmdi-assignment-return:before {
content: '\f10a';
}
.zmdi-assignment-returned:before {
content: '\f10b';
}
.zmdi-assignment:before {
content: '\f10c';
}
.zmdi-attachment-alt:before {
content: '\f10d';
}
.zmdi-attachment:before {
content: '\f10e';
}
.zmdi-audio:before {
content: '\f10f';
}
.zmdi-badge-check:before {
content: '\f110';
}
.zmdi-balance-wallet:before {
content: '\f111';
}
.zmdi-balance:before {
content: '\f112';
}
.zmdi-battery-alert:before {
content: '\f113';
}
.zmdi-battery-flash:before {
content: '\f114';
}
.zmdi-battery-unknown:before {
content: '\f115';
}
.zmdi-battery:before {
content: '\f116';
}
.zmdi-bike:before {
content: '\f117';
}
.zmdi-block-alt:before {
content: '\f118';
}
.zmdi-block:before {
content: '\f119';
}
.zmdi-boat:before {
content: '\f11a';
}
.zmdi-book-image:before {
content: '\f11b';
}
.zmdi-book:before {
content: '\f11c';
}
.zmdi-bookmark-outline:before {
content: '\f11d';
}
.zmdi-bookmark:before {
content: '\f11e';
}
.zmdi-brush:before {
content: '\f11f';
}
.zmdi-bug:before {
content: '\f120';
}
.zmdi-bus:before {
content: '\f121';
}
.zmdi-cake:before {
content: '\f122';
}
.zmdi-car-taxi:before {
content: '\f123';
}
.zmdi-car-wash:before {
content: '\f124';
}
.zmdi-car:before {
content: '\f125';
}
.zmdi-card-giftcard:before {
content: '\f126';
}
.zmdi-card-membership:before {
content: '\f127';
}
.zmdi-card-travel:before {
content: '\f128';
}
.zmdi-card:before {
content: '\f129';
}
.zmdi-case-check:before {
content: '\f12a';
}
.zmdi-case-download:before {
content: '\f12b';
}
.zmdi-case-play:before {
content: '\f12c';
}
.zmdi-case:before {
content: '\f12d';
}
.zmdi-cast-connected:before {
content: '\f12e';
}
.zmdi-cast:before {
content: '\f12f';
}
.zmdi-chart-donut:before {
content: '\f130';
}
.zmdi-chart:before {
content: '\f131';
}
.zmdi-city-alt:before {
content: '\f132';
}
.zmdi-city:before {
content: '\f133';
}
.zmdi-close-circle-o:before {
content: '\f134';
}
.zmdi-close-circle:before {
content: '\f135';
}
.zmdi-close:before {
content: '\f136';
}
.zmdi-cocktail:before {
content: '\f137';
}
.zmdi-code-setting:before {
content: '\f138';
}
.zmdi-code-smartphone:before {
content: '\f139';
}
.zmdi-code:before {
content: '\f13a';
}
.zmdi-coffee:before {
content: '\f13b';
}
.zmdi-collection-bookmark:before {
content: '\f13c';
}
.zmdi-collection-case-play:before {
content: '\f13d';
}
.zmdi-collection-folder-image:before {
content: '\f13e';
}
.zmdi-collection-image-o:before {
content: '\f13f';
}
.zmdi-collection-image:before {
content: '\f140';
}
.zmdi-collection-item-1:before {
content: '\f141';
}
.zmdi-collection-item-2:before {
content: '\f142';
}
.zmdi-collection-item-3:before {
content: '\f143';
}
.zmdi-collection-item-4:before {
content: '\f144';
}
.zmdi-collection-item-5:before {
content: '\f145';
}
.zmdi-collection-item-6:before {
content: '\f146';
}
.zmdi-collection-item-7:before {
content: '\f147';
}
.zmdi-collection-item-8:before {
content: '\f148';
}
.zmdi-collection-item-9-plus:before {
content: '\f149';
}
.zmdi-collection-item-9:before {
content: '\f14a';
}
.zmdi-collection-item:before {
content: '\f14b';
}
.zmdi-collection-music:before {
content: '\f14c';
}
.zmdi-collection-pdf:before {
content: '\f14d';
}
.zmdi-collection-plus:before {
content: '\f14e';
}
.zmdi-collection-speaker:before {
content: '\f14f';
}
.zmdi-collection-text:before {
content: '\f150';
}
.zmdi-collection-video:before {
content: '\f151';
}
.zmdi-compass:before {
content: '\f152';
}
.zmdi-cutlery:before {
content: '\f153';
}
.zmdi-delete:before {
content: '\f154';
}
.zmdi-dialpad:before {
content: '\f155';
}
.zmdi-dns:before {
content: '\f156';
}
.zmdi-drink:before {
content: '\f157';
}
.zmdi-edit:before {
content: '\f158';
}
.zmdi-email-open:before {
content: '\f159';
}
.zmdi-email:before {
content: '\f15a';
}
.zmdi-eye-off:before {
content: '\f15b';
}
.zmdi-eye:before {
content: '\f15c';
}
.zmdi-eyedropper:before {
content: '\f15d';
}
.zmdi-favorite-outline:before {
content: '\f15e';
}
.zmdi-favorite:before {
content: '\f15f';
}
.zmdi-filter-list:before {
content: '\f160';
}
.zmdi-fire:before {
content: '\f161';
}
.zmdi-flag:before {
content: '\f162';
}
.zmdi-flare:before {
content: '\f163';
}
.zmdi-flash-auto:before {
content: '\f164';
}
.zmdi-flash-off:before {
content: '\f165';
}
.zmdi-flash:before {
content: '\f166';
}
.zmdi-flip:before {
content: '\f167';
}
.zmdi-flower-alt:before {
content: '\f168';
}
.zmdi-flower:before {
content: '\f169';
}
.zmdi-font:before {
content: '\f16a';
}
.zmdi-fullscreen-alt:before {
content: '\f16b';
}
.zmdi-fullscreen-exit:before {
content: '\f16c';
}
.zmdi-fullscreen:before {
content: '\f16d';
}
.zmdi-functions:before {
content: '\f16e';
}
.zmdi-gas-station:before {
content: '\f16f';
}
.zmdi-gesture:before {
content: '\f170';
}
.zmdi-globe-alt:before {
content: '\f171';
}
.zmdi-globe-lock:before {
content: '\f172';
}
.zmdi-globe:before {
content: '\f173';
}
.zmdi-graduation-cap:before {
content: '\f174';
}
.zmdi-home:before {
content: '\f175';
}
.zmdi-hospital-alt:before {
content: '\f176';
}
.zmdi-hospital:before {
content: '\f177';
}
.zmdi-hotel:before {
content: '\f178';
}
.zmdi-hourglass-alt:before {
content: '\f179';
}
.zmdi-hourglass-outline:before {
content: '\f17a';
}
.zmdi-hourglass:before {
content: '\f17b';
}
.zmdi-http:before {
content: '\f17c';
}
.zmdi-image-alt:before {
content: '\f17d';
}
.zmdi-image-o:before {
content: '\f17e';
}
.zmdi-image:before {
content: '\f17f';
}
.zmdi-inbox:before {
content: '\f180';
}
.zmdi-invert-colors-off:before {
content: '\f181';
}
.zmdi-invert-colors:before {
content: '\f182';
}
.zmdi-key:before {
content: '\f183';
}
.zmdi-label-alt-outline:before {
content: '\f184';
}
.zmdi-label-alt:before {
content: '\f185';
}
.zmdi-label-heart:before {
content: '\f186';
}
.zmdi-label:before {
content: '\f187';
}
.zmdi-labels:before {
content: '\f188';
}
.zmdi-lamp:before {
content: '\f189';
}
.zmdi-landscape:before {
content: '\f18a';
}
.zmdi-layers-off:before {
content: '\f18b';
}
.zmdi-layers:before {
content: '\f18c';
}
.zmdi-library:before {
content: '\f18d';
}
.zmdi-link:before {
content: '\f18e';
}
.zmdi-lock-open:before {
content: '\f18f';
}
.zmdi-lock-outline:before {
content: '\f190';
}
.zmdi-lock:before {
content: '\f191';
}
.zmdi-mail-reply-all:before {
content: '\f192';
}
.zmdi-mail-reply:before {
content: '\f193';
}
.zmdi-mail-send:before {
content: '\f194';
}
.zmdi-mall:before {
content: '\f195';
}
.zmdi-map:before {
content: '\f196';
}
.zmdi-menu:before {
content: '\f197';
}
.zmdi-money-box:before {
content: '\f198';
}
.zmdi-money-off:before {
content: '\f199';
}
.zmdi-money:before {
content: '\f19a';
}
.zmdi-more-vert:before {
content: '\f19b';
}
.zmdi-more:before {
content: '\f19c';
}
.zmdi-movie-alt:before {
content: '\f19d';
}
.zmdi-movie:before {
content: '\f19e';
}
.zmdi-nature-people:before {
content: '\f19f';
}
.zmdi-nature:before {
content: '\f1a0';
}
.zmdi-navigation:before {
content: '\f1a1';
}
.zmdi-open-in-browser:before {
content: '\f1a2';
}
.zmdi-open-in-new:before {
content: '\f1a3';
}
.zmdi-palette:before {
content: '\f1a4';
}
.zmdi-parking:before {
content: '\f1a5';
}
.zmdi-pin-account:before {
content: '\f1a6';
}
.zmdi-pin-assistant:before {
content: '\f1a7';
}
.zmdi-pin-drop:before {
content: '\f1a8';
}
.zmdi-pin-help:before {
content: '\f1a9';
}
.zmdi-pin-off:before {
content: '\f1aa';
}
.zmdi-pin:before {
content: '\f1ab';
}
.zmdi-pizza:before {
content: '\f1ac';
}
.zmdi-plaster:before {
content: '\f1ad';
}
.zmdi-power-setting:before {
content: '\f1ae';
}
.zmdi-power:before {
content: '\f1af';
}
.zmdi-print:before {
content: '\f1b0';
}
.zmdi-puzzle-piece:before {
content: '\f1b1';
}
.zmdi-quote:before {
content: '\f1b2';
}
.zmdi-railway:before {
content: '\f1b3';
}
.zmdi-receipt:before {
content: '\f1b4';
}
.zmdi-refresh-alt:before {
content: '\f1b5';
}
.zmdi-refresh-sync-alert:before {
content: '\f1b6';
}
.zmdi-refresh-sync-off:before {
content: '\f1b7';
}
.zmdi-refresh-sync:before {
content: '\f1b8';
}
.zmdi-refresh:before {
content: '\f1b9';
}
.zmdi-roller:before {
content: '\f1ba';
}
.zmdi-ruler:before {
content: '\f1bb';
}
.zmdi-scissors:before {
content: '\f1bc';
}
.zmdi-screen-rotation-lock:before {
content: '\f1bd';
}
.zmdi-screen-rotation:before {
content: '\f1be';
}
.zmdi-search-for:before {
content: '\f1bf';
}
.zmdi-search-in-file:before {
content: '\f1c0';
}
.zmdi-search-in-page:before {
content: '\f1c1';
}
.zmdi-search-replace:before {
content: '\f1c2';
}
.zmdi-search:before {
content: '\f1c3';
}
.zmdi-seat:before {
content: '\f1c4';
}
.zmdi-settings-square:before {
content: '\f1c5';
}
.zmdi-settings:before {
content: '\f1c6';
}
.zmdi-shield-check:before {
content: '\f1c7';
}
.zmdi-shield-security:before {
content: '\f1c8';
}
.zmdi-shopping-basket:before {
content: '\f1c9';
}
.zmdi-shopping-cart-plus:before {
content: '\f1ca';
}
.zmdi-shopping-cart:before {
content: '\f1cb';
}
.zmdi-sign-in:before {
content: '\f1cc';
}
.zmdi-sort-amount-asc:before {
content: '\f1cd';
}
.zmdi-sort-amount-desc:before {
content: '\f1ce';
}
.zmdi-sort-asc:before {
content: '\f1cf';
}
.zmdi-sort-desc:before {
content: '\f1d0';
}
.zmdi-spellcheck:before {
content: '\f1d1';
}
.zmdi-storage:before {
content: '\f1d2';
}
.zmdi-store-24:before {
content: '\f1d3';
}
.zmdi-store:before {
content: '\f1d4';
}
.zmdi-subway:before {
content: '\f1d5';
}
.zmdi-sun:before {
content: '\f1d6';
}
.zmdi-tab-unselected:before {
content: '\f1d7';
}
.zmdi-tab:before {
content: '\f1d8';
}
.zmdi-tag-close:before {
content: '\f1d9';
}
.zmdi-tag-more:before {
content: '\f1da';
}
.zmdi-tag:before {
content: '\f1db';
}
.zmdi-thumb-down:before {
content: '\f1dc';
}
.zmdi-thumb-up-down:before {
content: '\f1dd';
}
.zmdi-thumb-up:before {
content: '\f1de';
}
.zmdi-ticket-star:before {
content: '\f1df';
}
.zmdi-toll:before {
content: '\f1e0';
}
.zmdi-toys:before {
content: '\f1e1';
}
.zmdi-traffic:before {
content: '\f1e2';
}
.zmdi-translate:before {
content: '\f1e3';
}
.zmdi-triangle-down:before {
content: '\f1e4';
}
.zmdi-triangle-up:before {
content: '\f1e5';
}
.zmdi-truck:before {
content: '\f1e6';
}
.zmdi-turning-sign:before {
content: '\f1e7';
}
.zmdi-wallpaper:before {
content: '\f1e8';
}
.zmdi-washing-machine:before {
content: '\f1e9';
}
.zmdi-window-maximize:before {
content: '\f1ea';
}
.zmdi-window-minimize:before {
content: '\f1eb';
}
.zmdi-window-restore:before {
content: '\f1ec';
}
.zmdi-wrench:before {
content: '\f1ed';
}
.zmdi-zoom-in:before {
content: '\f1ee';
}
.zmdi-zoom-out:before {
content: '\f1ef';
}
.zmdi-alert-circle-o:before {
content: '\f1f0';
}
.zmdi-alert-circle:before {
content: '\f1f1';
}
.zmdi-alert-octagon:before {
content: '\f1f2';
}
.zmdi-alert-polygon:before {
content: '\f1f3';
}
.zmdi-alert-triangle:before {
content: '\f1f4';
}
.zmdi-help-outline:before {
content: '\f1f5';
}
.zmdi-help:before {
content: '\f1f6';
}
.zmdi-info-outline:before {
content: '\f1f7';
}
.zmdi-info:before {
content: '\f1f8';
}
.zmdi-notifications-active:before {
content: '\f1f9';
}
.zmdi-notifications-add:before {
content: '\f1fa';
}
.zmdi-notifications-none:before {
content: '\f1fb';
}
.zmdi-notifications-off:before {
content: '\f1fc';
}
.zmdi-notifications-paused:before {
content: '\f1fd';
}
.zmdi-notifications:before {
content: '\f1fe';
}
.zmdi-account-add:before {
content: '\f1ff';
}
.zmdi-account-box-mail:before {
content: '\f200';
}
.zmdi-account-box-o:before {
content: '\f201';
}
.zmdi-account-box-phone:before {
content: '\f202';
}
.zmdi-account-box:before {
content: '\f203';
}
.zmdi-account-calendar:before {
content: '\f204';
}
.zmdi-account-circle:before {
content: '\f205';
}
.zmdi-account-o:before {
content: '\f206';
}
.zmdi-account:before {
content: '\f207';
}
.zmdi-accounts-add:before {
content: '\f208';
}
.zmdi-accounts-alt:before {
content: '\f209';
}
.zmdi-accounts-list-alt:before {
content: '\f20a';
}
.zmdi-accounts-list:before {
content: '\f20b';
}
.zmdi-accounts-outline:before {
content: '\f20c';
}
.zmdi-accounts:before {
content: '\f20d';
}
.zmdi-face:before {
content: '\f20e';
}
.zmdi-female:before {
content: '\f20f';
}
.zmdi-male-alt:before {
content: '\f210';
}
.zmdi-male-female:before {
content: '\f211';
}
.zmdi-male:before {
content: '\f212';
}
.zmdi-mood-bad:before {
content: '\f213';
}
.zmdi-mood:before {
content: '\f214';
}
.zmdi-run:before {
content: '\f215';
}
.zmdi-walk:before {
content: '\f216';
}
.zmdi-cloud-box:before {
content: '\f217';
}
.zmdi-cloud-circle:before {
content: '\f218';
}
.zmdi-cloud-done:before {
content: '\f219';
}
.zmdi-cloud-download:before {
content: '\f21a';
}
.zmdi-cloud-off:before {
content: '\f21b';
}
.zmdi-cloud-outline-alt:before {
content: '\f21c';
}
.zmdi-cloud-outline:before {
content: '\f21d';
}
.zmdi-cloud-upload:before {
content: '\f21e';
}
.zmdi-cloud:before {
content: '\f21f';
}
.zmdi-download:before {
content: '\f220';
}
.zmdi-file-plus:before {
content: '\f221';
}
.zmdi-file-text:before {
content: '\f222';
}
.zmdi-file:before {
content: '\f223';
}
.zmdi-folder-outline:before {
content: '\f224';
}
.zmdi-folder-person:before {
content: '\f225';
}
.zmdi-folder-star-alt:before {
content: '\f226';
}
.zmdi-folder-star:before {
content: '\f227';
}
.zmdi-folder:before {
content: '\f228';
}
.zmdi-gif:before {
content: '\f229';
}
.zmdi-upload:before {
content: '\f22a';
}
.zmdi-border-all:before {
content: '\f22b';
}
.zmdi-border-bottom:before {
content: '\f22c';
}
.zmdi-border-clear:before {
content: '\f22d';
}
.zmdi-border-color:before {
content: '\f22e';
}
.zmdi-border-horizontal:before {
content: '\f22f';
}
.zmdi-border-inner:before {
content: '\f230';
}
.zmdi-border-left:before {
content: '\f231';
}
.zmdi-border-outer:before {
content: '\f232';
}
.zmdi-border-right:before {
content: '\f233';
}
.zmdi-border-style:before {
content: '\f234';
}
.zmdi-border-top:before {
content: '\f235';
}
.zmdi-border-vertical:before {
content: '\f236';
}
.zmdi-copy:before {
content: '\f237';
}
.zmdi-crop:before {
content: '\f238';
}
.zmdi-format-align-center:before {
content: '\f239';
}
.zmdi-format-align-justify:before {
content: '\f23a';
}
.zmdi-format-align-left:before {
content: '\f23b';
}
.zmdi-format-align-right:before {
content: '\f23c';
}
.zmdi-format-bold:before {
content: '\f23d';
}
.zmdi-format-clear-all:before {
content: '\f23e';
}
.zmdi-format-clear:before {
content: '\f23f';
}
.zmdi-format-color-fill:before {
content: '\f240';
}
.zmdi-format-color-reset:before {
content: '\f241';
}
.zmdi-format-color-text:before {
content: '\f242';
}
.zmdi-format-indent-decrease:before {
content: '\f243';
}
.zmdi-format-indent-increase:before {
content: '\f244';
}
.zmdi-format-italic:before {
content: '\f245';
}
.zmdi-format-line-spacing:before {
content: '\f246';
}
.zmdi-format-list-bulleted:before {
content: '\f247';
}
.zmdi-format-list-numbered:before {
content: '\f248';
}
.zmdi-format-ltr:before {
content: '\f249';
}
.zmdi-format-rtl:before {
content: '\f24a';
}
.zmdi-format-size:before {
content: '\f24b';
}
.zmdi-format-strikethrough-s:before {
content: '\f24c';
}
.zmdi-format-strikethrough:before {
content: '\f24d';
}
.zmdi-format-subject:before {
content: '\f24e';
}
.zmdi-format-underlined:before {
content: '\f24f';
}
.zmdi-format-valign-bottom:before {
content: '\f250';
}
.zmdi-format-valign-center:before {
content: '\f251';
}
.zmdi-format-valign-top:before {
content: '\f252';
}
.zmdi-redo:before {
content: '\f253';
}
.zmdi-select-all:before {
content: '\f254';
}
.zmdi-space-bar:before {
content: '\f255';
}
.zmdi-text-format:before {
content: '\f256';
}
.zmdi-transform:before {
content: '\f257';
}
.zmdi-undo:before {
content: '\f258';
}
.zmdi-wrap-text:before {
content: '\f259';
}
.zmdi-comment-alert:before {
content: '\f25a';
}
.zmdi-comment-alt-text:before {
content: '\f25b';
}
.zmdi-comment-alt:before {
content: '\f25c';
}
.zmdi-comment-edit:before {
content: '\f25d';
}
.zmdi-comment-image:before {
content: '\f25e';
}
.zmdi-comment-list:before {
content: '\f25f';
}
.zmdi-comment-more:before {
content: '\f260';
}
.zmdi-comment-outline:before {
content: '\f261';
}
.zmdi-comment-text-alt:before {
content: '\f262';
}
.zmdi-comment-text:before {
content: '\f263';
}
.zmdi-comment-video:before {
content: '\f264';
}
.zmdi-comment:before {
content: '\f265';
}
.zmdi-comments:before {
content: '\f266';
}
.zmdi-check-all:before {
content: '\f267';
}
.zmdi-check-circle-u:before {
content: '\f268';
}
.zmdi-check-circle:before {
content: '\f269';
}
.zmdi-check-square:before {
content: '\f26a';
}
.zmdi-check:before {
content: '\f26b';
}
.zmdi-circle-o:before {
content: '\f26c';
}
.zmdi-circle:before {
content: '\f26d';
}
.zmdi-dot-circle-alt:before {
content: '\f26e';
}
.zmdi-dot-circle:before {
content: '\f26f';
}
.zmdi-minus-circle-outline:before {
content: '\f270';
}
.zmdi-minus-circle:before {
content: '\f271';
}
.zmdi-minus-square:before {
content: '\f272';
}
.zmdi-minus:before {
content: '\f273';
}
.zmdi-plus-circle-o-duplicate:before {
content: '\f274';
}
.zmdi-plus-circle-o:before {
content: '\f275';
}
.zmdi-plus-circle:before {
content: '\f276';
}
.zmdi-plus-square:before {
content: '\f277';
}
.zmdi-plus:before {
content: '\f278';
}
.zmdi-square-o:before {
content: '\f279';
}
.zmdi-star-circle:before {
content: '\f27a';
}
.zmdi-star-half:before {
content: '\f27b';
}
.zmdi-star-outline:before {
content: '\f27c';
}
.zmdi-star:before {
content: '\f27d';
}
.zmdi-bluetooth-connected:before {
content: '\f27e';
}
.zmdi-bluetooth-off:before {
content: '\f27f';
}
.zmdi-bluetooth-search:before {
content: '\f280';
}
.zmdi-bluetooth-setting:before {
content: '\f281';
}
.zmdi-bluetooth:before {
content: '\f282';
}
.zmdi-camera-add:before {
content: '\f283';
}
.zmdi-camera-alt:before {
content: '\f284';
}
.zmdi-camera-bw:before {
content: '\f285';
}
.zmdi-camera-front:before {
content: '\f286';
}
.zmdi-camera-mic:before {
content: '\f287';
}
.zmdi-camera-party-mode:before {
content: '\f288';
}
.zmdi-camera-rear:before {
content: '\f289';
}
.zmdi-camera-roll:before {
content: '\f28a';
}
.zmdi-camera-switch:before {
content: '\f28b';
}
.zmdi-camera:before {
content: '\f28c';
}
.zmdi-card-alert:before {
content: '\f28d';
}
.zmdi-card-off:before {
content: '\f28e';
}
.zmdi-card-sd:before {
content: '\f28f';
}
.zmdi-card-sim:before {
content: '\f290';
}
.zmdi-desktop-mac:before {
content: '\f291';
}
.zmdi-desktop-windows:before {
content: '\f292';
}
.zmdi-device-hub:before {
content: '\f293';
}
.zmdi-devices-off:before {
content: '\f294';
}
.zmdi-devices:before {
content: '\f295';
}
.zmdi-dock:before {
content: '\f296';
}
.zmdi-floppy:before {
content: '\f297';
}
.zmdi-gamepad:before {
content: '\f298';
}
.zmdi-gps-dot:before {
content: '\f299';
}
.zmdi-gps-off:before {
content: '\f29a';
}
.zmdi-gps:before {
content: '\f29b';
}
.zmdi-headset-mic:before {
content: '\f29c';
}
.zmdi-headset:before {
content: '\f29d';
}
.zmdi-input-antenna:before {
content: '\f29e';
}
.zmdi-input-composite:before {
content: '\f29f';
}
.zmdi-input-hdmi:before {
content: '\f2a0';
}
.zmdi-input-power:before {
content: '\f2a1';
}
.zmdi-input-svideo:before {
content: '\f2a2';
}
.zmdi-keyboard-hide:before {
content: '\f2a3';
}
.zmdi-keyboard:before {
content: '\f2a4';
}
.zmdi-laptop-chromebook:before {
content: '\f2a5';
}
.zmdi-laptop-mac:before {
content: '\f2a6';
}
.zmdi-laptop:before {
content: '\f2a7';
}
.zmdi-mic-off:before {
content: '\f2a8';
}
.zmdi-mic-outline:before {
content: '\f2a9';
}
.zmdi-mic-setting:before {
content: '\f2aa';
}
.zmdi-mic:before {
content: '\f2ab';
}
.zmdi-mouse:before {
content: '\f2ac';
}
.zmdi-network-alert:before {
content: '\f2ad';
}
.zmdi-network-locked:before {
content: '\f2ae';
}
.zmdi-network-off:before {
content: '\f2af';
}
.zmdi-network-outline:before {
content: '\f2b0';
}
.zmdi-network-setting:before {
content: '\f2b1';
}
.zmdi-network:before {
content: '\f2b2';
}
.zmdi-phone-bluetooth:before {
content: '\f2b3';
}
.zmdi-phone-end:before {
content: '\f2b4';
}
.zmdi-phone-forwarded:before {
content: '\f2b5';
}
.zmdi-phone-in-talk:before {
content: '\f2b6';
}
.zmdi-phone-locked:before {
content: '\f2b7';
}
.zmdi-phone-missed:before {
content: '\f2b8';
}
.zmdi-phone-msg:before {
content: '\f2b9';
}
.zmdi-phone-paused:before {
content: '\f2ba';
}
.zmdi-phone-ring:before {
content: '\f2bb';
}
.zmdi-phone-setting:before {
content: '\f2bc';
}
.zmdi-phone-sip:before {
content: '\f2bd';
}
.zmdi-phone:before {
content: '\f2be';
}
.zmdi-portable-wifi-changes:before {
content: '\f2bf';
}
.zmdi-portable-wifi-off:before {
content: '\f2c0';
}
.zmdi-portable-wifi:before {
content: '\f2c1';
}
.zmdi-radio:before {
content: '\f2c2';
}
.zmdi-reader:before {
content: '\f2c3';
}
.zmdi-remote-control-alt:before {
content: '\f2c4';
}
.zmdi-remote-control:before {
content: '\f2c5';
}
.zmdi-router:before {
content: '\f2c6';
}
.zmdi-scanner:before {
content: '\f2c7';
}
.zmdi-smartphone-android:before {
content: '\f2c8';
}
.zmdi-smartphone-download:before {
content: '\f2c9';
}
.zmdi-smartphone-erase:before {
content: '\f2ca';
}
.zmdi-smartphone-info:before {
content: '\f2cb';
}
.zmdi-smartphone-iphone:before {
content: '\f2cc';
}
.zmdi-smartphone-landscape-lock:before {
content: '\f2cd';
}
.zmdi-smartphone-landscape:before {
content: '\f2ce';
}
.zmdi-smartphone-lock:before {
content: '\f2cf';
}
.zmdi-smartphone-portrait-lock:before {
content: '\f2d0';
}
.zmdi-smartphone-ring:before {
content: '\f2d1';
}
.zmdi-smartphone-setting:before {
content: '\f2d2';
}
.zmdi-smartphone-setup:before {
content: '\f2d3';
}
.zmdi-smartphone:before {
content: '\f2d4';
}
.zmdi-speaker:before {
content: '\f2d5';
}
.zmdi-tablet-android:before {
content: '\f2d6';
}
.zmdi-tablet-mac:before {
content: '\f2d7';
}
.zmdi-tablet:before {
content: '\f2d8';
}
.zmdi-tv-alt-play:before {
content: '\f2d9';
}
.zmdi-tv-list:before {
content: '\f2da';
}
.zmdi-tv-play:before {
content: '\f2db';
}
.zmdi-tv:before {
content: '\f2dc';
}
.zmdi-usb:before {
content: '\f2dd';
}
.zmdi-videocam-off:before {
content: '\f2de';
}
.zmdi-videocam-switch:before {
content: '\f2df';
}
.zmdi-videocam:before {
content: '\f2e0';
}
.zmdi-watch:before {
content: '\f2e1';
}
.zmdi-wifi-alt-2:before {
content: '\f2e2';
}
.zmdi-wifi-alt:before {
content: '\f2e3';
}
.zmdi-wifi-info:before {
content: '\f2e4';
}
.zmdi-wifi-lock:before {
content: '\f2e5';
}
.zmdi-wifi-off:before {
content: '\f2e6';
}
.zmdi-wifi-outline:before {
content: '\f2e7';
}
.zmdi-wifi:before {
content: '\f2e8';
}
.zmdi-arrow-left-bottom:before {
content: '\f2e9';
}
.zmdi-arrow-left:before {
content: '\f2ea';
}
.zmdi-arrow-merge:before {
content: '\f2eb';
}
.zmdi-arrow-missed:before {
content: '\f2ec';
}
.zmdi-arrow-right-top:before {
content: '\f2ed';
}
.zmdi-arrow-right:before {
content: '\f2ee';
}
.zmdi-arrow-split:before {
content: '\f2ef';
}
.zmdi-arrows:before {
content: '\f2f0';
}
.zmdi-caret-down-circle:before {
content: '\f2f1';
}
.zmdi-caret-down:before {
content: '\f2f2';
}
.zmdi-caret-left-circle:before {
content: '\f2f3';
}
.zmdi-caret-left:before {
content: '\f2f4';
}
.zmdi-caret-right-circle:before {
content: '\f2f5';
}
.zmdi-caret-right:before {
content: '\f2f6';
}
.zmdi-caret-up-circle:before {
content: '\f2f7';
}
.zmdi-caret-up:before {
content: '\f2f8';
}
.zmdi-chevron-down:before {
content: '\f2f9';
}
.zmdi-chevron-left:before {
content: '\f2fa';
}
.zmdi-chevron-right:before {
content: '\f2fb';
}
.zmdi-chevron-up:before {
content: '\f2fc';
}
.zmdi-forward:before {
content: '\f2fd';
}
.zmdi-long-arrow-down:before {
content: '\f2fe';
}
.zmdi-long-arrow-left:before {
content: '\f2ff';
}
.zmdi-long-arrow-return:before {
content: '\f300';
}
.zmdi-long-arrow-right:before {
content: '\f301';
}
.zmdi-long-arrow-tab:before {
content: '\f302';
}
.zmdi-long-arrow-up:before {
content: '\f303';
}
.zmdi-rotate-ccw:before {
content: '\f304';
}
.zmdi-rotate-cw:before {
content: '\f305';
}
.zmdi-rotate-left:before {
content: '\f306';
}
.zmdi-rotate-right:before {
content: '\f307';
}
.zmdi-square-down:before {
content: '\f308';
}
.zmdi-square-right:before {
content: '\f309';
}
.zmdi-swap-alt:before {
content: '\f30a';
}
.zmdi-swap-vertical-circle:before {
content: '\f30b';
}
.zmdi-swap-vertical:before {
content: '\f30c';
}
.zmdi-swap:before {
content: '\f30d';
}
.zmdi-trending-down:before {
content: '\f30e';
}
.zmdi-trending-flat:before {
content: '\f30f';
}
.zmdi-trending-up:before {
content: '\f310';
}
.zmdi-unfold-less:before {
content: '\f311';
}
.zmdi-unfold-more:before {
content: '\f312';
}
.zmdi-apps:before {
content: '\f313';
}
.zmdi-grid-off:before {
content: '\f314';
}
.zmdi-grid:before {
content: '\f315';
}
.zmdi-view-agenda:before {
content: '\f316';
}
.zmdi-view-array:before {
content: '\f317';
}
.zmdi-view-carousel:before {
content: '\f318';
}
.zmdi-view-column:before {
content: '\f319';
}
.zmdi-view-comfy:before {
content: '\f31a';
}
.zmdi-view-compact:before {
content: '\f31b';
}
.zmdi-view-dashboard:before {
content: '\f31c';
}
.zmdi-view-day:before {
content: '\f31d';
}
.zmdi-view-headline:before {
content: '\f31e';
}
.zmdi-view-list-alt:before {
content: '\f31f';
}
.zmdi-view-list:before {
content: '\f320';
}
.zmdi-view-module:before {
content: '\f321';
}
.zmdi-view-quilt:before {
content: '\f322';
}
.zmdi-view-stream:before {
content: '\f323';
}
.zmdi-view-subtitles:before {
content: '\f324';
}
.zmdi-view-toc:before {
content: '\f325';
}
.zmdi-view-web:before {
content: '\f326';
}
.zmdi-view-week:before {
content: '\f327';
}
.zmdi-widgets:before {
content: '\f328';
}
.zmdi-alarm-check:before {
content: '\f329';
}
.zmdi-alarm-off:before {
content: '\f32a';
}
.zmdi-alarm-plus:before {
content: '\f32b';
}
.zmdi-alarm-snooze:before {
content: '\f32c';
}
.zmdi-alarm:before {
content: '\f32d';
}
.zmdi-calendar-alt:before {
content: '\f32e';
}
.zmdi-calendar-check:before {
content: '\f32f';
}
.zmdi-calendar-close:before {
content: '\f330';
}
.zmdi-calendar-note:before {
content: '\f331';
}
.zmdi-calendar:before {
content: '\f332';
}
.zmdi-time-countdown:before {
content: '\f333';
}
.zmdi-time-interval:before {
content: '\f334';
}
.zmdi-time-restore-setting:before {
content: '\f335';
}
.zmdi-time-restore:before {
content: '\f336';
}
.zmdi-time:before {
content: '\f337';
}
.zmdi-timer-off:before {
content: '\f338';
}
.zmdi-timer:before {
content: '\f339';
}
.zmdi-android-alt:before {
content: '\f33a';
}
.zmdi-android:before {
content: '\f33b';
}
.zmdi-apple:before {
content: '\f33c';
}
.zmdi-behance:before {
content: '\f33d';
}
.zmdi-codepen:before {
content: '\f33e';
}
.zmdi-dribbble:before {
content: '\f33f';
}
.zmdi-dropbox:before {
content: '\f340';
}
.zmdi-evernote:before {
content: '\f341';
}
.zmdi-facebook-box:before {
content: '\f342';
}
.zmdi-facebook:before {
content: '\f343';
}
.zmdi-github-box:before {
content: '\f344';
}
.zmdi-github:before {
content: '\f345';
}
.zmdi-google-drive:before {
content: '\f346';
}
.zmdi-google-earth:before {
content: '\f347';
}
.zmdi-google-glass:before {
content: '\f348';
}
.zmdi-google-maps:before {
content: '\f349';
}
.zmdi-google-pages:before {
content: '\f34a';
}
.zmdi-google-play:before {
content: '\f34b';
}
.zmdi-google-plus-box:before {
content: '\f34c';
}
.zmdi-google-plus:before {
content: '\f34d';
}
.zmdi-google:before {
content: '\f34e';
}
.zmdi-instagram:before {
content: '\f34f';
}
.zmdi-language-css3:before {
content: '\f350';
}
.zmdi-language-html5:before {
content: '\f351';
}
.zmdi-language-javascript:before {
content: '\f352';
}
.zmdi-language-python-alt:before {
content: '\f353';
}
.zmdi-language-python:before {
content: '\f354';
}
.zmdi-lastfm:before {
content: '\f355';
}
.zmdi-linkedin-box:before {
content: '\f356';
}
.zmdi-paypal:before {
content: '\f357';
}
.zmdi-pinterest-box:before {
content: '\f358';
}
.zmdi-pocket:before {
content: '\f359';
}
.zmdi-polymer:before {
content: '\f35a';
}
.zmdi-share:before {
content: '\f35b';
}
.zmdi-stackoverflow:before {
content: '\f35c';
}
.zmdi-steam-square:before {
content: '\f35d';
}
.zmdi-steam:before {
content: '\f35e';
}
.zmdi-twitter-box:before {
content: '\f35f';
}
.zmdi-twitter:before {
content: '\f360';
}
.zmdi-vk:before {
content: '\f361';
}
.zmdi-wikipedia:before {
content: '\f362';
}
.zmdi-windows:before {
content: '\f363';
}
.zmdi-aspect-ratio-alt:before {
content: '\f364';
}
.zmdi-aspect-ratio:before {
content: '\f365';
}
.zmdi-blur-circular:before {
content: '\f366';
}
.zmdi-blur-linear:before {
content: '\f367';
}
.zmdi-blur-off:before {
content: '\f368';
}
.zmdi-blur:before {
content: '\f369';
}
.zmdi-brightness-2:before {
content: '\f36a';
}
.zmdi-brightness-3:before {
content: '\f36b';
}
.zmdi-brightness-4:before {
content: '\f36c';
}
.zmdi-brightness-5:before {
content: '\f36d';
}
.zmdi-brightness-6:before {
content: '\f36e';
}
.zmdi-brightness-7:before {
content: '\f36f';
}
.zmdi-brightness-auto:before {
content: '\f370';
}
.zmdi-brightness-setting:before {
content: '\f371';
}
.zmdi-broken-image:before {
content: '\f372';
}
.zmdi-center-focus-strong:before {
content: '\f373';
}
.zmdi-center-focus-weak:before {
content: '\f374';
}
.zmdi-compare:before {
content: '\f375';
}
.zmdi-crop-16-9:before {
content: '\f376';
}
.zmdi-crop-3-2:before {
content: '\f377';
}
.zmdi-crop-5-4:before {
content: '\f378';
}
.zmdi-crop-7-5:before {
content: '\f379';
}
.zmdi-crop-din:before {
content: '\f37a';
}
.zmdi-crop-free:before {
content: '\f37b';
}
.zmdi-crop-landscape:before {
content: '\f37c';
}
.zmdi-crop-portrait:before {
content: '\f37d';
}
.zmdi-crop-square:before {
content: '\f37e';
}
.zmdi-exposure-alt:before {
content: '\f37f';
}
.zmdi-exposure:before {
content: '\f380';
}
.zmdi-filter-b-and-w:before {
content: '\f381';
}
.zmdi-filter-center-focus:before {
content: '\f382';
}
.zmdi-filter-frames:before {
content: '\f383';
}
.zmdi-filter-tilt-shift:before {
content: '\f384';
}
.zmdi-gradient:before {
content: '\f385';
}
.zmdi-grain:before {
content: '\f386';
}
.zmdi-graphic-eq:before {
content: '\f387';
}
.zmdi-hdr-off:before {
content: '\f388';
}
.zmdi-hdr-strong:before {
content: '\f389';
}
.zmdi-hdr-weak:before {
content: '\f38a';
}
.zmdi-hdr:before {
content: '\f38b';
}
.zmdi-iridescent:before {
content: '\f38c';
}
.zmdi-leak-off:before {
content: '\f38d';
}
.zmdi-leak:before {
content: '\f38e';
}
.zmdi-looks:before {
content: '\f38f';
}
.zmdi-loupe:before {
content: '\f390';
}
.zmdi-panorama-horizontal:before {
content: '\f391';
}
.zmdi-panorama-vertical:before {
content: '\f392';
}
.zmdi-panorama-wide-angle:before {
content: '\f393';
}
.zmdi-photo-size-select-large:before {
content: '\f394';
}
.zmdi-photo-size-select-small:before {
content: '\f395';
}
.zmdi-picture-in-picture:before {
content: '\f396';
}
.zmdi-slideshow:before {
content: '\f397';
}
.zmdi-texture:before {
content: '\f398';
}
.zmdi-tonality:before {
content: '\f399';
}
.zmdi-vignette:before {
content: '\f39a';
}
.zmdi-wb-auto:before {
content: '\f39b';
}
.zmdi-eject-alt:before {
content: '\f39c';
}
.zmdi-eject:before {
content: '\f39d';
}
.zmdi-equalizer:before {
content: '\f39e';
}
.zmdi-fast-forward:before {
content: '\f39f';
}
.zmdi-fast-rewind:before {
content: '\f3a0';
}
.zmdi-forward-10:before {
content: '\f3a1';
}
.zmdi-forward-30:before {
content: '\f3a2';
}
.zmdi-forward-5:before {
content: '\f3a3';
}
.zmdi-hearing:before {
content: '\f3a4';
}
.zmdi-pause-circle-outline:before {
content: '\f3a5';
}
.zmdi-pause-circle:before {
content: '\f3a6';
}
.zmdi-pause:before {
content: '\f3a7';
}
.zmdi-play-circle-outline:before {
content: '\f3a8';
}
.zmdi-play-circle:before {
content: '\f3a9';
}
.zmdi-play:before {
content: '\f3aa';
}
.zmdi-playlist-audio:before {
content: '\f3ab';
}
.zmdi-playlist-plus:before {
content: '\f3ac';
}
.zmdi-repeat-one:before {
content: '\f3ad';
}
.zmdi-repeat:before {
content: '\f3ae';
}
.zmdi-replay-10:before {
content: '\f3af';
}
.zmdi-replay-30:before {
content: '\f3b0';
}
.zmdi-replay-5:before {
content: '\f3b1';
}
.zmdi-replay:before {
content: '\f3b2';
}
.zmdi-shuffle:before {
content: '\f3b3';
}
.zmdi-skip-next:before {
content: '\f3b4';
}
.zmdi-skip-previous:before {
content: '\f3b5';
}
.zmdi-stop:before {
content: '\f3b6';
}
.zmdi-surround-sound:before {
content: '\f3b7';
}
.zmdi-tune:before {
content: '\f3b8';
}
.zmdi-volume-down:before {
content: '\f3b9';
}
.zmdi-volume-mute:before {
content: '\f3ba';
}
.zmdi-volume-off:before {
content: '\f3bb';
}
.zmdi-volume-up:before {
content: '\f3bc';
}
.zmdi-n-1-square:before {
content: '\f3bd';
}
.zmdi-n-2-square:before {
content: '\f3be';
}
.zmdi-n-3-square:before {
content: '\f3bf';
}
.zmdi-n-4-square:before {
content: '\f3c0';
}
.zmdi-n-5-square:before {
content: '\f3c1';
}
.zmdi-n-6-square:before {
content: '\f3c2';
}
.zmdi-neg-1:before {
content: '\f3c3';
}
.zmdi-neg-2:before {
content: '\f3c4';
}
.zmdi-plus-1:before {
content: '\f3c5';
}
.zmdi-plus-2:before {
content: '\f3c6';
}
.zmdi-sec-10:before {
content: '\f3c7';
}
.zmdi-sec-3:before {
content: '\f3c8';
}
.zmdi-zero:before {
content: '\f3c9';
}
.zmdi-airline-seat-flat-angled:before {
content: '\f3ca';
}
.zmdi-airline-seat-flat:before {
content: '\f3cb';
}
.zmdi-airline-seat-individual-suite:before {
content: '\f3cc';
}
.zmdi-airline-seat-legroom-extra:before {
content: '\f3cd';
}
.zmdi-airline-seat-legroom-normal:before {
content: '\f3ce';
}
.zmdi-airline-seat-legroom-reduced:before {
content: '\f3cf';
}
.zmdi-airline-seat-recline-extra:before {
content: '\f3d0';
}
.zmdi-airline-seat-recline-normal:before {
content: '\f3d1';
}
.zmdi-airplay:before {
content: '\f3d2';
}
.zmdi-closed-caption:before {
content: '\f3d3';
}
.zmdi-confirmation-number:before {
content: '\f3d4';
}
.zmdi-developer-board:before {
content: '\f3d5';
}
.zmdi-disc-full:before {
content: '\f3d6';
}
.zmdi-explicit:before {
content: '\f3d7';
}
.zmdi-flight-land:before {
content: '\f3d8';
}
.zmdi-flight-takeoff:before {
content: '\f3d9';
}
.zmdi-flip-to-back:before {
content: '\f3da';
}
.zmdi-flip-to-front:before {
content: '\f3db';
}
.zmdi-group-work:before {
content: '\f3dc';
}
.zmdi-hd:before {
content: '\f3dd';
}
.zmdi-hq:before {
content: '\f3de';
}
.zmdi-markunread-mailbox:before {
content: '\f3df';
}
.zmdi-memory:before {
content: '\f3e0';
}
.zmdi-nfc:before {
content: '\f3e1';
}
.zmdi-play-for-work:before {
content: '\f3e2';
}
.zmdi-power-input:before {
content: '\f3e3';
}
.zmdi-present-to-all:before {
content: '\f3e4';
}
.zmdi-satellite:before {
content: '\f3e5';
}
.zmdi-tap-and-play:before {
content: '\f3e6';
}
.zmdi-vibration:before {
content: '\f3e7';
}
.zmdi-voicemail:before {
content: '\f3e8';
}
.zmdi-group:before {
content: '\f3e9';
}
.zmdi-rss:before {
content: '\f3ea';
}
.zmdi-shape:before {
content: '\f3eb';
}
.zmdi-spinner:before {
content: '\f3ec';
}
.zmdi-ungroup:before {
content: '\f3ed';
}
.zmdi-500px:before {
content: '\f3ee';
}
.zmdi-8tracks:before {
content: '\f3ef';
}
.zmdi-amazon:before {
content: '\f3f0';
}
.zmdi-blogger:before {
content: '\f3f1';
}
.zmdi-delicious:before {
content: '\f3f2';
}
.zmdi-disqus:before {
content: '\f3f3';
}
.zmdi-flattr:before {
content: '\f3f4';
}
.zmdi-flickr:before {
content: '\f3f5';
}
.zmdi-github-alt:before {
content: '\f3f6';
}
.zmdi-google-old:before {
content: '\f3f7';
}
.zmdi-linkedin:before {
content: '\f3f8';
}
.zmdi-odnoklassniki:before {
content: '\f3f9';
}
.zmdi-outlook:before {
content: '\f3fa';
}
.zmdi-paypal-alt:before {
content: '\f3fb';
}
.zmdi-pinterest:before {
content: '\f3fc';
}
.zmdi-playstation:before {
content: '\f3fd';
}
.zmdi-reddit:before {
content: '\f3fe';
}
.zmdi-skype:before {
content: '\f3ff';
}
.zmdi-slideshare:before {
content: '\f400';
}
.zmdi-soundcloud:before {
content: '\f401';
}
.zmdi-tumblr:before {
content: '\f402';
}
.zmdi-twitch:before {
content: '\f403';
}
.zmdi-vimeo:before {
content: '\f404';
}
.zmdi-whatsapp:before {
content: '\f405';
}
.zmdi-xbox:before {
content: '\f406';
}
.zmdi-yahoo:before {
content: '\f407';
}
.zmdi-youtube-play:before {
content: '\f408';
}
.zmdi-youtube:before {
content: '\f409';
}
.zmdi-import-export:before {
content: '\f30c';
}
.zmdi-swap-vertical-:before {
content: '\f30c';
}
.zmdi-airplanemode-inactive:before {
content: '\f102';
}
.zmdi-airplanemode-active:before {
content: '\f103';
}
.zmdi-rate-review:before {
content: '\f103';
}
.zmdi-comment-sign:before {
content: '\f25a';
}
.zmdi-network-warning:before {
content: '\f2ad';
}
.zmdi-shopping-cart-add:before {
content: '\f1ca';
}
.zmdi-file-add:before {
content: '\f221';
}
.zmdi-network-wifi-scan:before {
content: '\f2e4';
}
.zmdi-collection-add:before {
content: '\f14e';
}
.zmdi-format-playlist-add:before {
content: '\f3ac';
}
.zmdi-format-queue-music:before {
content: '\f3ab';
}
.zmdi-plus-box:before {
content: '\f277';
}
.zmdi-tag-backspace:before {
content: '\f1d9';
}
.zmdi-alarm-add:before {
content: '\f32b';
}
.zmdi-battery-charging:before {
content: '\f114';
}
.zmdi-daydream-setting:before {
content: '\f217';
}
.zmdi-more-horiz:before {
content: '\f19c';
}
.zmdi-book-photo:before {
content: '\f11b';
}
.zmdi-incandescent:before {
content: '\f189';
}
.zmdi-wb-iridescent:before {
content: '\f38c';
}
.zmdi-calendar-remove:before {
content: '\f330';
}
.zmdi-refresh-sync-disabled:before {
content: '\f1b7';
}
.zmdi-refresh-sync-problem:before {
content: '\f1b6';
}
.zmdi-crop-original:before {
content: '\f17e';
}
.zmdi-power-off:before {
content: '\f1af';
}
.zmdi-power-off-setting:before {
content: '\f1ae';
}
.zmdi-leak-remove:before {
content: '\f38d';
}
.zmdi-star-border:before {
content: '\f27c';
}
.zmdi-brightness-low:before {
content: '\f36d';
}
.zmdi-brightness-medium:before {
content: '\f36e';
}
.zmdi-brightness-high:before {
content: '\f36f';
}
.zmdi-smartphone-portrait:before {
content: '\f2d4';
}
.zmdi-live-tv:before {
content: '\f2d9';
}
.zmdi-format-textdirection-l-to-r:before {
content: '\f249';
}
.zmdi-format-textdirection-r-to-l:before {
content: '\f24a';
}
.zmdi-arrow-back:before {
content: '\f2ea';
}
.zmdi-arrow-forward:before {
content: '\f2ee';
}
.zmdi-arrow-in:before {
content: '\f2e9';
}
.zmdi-arrow-out:before {
content: '\f2ed';
}
.zmdi-rotate-90-degrees-ccw:before {
content: '\f304';
}
.zmdi-adb:before {
content: '\f33a';
}
.zmdi-network-wifi:before {
content: '\f2e8';
}
.zmdi-network-wifi-alt:before {
content: '\f2e3';
}
.zmdi-network-wifi-lock:before {
content: '\f2e5';
}
.zmdi-network-wifi-off:before {
content: '\f2e6';
}
.zmdi-network-wifi-outline:before {
content: '\f2e7';
}
.zmdi-network-wifi-info:before {
content: '\f2e4';
}
.zmdi-layers-clear:before {
content: '\f18b';
}
.zmdi-colorize:before {
content: '\f15d';
}
.zmdi-format-paint:before {
content: '\f1ba';
}
.zmdi-format-quote:before {
content: '\f1b2';
}
.zmdi-camera-monochrome-photos:before {
content: '\f285';
}
.zmdi-sort-by-alpha:before {
content: '\f1cf';
}
.zmdi-folder-shared:before {
content: '\f225';
}
.zmdi-folder-special:before {
content: '\f226';
}
.zmdi-comment-dots:before {
content: '\f260';
}
.zmdi-reorder:before {
content: '\f31e';
}
.zmdi-dehaze:before {
content: '\f197';
}
.zmdi-sort:before {
content: '\f1ce';
}
.zmdi-pages:before {
content: '\f34a';
}
.zmdi-stack-overflow:before {
content: '\f35c';
}
.zmdi-calendar-account:before {
content: '\f204';
}
.zmdi-paste:before {
content: '\f109';
}
.zmdi-cut:before {
content: '\f1bc';
}
.zmdi-save:before {
content: '\f297';
}
.zmdi-smartphone-code:before {
content: '\f139';
}
.zmdi-directions-bike:before {
content: '\f117';
}
.zmdi-directions-boat:before {
content: '\f11a';
}
.zmdi-directions-bus:before {
content: '\f121';
}
.zmdi-directions-car:before {
content: '\f125';
}
.zmdi-directions-railway:before {
content: '\f1b3';
}
.zmdi-directions-run:before {
content: '\f215';
}
.zmdi-directions-subway:before {
content: '\f1d5';
}
.zmdi-directions-walk:before {
content: '\f216';
}
.zmdi-local-hotel:before {
content: '\f178';
}
.zmdi-local-activity:before {
content: '\f1df';
}
.zmdi-local-play:before {
content: '\f1df';
}
.zmdi-local-airport:before {
content: '\f103';
}
.zmdi-local-atm:before {
content: '\f198';
}
.zmdi-local-bar:before {
content: '\f137';
}
.zmdi-local-cafe:before {
content: '\f13b';
}
.zmdi-local-car-wash:before {
content: '\f124';
}
.zmdi-local-convenience-store:before {
content: '\f1d3';
}
.zmdi-local-dining:before {
content: '\f153';
}
.zmdi-local-drink:before {
content: '\f157';
}
.zmdi-local-florist:before {
content: '\f168';
}
.zmdi-local-gas-station:before {
content: '\f16f';
}
.zmdi-local-grocery-store:before {
content: '\f1cb';
}
.zmdi-local-hospital:before {
content: '\f177';
}
.zmdi-local-laundry-service:before {
content: '\f1e9';
}
.zmdi-local-library:before {
content: '\f18d';
}
.zmdi-local-mall:before {
content: '\f195';
}
.zmdi-local-movies:before {
content: '\f19d';
}
.zmdi-local-offer:before {
content: '\f187';
}
.zmdi-local-parking:before {
content: '\f1a5';
}
.zmdi-local-parking:before {
content: '\f1a5';
}
.zmdi-local-pharmacy:before {
content: '\f176';
}
.zmdi-local-phone:before {
content: '\f2be';
}
.zmdi-local-pizza:before {
content: '\f1ac';
}
.zmdi-local-post-office:before {
content: '\f15a';
}
.zmdi-local-printshop:before {
content: '\f1b0';
}
.zmdi-local-see:before {
content: '\f28c';
}
.zmdi-local-shipping:before {
content: '\f1e6';
}
.zmdi-local-store:before {
content: '\f1d4';
}
.zmdi-local-taxi:before {
content: '\f123';
}
.zmdi-local-wc:before {
content: '\f211';
}
.zmdi-my-location:before {
content: '\f299';
}
.zmdi-directions:before {
content: '\f1e7';
}
@font-face {
font-family: 'themify';
src: url('themify.eot?-fvbane');
src: url('themify.eot?#iefix-fvbane') format('embedded-opentype'), url('themify.woff?-fvbane') format('woff'),
url('themify.ttf?-fvbane') format('truetype'), url('themify.svg?-fvbane#themify') format('svg');
font-weight: normal;
font-style: normal;
}
[class^='ti-'],
[class*=' ti-'] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
content: '\e600';
}
.ti-volume:before {
content: '\e601';
}
.ti-user:before {
content: '\e602';
}
.ti-unlock:before {
content: '\e603';
}
.ti-unlink:before {
content: '\e604';
}
.ti-trash:before {
content: '\e605';
}
.ti-thought:before {
content: '\e606';
}
.ti-target:before {
content: '\e607';
}
.ti-tag:before {
content: '\e608';
}
.ti-tablet:before {
content: '\e609';
}
.ti-star:before {
content: '\e60a';
}
.ti-spray:before {
content: '\e60b';
}
.ti-signal:before {
content: '\e60c';
}
.ti-shopping-cart:before {
content: '\e60d';
}
.ti-shopping-cart-full:before {
content: '\e60e';
}
.ti-settings:before {
content: '\e60f';
}
.ti-search:before {
content: '\e610';
}
.ti-zoom-in:before {
content: '\e611';
}
.ti-zoom-out:before {
content: '\e612';
}
.ti-cut:before {
content: '\e613';
}
.ti-ruler:before {
content: '\e614';
}
.ti-ruler-pencil:before {
content: '\e615';
}
.ti-ruler-alt:before {
content: '\e616';
}
.ti-bookmark:before {
content: '\e617';
}
.ti-bookmark-alt:before {
content: '\e618';
}
.ti-reload:before {
content: '\e619';
}
.ti-plus:before {
content: '\e61a';
}
.ti-pin:before {
content: '\e61b';
}
.ti-pencil:before {
content: '\e61c';
}
.ti-pencil-alt:before {
content: '\e61d';
}
.ti-paint-roller:before {
content: '\e61e';
}
.ti-paint-bucket:before {
content: '\e61f';
}
.ti-na:before {
content: '\e620';
}
.ti-mobile:before {
content: '\e621';
}
.ti-minus:before {
content: '\e622';
}
.ti-medall:before {
content: '\e623';
}
.ti-medall-alt:before {
content: '\e624';
}
.ti-marker:before {
content: '\e625';
}
.ti-marker-alt:before {
content: '\e626';
}
.ti-arrow-up:before {
content: '\e627';
}
.ti-arrow-right:before {
content: '\e628';
}
.ti-arrow-left:before {
content: '\e629';
}
.ti-arrow-down:before {
content: '\e62a';
}
.ti-lock:before {
content: '\e62b';
}
.ti-location-arrow:before {
content: '\e62c';
}
.ti-link:before {
content: '\e62d';
}
.ti-layout:before {
content: '\e62e';
}
.ti-layers:before {
content: '\e62f';
}
.ti-layers-alt:before {
content: '\e630';
}
.ti-key:before {
content: '\e631';
}
.ti-import:before {
content: '\e632';
}
.ti-image:before {
content: '\e633';
}
.ti-heart:before {
content: '\e634';
}
.ti-heart-broken:before {
content: '\e635';
}
.ti-hand-stop:before {
content: '\e636';
}
.ti-hand-open:before {
content: '\e637';
}
.ti-hand-drag:before {
content: '\e638';
}
.ti-folder:before {
content: '\e639';
}
.ti-flag:before {
content: '\e63a';
}
.ti-flag-alt:before {
content: '\e63b';
}
.ti-flag-alt-2:before {
content: '\e63c';
}
.ti-eye:before {
content: '\e63d';
}
.ti-export:before {
content: '\e63e';
}
.ti-exchange-vertical:before {
content: '\e63f';
}
.ti-desktop:before {
content: '\e640';
}
.ti-cup:before {
content: '\e641';
}
.ti-crown:before {
content: '\e642';
}
.ti-comments:before {
content: '\e643';
}
.ti-comment:before {
content: '\e644';
}
.ti-comment-alt:before {
content: '\e645';
}
.ti-close:before {
content: '\e646';
}
.ti-clip:before {
content: '\e647';
}
.ti-angle-up:before {
content: '\e648';
}
.ti-angle-right:before {
content: '\e649';
}
.ti-angle-left:before {
content: '\e64a';
}
.ti-angle-down:before {
content: '\e64b';
}
.ti-check:before {
content: '\e64c';
}
.ti-check-box:before {
content: '\e64d';
}
.ti-camera:before {
content: '\e64e';
}
.ti-announcement:before {
content: '\e64f';
}
.ti-brush:before {
content: '\e650';
}
.ti-briefcase:before {
content: '\e651';
}
.ti-bolt:before {
content: '\e652';
}
.ti-bolt-alt:before {
content: '\e653';
}
.ti-blackboard:before {
content: '\e654';
}
.ti-bag:before {
content: '\e655';
}
.ti-move:before {
content: '\e656';
}
.ti-arrows-vertical:before {
content: '\e657';
}
.ti-arrows-horizontal:before {
content: '\e658';
}
.ti-fullscreen:before {
content: '\e659';
}
.ti-arrow-top-right:before {
content: '\e65a';
}
.ti-arrow-top-left:before {
content: '\e65b';
}
.ti-arrow-circle-up:before {
content: '\e65c';
}
.ti-arrow-circle-right:before {
content: '\e65d';
}
.ti-arrow-circle-left:before {
content: '\e65e';
}
.ti-arrow-circle-down:before {
content: '\e65f';
}
.ti-angle-double-up:before {
content: '\e660';
}
.ti-angle-double-right:before {
content: '\e661';
}
.ti-angle-double-left:before {
content: '\e662';
}
.ti-angle-double-down:before {
content: '\e663';
}
.ti-zip:before {
content: '\e664';
}
.ti-world:before {
content: '\e665';
}
.ti-wheelchair:before {
content: '\e666';
}
.ti-view-list:before {
content: '\e667';
}
.ti-view-list-alt:before {
content: '\e668';
}
.ti-view-grid:before {
content: '\e669';
}
.ti-uppercase:before {
content: '\e66a';
}
.ti-upload:before {
content: '\e66b';
}
.ti-underline:before {
content: '\e66c';
}
.ti-truck:before {
content: '\e66d';
}
.ti-timer:before {
content: '\e66e';
}
.ti-ticket:before {
content: '\e66f';
}
.ti-thumb-up:before {
content: '\e670';
}
.ti-thumb-down:before {
content: '\e671';
}
.ti-text:before {
content: '\e672';
}
.ti-stats-up:before {
content: '\e673';
}
.ti-stats-down:before {
content: '\e674';
}
.ti-split-v:before {
content: '\e675';
}
.ti-split-h:before {
content: '\e676';
}
.ti-smallcap:before {
content: '\e677';
}
.ti-shine:before {
content: '\e678';
}
.ti-shift-right:before {
content: '\e679';
}
.ti-shift-left:before {
content: '\e67a';
}
.ti-shield:before {
content: '\e67b';
}
.ti-notepad:before {
content: '\e67c';
}
.ti-server:before {
content: '\e67d';
}
.ti-quote-right:before {
content: '\e67e';
}
.ti-quote-left:before {
content: '\e67f';
}
.ti-pulse:before {
content: '\e680';
}
.ti-printer:before {
content: '\e681';
}
.ti-power-off:before {
content: '\e682';
}
.ti-plug:before {
content: '\e683';
}
.ti-pie-chart:before {
content: '\e684';
}
.ti-paragraph:before {
content: '\e685';
}
.ti-panel:before {
content: '\e686';
}
.ti-package:before {
content: '\e687';
}
.ti-music:before {
content: '\e688';
}
.ti-music-alt:before {
content: '\e689';
}
.ti-mouse:before {
content: '\e68a';
}
.ti-mouse-alt:before {
content: '\e68b';
}
.ti-money:before {
content: '\e68c';
}
.ti-microphone:before {
content: '\e68d';
}
.ti-menu:before {
content: '\e68e';
}
.ti-menu-alt:before {
content: '\e68f';
}
.ti-map:before {
content: '\e690';
}
.ti-map-alt:before {
content: '\e691';
}
.ti-loop:before {
content: '\e692';
}
.ti-location-pin:before {
content: '\e693';
}
.ti-list:before {
content: '\e694';
}
.ti-light-bulb:before {
content: '\e695';
}
.ti-Italic:before {
content: '\e696';
}
.ti-info:before {
content: '\e697';
}
.ti-infinite:before {
content: '\e698';
}
.ti-id-badge:before {
content: '\e699';
}
.ti-hummer:before {
content: '\e69a';
}
.ti-home:before {
content: '\e69b';
}
.ti-help:before {
content: '\e69c';
}
.ti-headphone:before {
content: '\e69d';
}
.ti-harddrives:before {
content: '\e69e';
}
.ti-harddrive:before {
content: '\e69f';
}
.ti-gift:before {
content: '\e6a0';
}
.ti-game:before {
content: '\e6a1';
}
.ti-filter:before {
content: '\e6a2';
}
.ti-files:before {
content: '\e6a3';
}
.ti-file:before {
content: '\e6a4';
}
.ti-eraser:before {
content: '\e6a5';
}
.ti-envelope:before {
content: '\e6a6';
}
.ti-download:before {
content: '\e6a7';
}
.ti-direction:before {
content: '\e6a8';
}
.ti-direction-alt:before {
content: '\e6a9';
}
.ti-dashboard:before {
content: '\e6aa';
}
.ti-control-stop:before {
content: '\e6ab';
}
.ti-control-shuffle:before {
content: '\e6ac';
}
.ti-control-play:before {
content: '\e6ad';
}
.ti-control-pause:before {
content: '\e6ae';
}
.ti-control-forward:before {
content: '\e6af';
}
.ti-control-backward:before {
content: '\e6b0';
}
.ti-cloud:before {
content: '\e6b1';
}
.ti-cloud-up:before {
content: '\e6b2';
}
.ti-cloud-down:before {
content: '\e6b3';
}
.ti-clipboard:before {
content: '\e6b4';
}
.ti-car:before {
content: '\e6b5';
}
.ti-calendar:before {
content: '\e6b6';
}
.ti-book:before {
content: '\e6b7';
}
.ti-bell:before {
content: '\e6b8';
}
.ti-basketball:before {
content: '\e6b9';
}
.ti-bar-chart:before {
content: '\e6ba';
}
.ti-bar-chart-alt:before {
content: '\e6bb';
}
.ti-back-right:before {
content: '\e6bc';
}
.ti-back-left:before {
content: '\e6bd';
}
.ti-arrows-corner:before {
content: '\e6be';
}
.ti-archive:before {
content: '\e6bf';
}
.ti-anchor:before {
content: '\e6c0';
}
.ti-align-right:before {
content: '\e6c1';
}
.ti-align-left:before {
content: '\e6c2';
}
.ti-align-justify:before {
content: '\e6c3';
}
.ti-align-center:before {
content: '\e6c4';
}
.ti-alert:before {
content: '\e6c5';
}
.ti-alarm-clock:before {
content: '\e6c6';
}
.ti-agenda:before {
content: '\e6c7';
}
.ti-write:before {
content: '\e6c8';
}
.ti-window:before {
content: '\e6c9';
}
.ti-widgetized:before {
content: '\e6ca';
}
.ti-widget:before {
content: '\e6cb';
}
.ti-widget-alt:before {
content: '\e6cc';
}
.ti-wallet:before {
content: '\e6cd';
}
.ti-video-clapper:before {
content: '\e6ce';
}
.ti-video-camera:before {
content: '\e6cf';
}
.ti-vector:before {
content: '\e6d0';
}
.ti-themify-logo:before {
content: '\e6d1';
}
.ti-themify-favicon:before {
content: '\e6d2';
}
.ti-themify-favicon-alt:before {
content: '\e6d3';
}
.ti-support:before {
content: '\e6d4';
}
.ti-stamp:before {
content: '\e6d5';
}
.ti-split-v-alt:before {
content: '\e6d6';
}
.ti-slice:before {
content: '\e6d7';
}
.ti-shortcode:before {
content: '\e6d8';
}
.ti-shift-right-alt:before {
content: '\e6d9';
}
.ti-shift-left-alt:before {
content: '\e6da';
}
.ti-ruler-alt-2:before {
content: '\e6db';
}
.ti-receipt:before {
content: '\e6dc';
}
.ti-pin2:before {
content: '\e6dd';
}
.ti-pin-alt:before {
content: '\e6de';
}
.ti-pencil-alt2:before {
content: '\e6df';
}
.ti-palette:before {
content: '\e6e0';
}
.ti-more:before {
content: '\e6e1';
}
.ti-more-alt:before {
content: '\e6e2';
}
.ti-microphone-alt:before {
content: '\e6e3';
}
.ti-magnet:before {
content: '\e6e4';
}
.ti-line-double:before {
content: '\e6e5';
}
.ti-line-dotted:before {
content: '\e6e6';
}
.ti-line-dashed:before {
content: '\e6e7';
}
.ti-layout-width-full:before {
content: '\e6e8';
}
.ti-layout-width-default:before {
content: '\e6e9';
}
.ti-layout-width-default-alt:before {
content: '\e6ea';
}
.ti-layout-tab:before {
content: '\e6eb';
}
.ti-layout-tab-window:before {
content: '\e6ec';
}
.ti-layout-tab-v:before {
content: '\e6ed';
}
.ti-layout-tab-min:before {
content: '\e6ee';
}
.ti-layout-slider:before {
content: '\e6ef';
}
.ti-layout-slider-alt:before {
content: '\e6f0';
}
.ti-layout-sidebar-right:before {
content: '\e6f1';
}
.ti-layout-sidebar-none:before {
content: '\e6f2';
}
.ti-layout-sidebar-left:before {
content: '\e6f3';
}
.ti-layout-placeholder:before {
content: '\e6f4';
}
.ti-layout-menu:before {
content: '\e6f5';
}
.ti-layout-menu-v:before {
content: '\e6f6';
}
.ti-layout-menu-separated:before {
content: '\e6f7';
}
.ti-layout-menu-full:before {
content: '\e6f8';
}
.ti-layout-media-right-alt:before {
content: '\e6f9';
}
.ti-layout-media-right:before {
content: '\e6fa';
}
.ti-layout-media-overlay:before {
content: '\e6fb';
}
.ti-layout-media-overlay-alt:before {
content: '\e6fc';
}
.ti-layout-media-overlay-alt-2:before {
content: '\e6fd';
}
.ti-layout-media-left-alt:before {
content: '\e6fe';
}
.ti-layout-media-left:before {
content: '\e6ff';
}
.ti-layout-media-center-alt:before {
content: '\e700';
}
.ti-layout-media-center:before {
content: '\e701';
}
.ti-layout-list-thumb:before {
content: '\e702';
}
.ti-layout-list-thumb-alt:before {
content: '\e703';
}
.ti-layout-list-post:before {
content: '\e704';
}
.ti-layout-list-large-image:before {
content: '\e705';
}
.ti-layout-line-solid:before {
content: '\e706';
}
.ti-layout-grid4:before {
content: '\e707';
}
.ti-layout-grid3:before {
content: '\e708';
}
.ti-layout-grid2:before {
content: '\e709';
}
.ti-layout-grid2-thumb:before {
content: '\e70a';
}
.ti-layout-cta-right:before {
content: '\e70b';
}
.ti-layout-cta-left:before {
content: '\e70c';
}
.ti-layout-cta-center:before {
content: '\e70d';
}
.ti-layout-cta-btn-right:before {
content: '\e70e';
}
.ti-layout-cta-btn-left:before {
content: '\e70f';
}
.ti-layout-column4:before {
content: '\e710';
}
.ti-layout-column3:before {
content: '\e711';
}
.ti-layout-column2:before {
content: '\e712';
}
.ti-layout-accordion-separated:before {
content: '\e713';
}
.ti-layout-accordion-merged:before {
content: '\e714';
}
.ti-layout-accordion-list:before {
content: '\e715';
}
.ti-ink-pen:before {
content: '\e716';
}
.ti-info-alt:before {
content: '\e717';
}
.ti-help-alt:before {
content: '\e718';
}
.ti-headphone-alt:before {
content: '\e719';
}
.ti-hand-point-up:before {
content: '\e71a';
}
.ti-hand-point-right:before {
content: '\e71b';
}
.ti-hand-point-left:before {
content: '\e71c';
}
.ti-hand-point-down:before {
content: '\e71d';
}
.ti-gallery:before {
content: '\e71e';
}
.ti-face-smile:before {
content: '\e71f';
}
.ti-face-sad:before {
content: '\e720';
}
.ti-credit-card:before {
content: '\e721';
}
.ti-control-skip-forward:before {
content: '\e722';
}
.ti-control-skip-backward:before {
content: '\e723';
}
.ti-control-record:before {
content: '\e724';
}
.ti-control-eject:before {
content: '\e725';
}
.ti-comments-smiley:before {
content: '\e726';
}
.ti-brush-alt:before {
content: '\e727';
}
.ti-youtube:before {
content: '\e728';
}
.ti-vimeo:before {
content: '\e729';
}
.ti-twitter:before {
content: '\e72a';
}
.ti-time:before {
content: '\e72b';
}
.ti-tumblr:before {
content: '\e72c';
}
.ti-skype:before {
content: '\e72d';
}
.ti-share:before {
content: '\e72e';
}
.ti-share-alt:before {
content: '\e72f';
}
.ti-rocket:before {
content: '\e730';
}
.ti-pinterest:before {
content: '\e731';
}
.ti-new-window:before {
content: '\e732';
}
.ti-microsoft:before {
content: '\e733';
}
.ti-list-ol:before {
content: '\e734';
}
.ti-linkedin:before {
content: '\e735';
}
.ti-layout-sidebar-2:before {
content: '\e736';
}
.ti-layout-grid4-alt:before {
content: '\e737';
}
.ti-layout-grid3-alt:before {
content: '\e738';
}
.ti-layout-grid2-alt:before {
content: '\e739';
}
.ti-layout-column4-alt:before {
content: '\e73a';
}
.ti-layout-column3-alt:before {
content: '\e73b';
}
.ti-layout-column2-alt:before {
content: '\e73c';
}
.ti-instagram:before {
content: '\e73d';
}
.ti-google:before {
content: '\e73e';
}
.ti-github:before {
content: '\e73f';
}
.ti-flickr:before {
content: '\e740';
}
.ti-facebook:before {
content: '\e741';
}
.ti-dropbox:before {
content: '\e742';
}
.ti-dribbble:before {
content: '\e743';
}
.ti-apple:before {
content: '\e744';
}
.ti-android:before {
content: '\e745';
}
.ti-save:before {
content: '\e746';
}
.ti-save-alt:before {
content: '\e747';
}
.ti-yahoo:before {
content: '\e748';
}
.ti-wordpress:before {
content: '\e749';
}
.ti-vimeo-alt:before {
content: '\e74a';
}
.ti-twitter-alt:before {
content: '\e74b';
}
.ti-tumblr-alt:before {
content: '\e74c';
}
.ti-trello:before {
content: '\e74d';
}
.ti-stack-overflow:before {
content: '\e74e';
}
.ti-soundcloud:before {
content: '\e74f';
}
.ti-sharethis:before {
content: '\e750';
}
.ti-sharethis-alt:before {
content: '\e751';
}
.ti-reddit:before {
content: '\e752';
}
.ti-pinterest-alt:before {
content: '\e753';
}
.ti-microsoft-alt:before {
content: '\e754';
}
.ti-linux:before {
content: '\e755';
}
.ti-jsfiddle:before {
content: '\e756';
}
.ti-joomla:before {
content: '\e757';
}
.ti-html5:before {
content: '\e758';
}
.ti-flickr-alt:before {
content: '\e759';
}
.ti-email:before {
content: '\e75a';
}
.ti-drupal:before {
content: '\e75b';
}
.ti-dropbox-alt:before {
content: '\e75c';
}
.ti-css3:before {
content: '\e75d';
}
.ti-rss:before {
content: '\e75e';
}
.ti-rss-alt:before {
content: '\e75f';
}
@font-face {
font-family: 'simple-line-icons';
src: url('Simple-Line-Icons.eot');
src: url('Simple-Line-Icons.eot') format('embedded-opentype'),
url('Simple-Line-Icons.ttf') format('truetype'),
url('Simple-Line-Icons.woff2') format('woff2'),
url('Simple-Line-Icons.woff') format('woff'),
url('Simple-Line-Icons.svg#simple-line-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-close,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawar,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calender,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symble-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pintarest,
.icon-social-github,
.icon-social-gplus,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox {
font-family: 'simple-line-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
content: '\e005';
}
.icon-people:before {
content: '\e001';
}
.icon-user-female:before {
content: '\e000';
}
.icon-user-follow:before {
content: '\e002';
}
.icon-user-following:before {
content: '\e003';
}
.icon-user-unfollow:before {
content: '\e004';
}
.icon-login:before {
content: '\e066';
}
.icon-logout:before {
content: '\e065';
}
.icon-emotsmile:before {
content: '\e021';
}
.icon-phone:before {
content: '\e600';
}
.icon-call-end:before {
content: '\e048';
}
.icon-call-in:before {
content: '\e047';
}
.icon-call-out:before {
content: '\e046';
}
.icon-map:before {
content: '\e033';
}
.icon-location-pin:before {
content: '\e096';
}
.icon-direction:before {
content: '\e042';
}
.icon-directions:before {
content: '\e041';
}
.icon-compass:before {
content: '\e045';
}
.icon-layers:before {
content: '\e034';
}
.icon-menu:before {
content: '\e601';
}
.icon-list:before {
content: '\e067';
}
.icon-options-vertical:before {
content: '\e602';
}
.icon-options:before {
content: '\e603';
}
.icon-arrow-down:before {
content: '\e604';
}
.icon-arrow-left:before {
content: '\e605';
}
.icon-arrow-right:before {
content: '\e606';
}
.icon-arrow-up:before {
content: '\e607';
}
.icon-arrow-up-circle:before {
content: '\e078';
}
.icon-arrow-left-circle:before {
content: '\e07a';
}
.icon-arrow-right-circle:before {
content: '\e079';
}
.icon-arrow-down-circle:before {
content: '\e07b';
}
.icon-check:before {
content: '\e080';
}
.icon-clock:before {
content: '\e081';
}
.icon-plus:before {
content: '\e095';
}
.icon-close:before {
content: '\e082';
}
.icon-trophy:before {
content: '\e006';
}
.icon-screen-smartphone:before {
content: '\e010';
}
.icon-screen-desktop:before {
content: '\e011';
}
.icon-plane:before {
content: '\e012';
}
.icon-notebook:before {
content: '\e013';
}
.icon-mustache:before {
content: '\e014';
}
.icon-mouse:before {
content: '\e015';
}
.icon-magnet:before {
content: '\e016';
}
.icon-energy:before {
content: '\e020';
}
.icon-disc:before {
content: '\e022';
}
.icon-cursor:before {
content: '\e06e';
}
.icon-cursor-move:before {
content: '\e023';
}
.icon-crop:before {
content: '\e024';
}
.icon-chemistry:before {
content: '\e026';
}
.icon-speedometer:before {
content: '\e007';
}
.icon-shield:before {
content: '\e00e';
}
.icon-screen-tablet:before {
content: '\e00f';
}
.icon-magic-wand:before {
content: '\e017';
}
.icon-hourglass:before {
content: '\e018';
}
.icon-graduation:before {
content: '\e019';
}
.icon-ghost:before {
content: '\e01a';
}
.icon-game-controller:before {
content: '\e01b';
}
.icon-fire:before {
content: '\e01c';
}
.icon-eyeglass:before {
content: '\e01d';
}
.icon-envelope-open:before {
content: '\e01e';
}
.icon-envelope-letter:before {
content: '\e01f';
}
.icon-bell:before {
content: '\e027';
}
.icon-badge:before {
content: '\e028';
}
.icon-anchor:before {
content: '\e029';
}
.icon-wallet:before {
content: '\e02a';
}
.icon-vector:before {
content: '\e02b';
}
.icon-speech:before {
content: '\e02c';
}
.icon-puzzle:before {
content: '\e02d';
}
.icon-printer:before {
content: '\e02e';
}
.icon-present:before {
content: '\e02f';
}
.icon-playlist:before {
content: '\e030';
}
.icon-pin:before {
content: '\e031';
}
.icon-picture:before {
content: '\e032';
}
.icon-handbag:before {
content: '\e035';
}
.icon-globe-alt:before {
content: '\e036';
}
.icon-globe:before {
content: '\e037';
}
.icon-folder-alt:before {
content: '\e039';
}
.icon-folder:before {
content: '\e089';
}
.icon-film:before {
content: '\e03a';
}
.icon-feed:before {
content: '\e03b';
}
.icon-drop:before {
content: '\e03e';
}
.icon-drawar:before {
content: '\e03f';
}
.icon-docs:before {
content: '\e040';
}
.icon-doc:before {
content: '\e085';
}
.icon-diamond:before {
content: '\e043';
}
.icon-cup:before {
content: '\e044';
}
.icon-calculator:before {
content: '\e049';
}
.icon-bubbles:before {
content: '\e04a';
}
.icon-briefcase:before {
content: '\e04b';
}
.icon-book-open:before {
content: '\e04c';
}
.icon-basket-loaded:before {
content: '\e04d';
}
.icon-basket:before {
content: '\e04e';
}
.icon-bag:before {
content: '\e04f';
}
.icon-action-undo:before {
content: '\e050';
}
.icon-action-redo:before {
content: '\e051';
}
.icon-wrench:before {
content: '\e052';
}
.icon-umbrella:before {
content: '\e053';
}
.icon-trash:before {
content: '\e054';
}
.icon-tag:before {
content: '\e055';
}
.icon-support:before {
content: '\e056';
}
.icon-frame:before {
content: '\e038';
}
.icon-size-fullscreen:before {
content: '\e057';
}
.icon-size-actual:before {
content: '\e058';
}
.icon-shuffle:before {
content: '\e059';
}
.icon-share-alt:before {
content: '\e05a';
}
.icon-share:before {
content: '\e05b';
}
.icon-rocket:before {
content: '\e05c';
}
.icon-question:before {
content: '\e05d';
}
.icon-pie-chart:before {
content: '\e05e';
}
.icon-pencil:before {
content: '\e05f';
}
.icon-note:before {
content: '\e060';
}
.icon-loop:before {
content: '\e064';
}
.icon-home:before {
content: '\e069';
}
.icon-grid:before {
content: '\e06a';
}
.icon-graph:before {
content: '\e06b';
}
.icon-microphone:before {
content: '\e063';
}
.icon-music-tone-alt:before {
content: '\e061';
}
.icon-music-tone:before {
content: '\e062';
}
.icon-earphones-alt:before {
content: '\e03c';
}
.icon-earphones:before {
content: '\e03d';
}
.icon-equalizer:before {
content: '\e06c';
}
.icon-like:before {
content: '\e068';
}
.icon-dislike:before {
content: '\e06d';
}
.icon-control-start:before {
content: '\e06f';
}
.icon-control-rewind:before {
content: '\e070';
}
.icon-control-play:before {
content: '\e071';
}
.icon-control-pause:before {
content: '\e072';
}
.icon-control-forward:before {
content: '\e073';
}
.icon-control-end:before {
content: '\e074';
}
.icon-volume-1:before {
content: '\e09f';
}
.icon-volume-2:before {
content: '\e0a0';
}
.icon-volume-off:before {
content: '\e0a1';
}
.icon-calender:before {
content: '\e075';
}
.icon-bulb:before {
content: '\e076';
}
.icon-chart:before {
content: '\e077';
}
.icon-ban:before {
content: '\e07c';
}
.icon-bubble:before {
content: '\e07d';
}
.icon-camrecorder:before {
content: '\e07e';
}
.icon-camera:before {
content: '\e07f';
}
.icon-cloud-download:before {
content: '\e083';
}
.icon-cloud-upload:before {
content: '\e084';
}
.icon-envelope:before {
content: '\e086';
}
.icon-eye:before {
content: '\e087';
}
.icon-flag:before {
content: '\e088';
}
.icon-heart:before {
content: '\e08a';
}
.icon-info:before {
content: '\e08b';
}
.icon-key:before {
content: '\e08c';
}
.icon-link:before {
content: '\e08d';
}
.icon-lock:before {
content: '\e08e';
}
.icon-lock-open:before {
content: '\e08f';
}
.icon-magnifier:before {
content: '\e090';
}
.icon-magnifier-add:before {
content: '\e091';
}
.icon-magnifier-remove:before {
content: '\e092';
}
.icon-paper-clip:before {
content: '\e093';
}
.icon-paper-plane:before {
content: '\e094';
}
.icon-power:before {
content: '\e097';
}
.icon-refresh:before {
content: '\e098';
}
.icon-reload:before {
content: '\e099';
}
.icon-settings:before {
content: '\e09a';
}
.icon-star:before {
content: '\e09b';
}
.icon-symble-female:before {
content: '\e09c';
}
.icon-symbol-male:before {
content: '\e09d';
}
.icon-target:before {
content: '\e09e';
}
.icon-credit-card:before {
content: '\e025';
}
.icon-paypal:before {
content: '\e608';
}
.icon-social-tumblr:before {
content: '\e00a';
}
.icon-social-twitter:before {
content: '\e009';
}
.icon-social-facebook:before {
content: '\e00b';
}
.icon-social-instagram:before {
content: '\e609';
}
.icon-social-linkedin:before {
content: '\e60a';
}
.icon-social-pintarest:before {
content: '\e60b';
}
.icon-social-github:before {
content: '\e60c';
}
.icon-social-gplus:before {
content: '\e60d';
}
.icon-social-reddit:before {
content: '\e60e';
}
.icon-social-skype:before {
content: '\e60f';
}
.icon-social-dribbble:before {
content: '\e00d';
}
.icon-social-behance:before {
content: '\e610';
}
.icon-social-foursqare:before {
content: '\e611';
}
.icon-social-soundcloud:before {
content: '\e612';
}
.icon-social-spotify:before {
content: '\e613';
}
.icon-social-stumbleupon:before {
content: '\e614';
}
.icon-social-youtube:before {
content: '\e008';
}
.icon-social-dropbox:before {
content: '\e00c';
}
/*!
Ionicons, v1.5.0
Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
https://twitter.com/benjsperry https://twitter.com/ionicframework
MIT License: https://github.com/driftyco/ionicons
*/
@font-face {
font-family: 'Ionicons';
src: url('ionicons.eot?v=1.5.0');
src: url('ionicons.eot?v=1.5.0#iefix') format('embedded-opentype'), url('ionicons.ttf?v=1.5.0') format('truetype'),
url('ionicons.woff?v=1.5.0') format('woff'), url('ionicons.svg?v=1.5.0#Ionicons') format('svg');
font-weight: normal;
font-style: normal;
}
.ion,
.ion-loading-a,
.ion-loading-b,
.ion-loading-c,
.ion-loading-d,
.ion-looping,
.ion-refreshing,
.ion-ios7-reloading,
.ionicons,
.ion-alert,
.ion-alert-circled,
.ion-android-add,
.ion-android-add-contact,
.ion-android-alarm,
.ion-android-archive,
.ion-android-arrow-back,
.ion-android-arrow-down-left,
.ion-android-arrow-down-right,
.ion-android-arrow-forward,
.ion-android-arrow-up-left,
.ion-android-arrow-up-right,
.ion-android-battery,
.ion-android-book,
.ion-android-calendar,
.ion-android-call,
.ion-android-camera,
.ion-android-chat,
.ion-android-checkmark,
.ion-android-clock,
.ion-android-close,
.ion-android-contact,
.ion-android-contacts,
.ion-android-data,
.ion-android-developer,
.ion-android-display,
.ion-android-download,
.ion-android-drawer,
.ion-android-dropdown,
.ion-android-earth,
.ion-android-folder,
.ion-android-forums,
.ion-android-friends,
.ion-android-hand,
.ion-android-image,
.ion-android-inbox,
.ion-android-information,
.ion-android-keypad,
.ion-android-lightbulb,
.ion-android-locate,
.ion-android-location,
.ion-android-mail,
.ion-android-microphone,
.ion-android-mixer,
.ion-android-more,
.ion-android-note,
.ion-android-playstore,
.ion-android-printer,
.ion-android-promotion,
.ion-android-reminder,
.ion-android-remove,
.ion-android-search,
.ion-android-send,
.ion-android-settings,
.ion-android-share,
.ion-android-social,
.ion-android-social-user,
.ion-android-sort,
.ion-android-stair-drawer,
.ion-android-star,
.ion-android-stopwatch,
.ion-android-storage,
.ion-android-system-back,
.ion-android-system-home,
.ion-android-system-windows,
.ion-android-timer,
.ion-android-trash,
.ion-android-user-menu,
.ion-android-volume,
.ion-android-wifi,
.ion-aperture,
.ion-archive,
.ion-arrow-down-a,
.ion-arrow-down-b,
.ion-arrow-down-c,
.ion-arrow-expand,
.ion-arrow-graph-down-left,
.ion-arrow-graph-down-right,
.ion-arrow-graph-up-left,
.ion-arrow-graph-up-right,
.ion-arrow-left-a,
.ion-arrow-left-b,
.ion-arrow-left-c,
.ion-arrow-move,
.ion-arrow-resize,
.ion-arrow-return-left,
.ion-arrow-return-right,
.ion-arrow-right-a,
.ion-arrow-right-b,
.ion-arrow-right-c,
.ion-arrow-shrink,
.ion-arrow-swap,
.ion-arrow-up-a,
.ion-arrow-up-b,
.ion-arrow-up-c,
.ion-asterisk,
.ion-at,
.ion-bag,
.ion-battery-charging,
.ion-battery-empty,
.ion-battery-full,
.ion-battery-half,
.ion-battery-low,
.ion-beaker,
.ion-beer,
.ion-bluetooth,
.ion-bonfire,
.ion-bookmark,
.ion-briefcase,
.ion-bug,
.ion-calculator,
.ion-calendar,
.ion-camera,
.ion-card,
.ion-cash,
.ion-chatbox,
.ion-chatbox-working,
.ion-chatboxes,
.ion-chatbubble,
.ion-chatbubble-working,
.ion-chatbubbles,
.ion-checkmark,
.ion-checkmark-circled,
.ion-checkmark-round,
.ion-chevron-down,
.ion-chevron-left,
.ion-chevron-right,
.ion-chevron-up,
.ion-clipboard,
.ion-clock,
.ion-close,
.ion-close-circled,
.ion-close-round,
.ion-closed-captioning,
.ion-cloud,
.ion-code,
.ion-code-download,
.ion-code-working,
.ion-coffee,
.ion-compass,
.ion-compose,
.ion-connection-bars,
.ion-contrast,
.ion-cube,
.ion-disc,
.ion-document,
.ion-document-text,
.ion-drag,
.ion-earth,
.ion-edit,
.ion-egg,
.ion-eject,
.ion-email,
.ion-eye,
.ion-eye-disabled,
.ion-female,
.ion-filing,
.ion-film-marker,
.ion-fireball,
.ion-flag,
.ion-flame,
.ion-flash,
.ion-flash-off,
.ion-flask,
.ion-folder,
.ion-fork,
.ion-fork-repo,
.ion-forward,
.ion-funnel,
.ion-game-controller-a,
.ion-game-controller-b,
.ion-gear-a,
.ion-gear-b,
.ion-grid,
.ion-hammer,
.ion-happy,
.ion-headphone,
.ion-heart,
.ion-heart-broken,
.ion-help,
.ion-help-buoy,
.ion-help-circled,
.ion-home,
.ion-icecream,
.ion-icon-social-google-plus,
.ion-icon-social-google-plus-outline,
.ion-image,
.ion-images,
.ion-information,
.ion-information-circled,
.ion-ionic,
.ion-ios7-alarm,
.ion-ios7-alarm-outline,
.ion-ios7-albums,
.ion-ios7-albums-outline,
.ion-ios7-americanfootball,
.ion-ios7-americanfootball-outline,
.ion-ios7-analytics,
.ion-ios7-analytics-outline,
.ion-ios7-arrow-back,
.ion-ios7-arrow-down,
.ion-ios7-arrow-forward,
.ion-ios7-arrow-left,
.ion-ios7-arrow-right,
.ion-ios7-arrow-thin-down,
.ion-ios7-arrow-thin-left,
.ion-ios7-arrow-thin-right,
.ion-ios7-arrow-thin-up,
.ion-ios7-arrow-up,
.ion-ios7-at,
.ion-ios7-at-outline,
.ion-ios7-barcode,
.ion-ios7-barcode-outline,
.ion-ios7-baseball,
.ion-ios7-baseball-outline,
.ion-ios7-basketball,
.ion-ios7-basketball-outline,
.ion-ios7-bell,
.ion-ios7-bell-outline,
.ion-ios7-bolt,
.ion-ios7-bolt-outline,
.ion-ios7-bookmarks,
.ion-ios7-bookmarks-outline,
.ion-ios7-box,
.ion-ios7-box-outline,
.ion-ios7-briefcase,
.ion-ios7-briefcase-outline,
.ion-ios7-browsers,
.ion-ios7-browsers-outline,
.ion-ios7-calculator,
.ion-ios7-calculator-outline,
.ion-ios7-calendar,
.ion-ios7-calendar-outline,
.ion-ios7-camera,
.ion-ios7-camera-outline,
.ion-ios7-cart,
.ion-ios7-cart-outline,
.ion-ios7-chatboxes,
.ion-ios7-chatboxes-outline,
.ion-ios7-chatbubble,
.ion-ios7-chatbubble-outline,
.ion-ios7-checkmark,
.ion-ios7-checkmark-empty,
.ion-ios7-checkmark-outline,
.ion-ios7-circle-filled,
.ion-ios7-circle-outline,
.ion-ios7-clock,
.ion-ios7-clock-outline,
.ion-ios7-close,
.ion-ios7-close-empty,
.ion-ios7-close-outline,
.ion-ios7-cloud,
.ion-ios7-cloud-download,
.ion-ios7-cloud-download-outline,
.ion-ios7-cloud-outline,
.ion-ios7-cloud-upload,
.ion-ios7-cloud-upload-outline,
.ion-ios7-cloudy,
.ion-ios7-cloudy-night,
.ion-ios7-cloudy-night-outline,
.ion-ios7-cloudy-outline,
.ion-ios7-cog,
.ion-ios7-cog-outline,
.ion-ios7-compose,
.ion-ios7-compose-outline,
.ion-ios7-contact,
.ion-ios7-contact-outline,
.ion-ios7-copy,
.ion-ios7-copy-outline,
.ion-ios7-download,
.ion-ios7-download-outline,
.ion-ios7-drag,
.ion-ios7-email,
.ion-ios7-email-outline,
.ion-ios7-expand,
.ion-ios7-eye,
.ion-ios7-eye-outline,
.ion-ios7-fastforward,
.ion-ios7-fastforward-outline,
.ion-ios7-filing,
.ion-ios7-filing-outline,
.ion-ios7-film,
.ion-ios7-film-outline,
.ion-ios7-flag,
.ion-ios7-flag-outline,
.ion-ios7-folder,
.ion-ios7-folder-outline,
.ion-ios7-football,
.ion-ios7-football-outline,
.ion-ios7-gear,
.ion-ios7-gear-outline,
.ion-ios7-glasses,
.ion-ios7-glasses-outline,
.ion-ios7-heart,
.ion-ios7-heart-outline,
.ion-ios7-help,
.ion-ios7-help-empty,
.ion-ios7-help-outline,
.ion-ios7-home,
.ion-ios7-home-outline,
.ion-ios7-infinite,
.ion-ios7-infinite-outline,
.ion-ios7-information,
.ion-ios7-information-empty,
.ion-ios7-information-outline,
.ion-ios7-ionic-outline,
.ion-ios7-keypad,
.ion-ios7-keypad-outline,
.ion-ios7-lightbulb,
.ion-ios7-lightbulb-outline,
.ion-ios7-location,
.ion-ios7-location-outline,
.ion-ios7-locked,
.ion-ios7-locked-outline,
.ion-ios7-loop,
.ion-ios7-loop-strong,
.ion-ios7-medkit,
.ion-ios7-medkit-outline,
.ion-ios7-mic,
.ion-ios7-mic-off,
.ion-ios7-mic-outline,
.ion-ios7-minus,
.ion-ios7-minus-empty,
.ion-ios7-minus-outline,
.ion-ios7-monitor,
.ion-ios7-monitor-outline,
.ion-ios7-moon,
.ion-ios7-moon-outline,
.ion-ios7-more,
.ion-ios7-more-outline,
.ion-ios7-musical-note,
.ion-ios7-musical-notes,
.ion-ios7-navigate,
.ion-ios7-navigate-outline,
.ion-ios7-paper,
.ion-ios7-paper-outline,
.ion-ios7-paperplane,
.ion-ios7-paperplane-outline,
.ion-ios7-partlysunny,
.ion-ios7-partlysunny-outline,
.ion-ios7-pause,
.ion-ios7-pause-outline,
.ion-ios7-paw,
.ion-ios7-paw-outline,
.ion-ios7-people,
.ion-ios7-people-outline,
.ion-ios7-person,
.ion-ios7-person-outline,
.ion-ios7-personadd,
.ion-ios7-personadd-outline,
.ion-ios7-photos,
.ion-ios7-photos-outline,
.ion-ios7-pie,
.ion-ios7-pie-outline,
.ion-ios7-play,
.ion-ios7-play-outline,
.ion-ios7-plus,
.ion-ios7-plus-empty,
.ion-ios7-plus-outline,
.ion-ios7-pricetag,
.ion-ios7-pricetag-outline,
.ion-ios7-pricetags,
.ion-ios7-pricetags-outline,
.ion-ios7-printer,
.ion-ios7-printer-outline,
.ion-ios7-pulse,
.ion-ios7-pulse-strong,
.ion-ios7-rainy,
.ion-ios7-rainy-outline,
.ion-ios7-recording,
.ion-ios7-recording-outline,
.ion-ios7-redo,
.ion-ios7-redo-outline,
.ion-ios7-refresh,
.ion-ios7-refresh-empty,
.ion-ios7-refresh-outline,
.ion-ios7-reload,
.ion-ios7-reverse-camera,
.ion-ios7-reverse-camera-outline,
.ion-ios7-rewind,
.ion-ios7-rewind-outline,
.ion-ios7-search,
.ion-ios7-search-strong,
.ion-ios7-settings,
.ion-ios7-settings-strong,
.ion-ios7-shrink,
.ion-ios7-skipbackward,
.ion-ios7-skipbackward-outline,
.ion-ios7-skipforward,
.ion-ios7-skipforward-outline,
.ion-ios7-snowy,
.ion-ios7-speedometer,
.ion-ios7-speedometer-outline,
.ion-ios7-star,
.ion-ios7-star-half,
.ion-ios7-star-outline,
.ion-ios7-stopwatch,
.ion-ios7-stopwatch-outline,
.ion-ios7-sunny,
.ion-ios7-sunny-outline,
.ion-ios7-telephone,
.ion-ios7-telephone-outline,
.ion-ios7-tennisball,
.ion-ios7-tennisball-outline,
.ion-ios7-thunderstorm,
.ion-ios7-thunderstorm-outline,
.ion-ios7-time,
.ion-ios7-time-outline,
.ion-ios7-timer,
.ion-ios7-timer-outline,
.ion-ios7-toggle,
.ion-ios7-toggle-outline,
.ion-ios7-trash,
.ion-ios7-trash-outline,
.ion-ios7-undo,
.ion-ios7-undo-outline,
.ion-ios7-unlocked,
.ion-ios7-unlocked-outline,
.ion-ios7-upload,
.ion-ios7-upload-outline,
.ion-ios7-videocam,
.ion-ios7-videocam-outline,
.ion-ios7-volume-high,
.ion-ios7-volume-low,
.ion-ios7-wineglass,
.ion-ios7-wineglass-outline,
.ion-ios7-world,
.ion-ios7-world-outline,
.ion-ipad,
.ion-iphone,
.ion-ipod,
.ion-jet,
.ion-key,
.ion-knife,
.ion-laptop,
.ion-leaf,
.ion-levels,
.ion-lightbulb,
.ion-link,
.ion-load-a,
.ion-load-b,
.ion-load-c,
.ion-load-d,
.ion-location,
.ion-locked,
.ion-log-in,
.ion-log-out,
.ion-loop,
.ion-magnet,
.ion-male,
.ion-man,
.ion-map,
.ion-medkit,
.ion-merge,
.ion-mic-a,
.ion-mic-b,
.ion-mic-c,
.ion-minus,
.ion-minus-circled,
.ion-minus-round,
.ion-model-s,
.ion-monitor,
.ion-more,
.ion-mouse,
.ion-music-note,
.ion-navicon,
.ion-navicon-round,
.ion-navigate,
.ion-network,
.ion-no-smoking,
.ion-nuclear,
.ion-outlet,
.ion-paper-airplane,
.ion-paperclip,
.ion-pause,
.ion-person,
.ion-person-add,
.ion-person-stalker,
.ion-pie-graph,
.ion-pin,
.ion-pinpoint,
.ion-pizza,
.ion-plane,
.ion-planet,
.ion-play,
.ion-playstation,
.ion-plus,
.ion-plus-circled,
.ion-plus-round,
.ion-podium,
.ion-pound,
.ion-power,
.ion-pricetag,
.ion-pricetags,
.ion-printer,
.ion-pull-request,
.ion-qr-scanner,
.ion-quote,
.ion-radio-waves,
.ion-record,
.ion-refresh,
.ion-reply,
.ion-reply-all,
.ion-ribbon-a,
.ion-ribbon-b,
.ion-sad,
.ion-scissors,
.ion-search,
.ion-settings,
.ion-share,
.ion-shuffle,
.ion-skip-backward,
.ion-skip-forward,
.ion-social-android,
.ion-social-android-outline,
.ion-social-apple,
.ion-social-apple-outline,
.ion-social-bitcoin,
.ion-social-bitcoin-outline,
.ion-social-buffer,
.ion-social-buffer-outline,
.ion-social-designernews,
.ion-social-designernews-outline,
.ion-social-dribbble,
.ion-social-dribbble-outline,
.ion-social-dropbox,
.ion-social-dropbox-outline,
.ion-social-facebook,
.ion-social-facebook-outline,
.ion-social-foursquare,
.ion-social-foursquare-outline,
.ion-social-freebsd-devil,
.ion-social-github,
.ion-social-github-outline,
.ion-social-google,
.ion-social-google-outline,
.ion-social-googleplus,
.ion-social-googleplus-outline,
.ion-social-hackernews,
.ion-social-hackernews-outline,
.ion-social-instagram,
.ion-social-instagram-outline,
.ion-social-linkedin,
.ion-social-linkedin-outline,
.ion-social-pinterest,
.ion-social-pinterest-outline,
.ion-social-reddit,
.ion-social-reddit-outline,
.ion-social-rss,
.ion-social-rss-outline,
.ion-social-skype,
.ion-social-skype-outline,
.ion-social-tumblr,
.ion-social-tumblr-outline,
.ion-social-tux,
.ion-social-twitter,
.ion-social-twitter-outline,
.ion-social-usd,
.ion-social-usd-outline,
.ion-social-vimeo,
.ion-social-vimeo-outline,
.ion-social-windows,
.ion-social-windows-outline,
.ion-social-wordpress,
.ion-social-wordpress-outline,
.ion-social-yahoo,
.ion-social-yahoo-outline,
.ion-social-youtube,
.ion-social-youtube-outline,
.ion-speakerphone,
.ion-speedometer,
.ion-spoon,
.ion-star,
.ion-stats-bars,
.ion-steam,
.ion-stop,
.ion-thermometer,
.ion-thumbsdown,
.ion-thumbsup,
.ion-toggle,
.ion-toggle-filled,
.ion-trash-a,
.ion-trash-b,
.ion-trophy,
.ion-umbrella,
.ion-university,
.ion-unlocked,
.ion-upload,
.ion-usb,
.ion-videocamera,
.ion-volume-high,
.ion-volume-low,
.ion-volume-medium,
.ion-volume-mute,
.ion-wand,
.ion-waterdrop,
.ion-wifi,
.ion-wineglass,
.ion-woman,
.ion-wrench,
.ion-xbox {
display: inline-block;
font-family: 'Ionicons';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ion-spin,
.ion-loading-a,
.ion-loading-b,
.ion-loading-c,
.ion-loading-d,
.ion-looping,
.ion-refreshing,
.ion-ios7-reloading {
animation: spin 1s infinite linear;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.ion-loading-a {
animation-timing-function: steps(8, start);
}
.ion-alert:before {
content: '';
}
.ion-alert-circled:before {
content: '';
}
.ion-android-add:before {
content: '';
}
.ion-android-add-contact:before {
content: '';
}
.ion-android-alarm:before {
content: '';
}
.ion-android-archive:before {
content: '';
}
.ion-android-arrow-back:before {
content: '';
}
.ion-android-arrow-down-left:before {
content: '';
}
.ion-android-arrow-down-right:before {
content: '';
}
.ion-android-arrow-forward:before {
content: '';
}
.ion-android-arrow-up-left:before {
content: '';
}
.ion-android-arrow-up-right:before {
content: '';
}
.ion-android-battery:before {
content: '';
}
.ion-android-book:before {
content: '';
}
.ion-android-calendar:before {
content: '';
}
.ion-android-call:before {
content: '';
}
.ion-android-camera:before {
content: '';
}
.ion-android-chat:before {
content: '';
}
.ion-android-checkmark:before {
content: '';
}
.ion-android-clock:before {
content: '';
}
.ion-android-close:before {
content: '';
}
.ion-android-contact:before {
content: '';
}
.ion-android-contacts:before {
content: '';
}
.ion-android-data:before {
content: '';
}
.ion-android-developer:before {
content: '';
}
.ion-android-display:before {
content: '';
}
.ion-android-download:before {
content: '';
}
.ion-android-drawer:before {
content: '';
}
.ion-android-dropdown:before {
content: '';
}
.ion-android-earth:before {
content: '';
}
.ion-android-folder:before {
content: '';
}
.ion-android-forums:before {
content: '';
}
.ion-android-friends:before {
content: '';
}
.ion-android-hand:before {
content: '';
}
.ion-android-image:before {
content: '';
}
.ion-android-inbox:before {
content: '';
}
.ion-android-information:before {
content: '';
}
.ion-android-keypad:before {
content: '';
}
.ion-android-lightbulb:before {
content: '';
}
.ion-android-locate:before {
content: '';
}
.ion-android-location:before {
content: '';
}
.ion-android-mail:before {
content: '';
}
.ion-android-microphone:before {
content: '';
}
.ion-android-mixer:before {
content: '';
}
.ion-android-more:before {
content: '';
}
.ion-android-note:before {
content: '';
}
.ion-android-playstore:before {
content: '';
}
.ion-android-printer:before {
content: '';
}
.ion-android-promotion:before {
content: '';
}
.ion-android-reminder:before {
content: '';
}
.ion-android-remove:before {
content: '';
}
.ion-android-search:before {
content: '';
}
.ion-android-send:before {
content: '';
}
.ion-android-settings:before {
content: '';
}
.ion-android-share:before {
content: '';
}
.ion-android-social:before {
content: '';
}
.ion-android-social-user:before {
content: '';
}
.ion-android-sort:before {
content: '';
}
.ion-android-stair-drawer:before {
content: '';
}
.ion-android-star:before {
content: '';
}
.ion-android-stopwatch:before {
content: '';
}
.ion-android-storage:before {
content: '';
}
.ion-android-system-back:before {
content: '';
}
.ion-android-system-home:before {
content: '';
}
.ion-android-system-windows:before {
content: '';
}
.ion-android-timer:before {
content: '';
}
.ion-android-trash:before {
content: '';
}
.ion-android-user-menu:before {
content: '';
}
.ion-android-volume:before {
content: '';
}
.ion-android-wifi:before {
content: '';
}
.ion-aperture:before {
content: '';
}
.ion-archive:before {
content: '';
}
.ion-arrow-down-a:before {
content: '';
}
.ion-arrow-down-b:before {
content: '';
}
.ion-arrow-down-c:before {
content: '';
}
.ion-arrow-expand:before {
content: '';
}
.ion-arrow-graph-down-left:before {
content: '';
}
.ion-arrow-graph-down-right:before {
content: '';
}
.ion-arrow-graph-up-left:before {
content: '';
}
.ion-arrow-graph-up-right:before {
content: '';
}
.ion-arrow-left-a:before {
content: '';
}
.ion-arrow-left-b:before {
content: '';
}
.ion-arrow-left-c:before {
content: '';
}
.ion-arrow-move:before {
content: '';
}
.ion-arrow-resize:before {
content: '';
}
.ion-arrow-return-left:before {
content: '';
}
.ion-arrow-return-right:before {
content: '';
}
.ion-arrow-right-a:before {
content: '';
}
.ion-arrow-right-b:before {
content: '';
}
.ion-arrow-right-c:before {
content: '';
}
.ion-arrow-shrink:before {
content: '';
}
.ion-arrow-swap:before {
content: '';
}
.ion-arrow-up-a:before {
content: '';
}
.ion-arrow-up-b:before {
content: '';
}
.ion-arrow-up-c:before {
content: '';
}
.ion-asterisk:before {
content: '';
}
.ion-at:before {
content: '';
}
.ion-bag:before {
content: '';
}
.ion-battery-charging:before {
content: '';
}
.ion-battery-empty:before {
content: '';
}
.ion-battery-full:before {
content: '';
}
.ion-battery-half:before {
content: '';
}
.ion-battery-low:before {
content: '';
}
.ion-beaker:before {
content: '';
}
.ion-beer:before {
content: '';
}
.ion-bluetooth:before {
content: '';
}
.ion-bonfire:before {
content: '';
}
.ion-bookmark:before {
content: '';
}
.ion-briefcase:before {
content: '';
}
.ion-bug:before {
content: '';
}
.ion-calculator:before {
content: '';
}
.ion-calendar:before {
content: '';
}
.ion-camera:before {
content: '';
}
.ion-card:before {
content: '';
}
.ion-cash:before {
content: '';
}
.ion-chatbox:before {
content: '';
}
.ion-chatbox-working:before {
content: '';
}
.ion-chatboxes:before {
content: '';
}
.ion-chatbubble:before {
content: '';
}
.ion-chatbubble-working:before {
content: '';
}
.ion-chatbubbles:before {
content: '';
}
.ion-checkmark:before {
content: '';
}
.ion-checkmark-circled:before {
content: '';
}
.ion-checkmark-round:before {
content: '';
}
.ion-chevron-down:before {
content: '';
}
.ion-chevron-left:before {
content: '';
}
.ion-chevron-right:before {
content: '';
}
.ion-chevron-up:before {
content: '';
}
.ion-clipboard:before {
content: '';
}
.ion-clock:before {
content: '';
}
.ion-close:before {
content: '';
}
.ion-close-circled:before {
content: '';
}
.ion-close-round:before {
content: '';
}
.ion-closed-captioning:before {
content: '';
}
.ion-cloud:before {
content: '';
}
.ion-code:before {
content: '';
}
.ion-code-download:before {
content: '';
}
.ion-code-working:before {
content: '';
}
.ion-coffee:before {
content: '';
}
.ion-compass:before {
content: '';
}
.ion-compose:before {
content: '';
}
.ion-connection-bars:before {
content: '';
}
.ion-contrast:before {
content: '';
}
.ion-cube:before {
content: '';
}
.ion-disc:before {
content: '';
}
.ion-document:before {
content: '';
}
.ion-document-text:before {
content: '';
}
.ion-drag:before {
content: '';
}
.ion-earth:before {
content: '';
}
.ion-edit:before {
content: '';
}
.ion-egg:before {
content: '';
}
.ion-eject:before {
content: '';
}
.ion-email:before {
content: '';
}
.ion-eye:before {
content: '';
}
.ion-eye-disabled:before {
content: '';
}
.ion-female:before {
content: '';
}
.ion-filing:before {
content: '';
}
.ion-film-marker:before {
content: '';
}
.ion-fireball:before {
content: '';
}
.ion-flag:before {
content: '';
}
.ion-flame:before {
content: '';
}
.ion-flash:before {
content: '';
}
.ion-flash-off:before {
content: '';
}
.ion-flask:before {
content: '';
}
.ion-folder:before {
content: '';
}
.ion-fork:before {
content: '';
}
.ion-fork-repo:before {
content: '';
}
.ion-forward:before {
content: '';
}
.ion-funnel:before {
content: '';
}
.ion-game-controller-a:before {
content: '';
}
.ion-game-controller-b:before {
content: '';
}
.ion-gear-a:before {
content: '';
}
.ion-gear-b:before {
content: '';
}
.ion-grid:before {
content: '';
}
.ion-hammer:before {
content: '';
}
.ion-happy:before {
content: '';
}
.ion-headphone:before {
content: '';
}
.ion-heart:before {
content: '';
}
.ion-heart-broken:before {
content: '';
}
.ion-help:before {
content: '';
}
.ion-help-buoy:before {
content: '';
}
.ion-help-circled:before {
content: '';
}
.ion-home:before {
content: '';
}
.ion-icecream:before {
content: '';
}
.ion-icon-social-google-plus:before {
content: '';
}
.ion-icon-social-google-plus-outline:before {
content: '';
}
.ion-image:before {
content: '';
}
.ion-images:before {
content: '';
}
.ion-information:before {
content: '';
}
.ion-information-circled:before {
content: '';
}
.ion-ionic:before {
content: '';
}
.ion-ios7-alarm:before {
content: '';
}
.ion-ios7-alarm-outline:before {
content: '';
}
.ion-ios7-albums:before {
content: '';
}
.ion-ios7-albums-outline:before {
content: '';
}
.ion-ios7-americanfootball:before {
content: '';
}
.ion-ios7-americanfootball-outline:before {
content: '';
}
.ion-ios7-analytics:before {
content: '';
}
.ion-ios7-analytics-outline:before {
content: '';
}
.ion-ios7-arrow-back:before {
content: '';
}
.ion-ios7-arrow-down:before {
content: '';
}
.ion-ios7-arrow-forward:before {
content: '';
}
.ion-ios7-arrow-left:before {
content: '';
}
.ion-ios7-arrow-right:before {
content: '';
}
.ion-ios7-arrow-thin-down:before {
content: '';
}
.ion-ios7-arrow-thin-left:before {
content: '';
}
.ion-ios7-arrow-thin-right:before {
content: '';
}
.ion-ios7-arrow-thin-up:before {
content: '';
}
.ion-ios7-arrow-up:before {
content: '';
}
.ion-ios7-at:before {
content: '';
}
.ion-ios7-at-outline:before {
content: '';
}
.ion-ios7-barcode:before {
content: '';
}
.ion-ios7-barcode-outline:before {
content: '';
}
.ion-ios7-baseball:before {
content: '';
}
.ion-ios7-baseball-outline:before {
content: '';
}
.ion-ios7-basketball:before {
content: '';
}
.ion-ios7-basketball-outline:before {
content: '';
}
.ion-ios7-bell:before {
content: '';
}
.ion-ios7-bell-outline:before {
content: '';
}
.ion-ios7-bolt:before {
content: '';
}
.ion-ios7-bolt-outline:before {
content: '';
}
.ion-ios7-bookmarks:before {
content: '';
}
.ion-ios7-bookmarks-outline:before {
content: '';
}
.ion-ios7-box:before {
content: '';
}
.ion-ios7-box-outline:before {
content: '';
}
.ion-ios7-briefcase:before {
content: '';
}
.ion-ios7-briefcase-outline:before {
content: '';
}
.ion-ios7-browsers:before {
content: '';
}
.ion-ios7-browsers-outline:before {
content: '';
}
.ion-ios7-calculator:before {
content: '';
}
.ion-ios7-calculator-outline:before {
content: '';
}
.ion-ios7-calendar:before {
content: '';
}
.ion-ios7-calendar-outline:before {
content: '';
}
.ion-ios7-camera:before {
content: '';
}
.ion-ios7-camera-outline:before {
content: '';
}
.ion-ios7-cart:before {
content: '';
}
.ion-ios7-cart-outline:before {
content: '';
}
.ion-ios7-chatboxes:before {
content: '';
}
.ion-ios7-chatboxes-outline:before {
content: '';
}
.ion-ios7-chatbubble:before {
content: '';
}
.ion-ios7-chatbubble-outline:before {
content: '';
}
.ion-ios7-checkmark:before {
content: '';
}
.ion-ios7-checkmark-empty:before {
content: '';
}
.ion-ios7-checkmark-outline:before {
content: '';
}
.ion-ios7-circle-filled:before {
content: '';
}
.ion-ios7-circle-outline:before {
content: '';
}
.ion-ios7-clock:before {
content: '';
}
.ion-ios7-clock-outline:before {
content: '';
}
.ion-ios7-close:before {
content: '';
}
.ion-ios7-close-empty:before {
content: '';
}
.ion-ios7-close-outline:before {
content: '';
}
.ion-ios7-cloud:before {
content: '';
}
.ion-ios7-cloud-download:before {
content: '';
}
.ion-ios7-cloud-download-outline:before {
content: '';
}
.ion-ios7-cloud-outline:before {
content: '';
}
.ion-ios7-cloud-upload:before {
content: '';
}
.ion-ios7-cloud-upload-outline:before {
content: '';
}
.ion-ios7-cloudy:before {
content: '';
}
.ion-ios7-cloudy-night:before {
content: '';
}
.ion-ios7-cloudy-night-outline:before {
content: '';
}
.ion-ios7-cloudy-outline:before {
content: '';
}
.ion-ios7-cog:before {
content: '';
}
.ion-ios7-cog-outline:before {
content: '';
}
.ion-ios7-compose:before {
content: '';
}
.ion-ios7-compose-outline:before {
content: '';
}
.ion-ios7-contact:before {
content: '';
}
.ion-ios7-contact-outline:before {
content: '';
}
.ion-ios7-copy:before {
content: '';
}
.ion-ios7-copy-outline:before {
content: '';
}
.ion-ios7-download:before {
content: '';
}
.ion-ios7-download-outline:before {
content: '';
}
.ion-ios7-drag:before {
content: '';
}
.ion-ios7-email:before {
content: '';
}
.ion-ios7-email-outline:before {
content: '';
}
.ion-ios7-expand:before {
content: '';
}
.ion-ios7-eye:before {
content: '';
}
.ion-ios7-eye-outline:before {
content: '';
}
.ion-ios7-fastforward:before {
content: '';
}
.ion-ios7-fastforward-outline:before {
content: '';
}
.ion-ios7-filing:before {
content: '';
}
.ion-ios7-filing-outline:before {
content: '';
}
.ion-ios7-film:before {
content: '';
}
.ion-ios7-film-outline:before {
content: '';
}
.ion-ios7-flag:before {
content: '';
}
.ion-ios7-flag-outline:before {
content: '';
}
.ion-ios7-folder:before {
content: '';
}
.ion-ios7-folder-outline:before {
content: '';
}
.ion-ios7-football:before {
content: '';
}
.ion-ios7-football-outline:before {
content: '';
}
.ion-ios7-gear:before {
content: '';
}
.ion-ios7-gear-outline:before {
content: '';
}
.ion-ios7-glasses:before {
content: '';
}
.ion-ios7-glasses-outline:before {
content: '';
}
.ion-ios7-heart:before {
content: '';
}
.ion-ios7-heart-outline:before {
content: '';
}
.ion-ios7-help:before {
content: '';
}
.ion-ios7-help-empty:before {
content: '';
}
.ion-ios7-help-outline:before {
content: '';
}
.ion-ios7-home:before {
content: '';
}
.ion-ios7-home-outline:before {
content: '';
}
.ion-ios7-infinite:before {
content: '';
}
.ion-ios7-infinite-outline:before {
content: '';
}
.ion-ios7-information:before {
content: '';
}
.ion-ios7-information-empty:before {
content: '';
}
.ion-ios7-information-outline:before {
content: '';
}
.ion-ios7-ionic-outline:before {
content: '';
}
.ion-ios7-keypad:before {
content: '';
}
.ion-ios7-keypad-outline:before {
content: '';
}
.ion-ios7-lightbulb:before {
content: '';
}
.ion-ios7-lightbulb-outline:before {
content: '';
}
.ion-ios7-location:before {
content: '';
}
.ion-ios7-location-outline:before {
content: '';
}
.ion-ios7-locked:before {
content: '';
}
.ion-ios7-locked-outline:before {
content: '';
}
.ion-ios7-loop:before {
content: '';
}
.ion-ios7-loop-strong:before {
content: '';
}
.ion-ios7-medkit:before {
content: '';
}
.ion-ios7-medkit-outline:before {
content: '';
}
.ion-ios7-mic:before {
content: '';
}
.ion-ios7-mic-off:before {
content: '';
}
.ion-ios7-mic-outline:before {
content: '';
}
.ion-ios7-minus:before {
content: '';
}
.ion-ios7-minus-empty:before {
content: '';
}
.ion-ios7-minus-outline:before {
content: '';
}
.ion-ios7-monitor:before {
content: '';
}
.ion-ios7-monitor-outline:before {
content: '';
}
.ion-ios7-moon:before {
content: '';
}
.ion-ios7-moon-outline:before {
content: '';
}
.ion-ios7-more:before {
content: '';
}
.ion-ios7-more-outline:before {
content: '';
}
.ion-ios7-musical-note:before {
content: '';
}
.ion-ios7-musical-notes:before {
content: '';
}
.ion-ios7-navigate:before {
content: '';
}
.ion-ios7-navigate-outline:before {
content: '';
}
.ion-ios7-paper:before {
content: '';
}
.ion-ios7-paper-outline:before {
content: '';
}
.ion-ios7-paperplane:before {
content: '';
}
.ion-ios7-paperplane-outline:before {
content: '';
}
.ion-ios7-partlysunny:before {
content: '';
}
.ion-ios7-partlysunny-outline:before {
content: '';
}
.ion-ios7-pause:before {
content: '';
}
.ion-ios7-pause-outline:before {
content: '';
}
.ion-ios7-paw:before {
content: '';
}
.ion-ios7-paw-outline:before {
content: '';
}
.ion-ios7-people:before {
content: '';
}
.ion-ios7-people-outline:before {
content: '';
}
.ion-ios7-person:before {
content: '';
}
.ion-ios7-person-outline:before {
content: '';
}
.ion-ios7-personadd:before {
content: '';
}
.ion-ios7-personadd-outline:before {
content: '';
}
.ion-ios7-photos:before {
content: '';
}
.ion-ios7-photos-outline:before {
content: '';
}
.ion-ios7-pie:before {
content: '';
}
.ion-ios7-pie-outline:before {
content: '';
}
.ion-ios7-play:before {
content: '';
}
.ion-ios7-play-outline:before {
content: '';
}
.ion-ios7-plus:before {
content: '';
}
.ion-ios7-plus-empty:before {
content: '';
}
.ion-ios7-plus-outline:before {
content: '';
}
.ion-ios7-pricetag:before {
content: '';
}
.ion-ios7-pricetag-outline:before {
content: '';
}
.ion-ios7-pricetags:before {
content: '';
}
.ion-ios7-pricetags-outline:before {
content: '';
}
.ion-ios7-printer:before {
content: '';
}
.ion-ios7-printer-outline:before {
content: '';
}
.ion-ios7-pulse:before {
content: '';
}
.ion-ios7-pulse-strong:before {
content: '';
}
.ion-ios7-rainy:before {
content: '';
}
.ion-ios7-rainy-outline:before {
content: '';
}
.ion-ios7-recording:before {
content: '';
}
.ion-ios7-recording-outline:before {
content: '';
}
.ion-ios7-redo:before {
content: '';
}
.ion-ios7-redo-outline:before {
content: '';
}
.ion-ios7-refresh:before {
content: '';
}
.ion-ios7-refresh-empty:before {
content: '';
}
.ion-ios7-refresh-outline:before {
content: '';
}
.ion-ios7-reload:before,
.ion-ios7-reloading:before {
content: '';
}
.ion-ios7-reverse-camera:before {
content: '';
}
.ion-ios7-reverse-camera-outline:before {
content: '';
}
.ion-ios7-rewind:before {
content: '';
}
.ion-ios7-rewind-outline:before {
content: '';
}
.ion-ios7-search:before {
content: '';
}
.ion-ios7-search-strong:before {
content: '';
}
.ion-ios7-settings:before {
content: '';
}
.ion-ios7-settings-strong:before {
content: '';
}
.ion-ios7-shrink:before {
content: '';
}
.ion-ios7-skipbackward:before {
content: '';
}
.ion-ios7-skipbackward-outline:before {
content: '';
}
.ion-ios7-skipforward:before {
content: '';
}
.ion-ios7-skipforward-outline:before {
content: '';
}
.ion-ios7-snowy:before {
content: '';
}
.ion-ios7-speedometer:before {
content: '';
}
.ion-ios7-speedometer-outline:before {
content: '';
}
.ion-ios7-star:before {
content: '';
}
.ion-ios7-star-half:before {
content: '';
}
.ion-ios7-star-outline:before {
content: '';
}
.ion-ios7-stopwatch:before {
content: '';
}
.ion-ios7-stopwatch-outline:before {
content: '';
}
.ion-ios7-sunny:before {
content: '';
}
.ion-ios7-sunny-outline:before {
content: '';
}
.ion-ios7-telephone:before {
content: '';
}
.ion-ios7-telephone-outline:before {
content: '';
}
.ion-ios7-tennisball:before {
content: '';
}
.ion-ios7-tennisball-outline:before {
content: '';
}
.ion-ios7-thunderstorm:before {
content: '';
}
.ion-ios7-thunderstorm-outline:before {
content: '';
}
.ion-ios7-time:before {
content: '';
}
.ion-ios7-time-outline:before {
content: '';
}
.ion-ios7-timer:before {
content: '';
}
.ion-ios7-timer-outline:before {
content: '';
}
.ion-ios7-toggle:before {
content: '';
}
.ion-ios7-toggle-outline:before {
content: '';
}
.ion-ios7-trash:before {
content: '';
}
.ion-ios7-trash-outline:before {
content: '';
}
.ion-ios7-undo:before {
content: '';
}
.ion-ios7-undo-outline:before {
content: '';
}
.ion-ios7-unlocked:before {
content: '';
}
.ion-ios7-unlocked-outline:before {
content: '';
}
.ion-ios7-upload:before {
content: '';
}
.ion-ios7-upload-outline:before {
content: '';
}
.ion-ios7-videocam:before {
content: '';
}
.ion-ios7-videocam-outline:before {
content: '';
}
.ion-ios7-volume-high:before {
content: '';
}
.ion-ios7-volume-low:before {
content: '';
}
.ion-ios7-wineglass:before {
content: '';
}
.ion-ios7-wineglass-outline:before {
content: '';
}
.ion-ios7-world:before {
content: '';
}
.ion-ios7-world-outline:before {
content: '';
}
.ion-ipad:before {
content: '';
}
.ion-iphone:before {
content: '';
}
.ion-ipod:before {
content: '';
}
.ion-jet:before {
content: '';
}
.ion-key:before {
content: '';
}
.ion-knife:before {
content: '';
}
.ion-laptop:before {
content: '';
}
.ion-leaf:before {
content: '';
}
.ion-levels:before {
content: '';
}
.ion-lightbulb:before {
content: '';
}
.ion-link:before {
content: '';
}
.ion-load-a:before,
.ion-loading-a:before {
content: '';
}
.ion-load-b:before,
.ion-loading-b:before {
content: '';
}
.ion-load-c:before,
.ion-loading-c:before {
content: '';
}
.ion-load-d:before,
.ion-loading-d:before {
content: '';
}
.ion-location:before {
content: '';
}
.ion-locked:before {
content: '';
}
.ion-log-in:before {
content: '';
}
.ion-log-out:before {
content: '';
}
.ion-loop:before,
.ion-looping:before {
content: '';
}
.ion-magnet:before {
content: '';
}
.ion-male:before {
content: '';
}
.ion-man:before {
content: '';
}
.ion-map:before {
content: '';
}
.ion-medkit:before {
content: '';
}
.ion-merge:before {
content: '';
}
.ion-mic-a:before {
content: '';
}
.ion-mic-b:before {
content: '';
}
.ion-mic-c:before {
content: '';
}
.ion-minus:before {
content: '';
}
.ion-minus-circled:before {
content: '';
}
.ion-minus-round:before {
content: '';
}
.ion-model-s:before {
content: '';
}
.ion-monitor:before {
content: '';
}
.ion-more:before {
content: '';
}
.ion-mouse:before {
content: '';
}
.ion-music-note:before {
content: '';
}
.ion-navicon:before {
content: '';
}
.ion-navicon-round:before {
content: '';
}
.ion-navigate:before {
content: '';
}
.ion-network:before {
content: '';
}
.ion-no-smoking:before {
content: '';
}
.ion-nuclear:before {
content: '';
}
.ion-outlet:before {
content: '';
}
.ion-paper-airplane:before {
content: '';
}
.ion-paperclip:before {
content: '';
}
.ion-pause:before {
content: '';
}
.ion-person:before {
content: '';
}
.ion-person-add:before {
content: '';
}
.ion-person-stalker:before {
content: '';
}
.ion-pie-graph:before {
content: '';
}
.ion-pin:before {
content: '';
}
.ion-pinpoint:before {
content: '';
}
.ion-pizza:before {
content: '';
}
.ion-plane:before {
content: '';
}
.ion-planet:before {
content: '';
}
.ion-play:before {
content: '';
}
.ion-playstation:before {
content: '';
}
.ion-plus:before {
content: '';
}
.ion-plus-circled:before {
content: '';
}
.ion-plus-round:before {
content: '';
}
.ion-podium:before {
content: '';
}
.ion-pound:before {
content: '';
}
.ion-power:before {
content: '';
}
.ion-pricetag:before {
content: '';
}
.ion-pricetags:before {
content: '';
}
.ion-printer:before {
content: '';
}
.ion-pull-request:before {
content: '';
}
.ion-qr-scanner:before {
content: '';
}
.ion-quote:before {
content: '';
}
.ion-radio-waves:before {
content: '';
}
.ion-record:before {
content: '';
}
.ion-refresh:before,
.ion-refreshing:before {
content: '';
}
.ion-reply:before {
content: '';
}
.ion-reply-all:before {
content: '';
}
.ion-ribbon-a:before {
content: '';
}
.ion-ribbon-b:before {
content: '';
}
.ion-sad:before {
content: '';
}
.ion-scissors:before {
content: '';
}
.ion-search:before {
content: '';
}
.ion-settings:before {
content: '';
}
.ion-share:before {
content: '';
}
.ion-shuffle:before {
content: '';
}
.ion-skip-backward:before {
content: '';
}
.ion-skip-forward:before {
content: '';
}
.ion-social-android:before {
content: '';
}
.ion-social-android-outline:before {
content: '';
}
.ion-social-apple:before {
content: '';
}
.ion-social-apple-outline:before {
content: '';
}
.ion-social-bitcoin:before {
content: '';
}
.ion-social-bitcoin-outline:before {
content: '';
}
.ion-social-buffer:before {
content: '';
}
.ion-social-buffer-outline:before {
content: '';
}
.ion-social-designernews:before {
content: '';
}
.ion-social-designernews-outline:before {
content: '';
}
.ion-social-dribbble:before {
content: '';
}
.ion-social-dribbble-outline:before {
content: '';
}
.ion-social-dropbox:before {
content: '';
}
.ion-social-dropbox-outline:before {
content: '';
}
.ion-social-facebook:before {
content: '';
}
.ion-social-facebook-outline:before {
content: '';
}
.ion-social-foursquare:before {
content: '';
}
.ion-social-foursquare-outline:before {
content: '';
}
.ion-social-freebsd-devil:before {
content: '';
}
.ion-social-github:before {
content: '';
}
.ion-social-github-outline:before {
content: '';
}
.ion-social-google:before {
content: '';
}
.ion-social-google-outline:before {
content: '';
}
.ion-social-googleplus:before {
content: '';
}
.ion-social-googleplus-outline:before {
content: '';
}
.ion-social-hackernews:before {
content: '';
}
.ion-social-hackernews-outline:before {
content: '';
}
.ion-social-instagram:before {
content: '';
}
.ion-social-instagram-outline:before {
content: '';
}
.ion-social-linkedin:before {
content: '';
}
.ion-social-linkedin-outline:before {
content: '';
}
.ion-social-pinterest:before {
content: '';
}
.ion-social-pinterest-outline:before {
content: '';
}
.ion-social-reddit:before {
content: '';
}
.ion-social-reddit-outline:before {
content: '';
}
.ion-social-rss:before {
content: '';
}
.ion-social-rss-outline:before {
content: '';
}
.ion-social-skype:before {
content: '';
}
.ion-social-skype-outline:before {
content: '';
}
.ion-social-tumblr:before {
content: '';
}
.ion-social-tumblr-outline:before {
content: '';
}
.ion-social-tux:before {
content: '';
}
.ion-social-twitter:before {
content: '';
}
.ion-social-twitter-outline:before {
content: '';
}
.ion-social-usd:before {
content: '';
}
.ion-social-usd-outline:before {
content: '';
}
.ion-social-vimeo:before {
content: '';
}
.ion-social-vimeo-outline:before {
content: '';
}
.ion-social-windows:before {
content: '';
}
.ion-social-windows-outline:before {
content: '';
}
.ion-social-wordpress:before {
content: '';
}
.ion-social-wordpress-outline:before {
content: '';
}
.ion-social-yahoo:before {
content: '';
}
.ion-social-yahoo-outline:before {
content: '';
}
.ion-social-youtube:before {
content: '';
}
.ion-social-youtube-outline:before {
content: '';
}
.ion-speakerphone:before {
content: '';
}
.ion-speedometer:before {
content: '';
}
.ion-spoon:before {
content: '';
}
.ion-star:before {
content: '';
}
.ion-stats-bars:before {
content: '';
}
.ion-steam:before {
content: '';
}
.ion-stop:before {
content: '';
}
.ion-thermometer:before {
content: '';
}
.ion-thumbsdown:before {
content: '';
}
.ion-thumbsup:before {
content: '';
}
.ion-toggle:before {
content: '';
}
.ion-toggle-filled:before {
content: '';
}
.ion-trash-a:before {
content: '';
}
.ion-trash-b:before {
content: '';
}
.ion-trophy:before {
content: '';
}
.ion-umbrella:before {
content: '';
}
.ion-university:before {
content: '';
}
.ion-unlocked:before {
content: '';
}
.ion-upload:before {
content: '';
}
.ion-usb:before {
content: '';
}
.ion-videocamera:before {
content: '';
}
.ion-volume-high:before {
content: '';
}
.ion-volume-low:before {
content: '';
}
.ion-volume-medium:before {
content: '';
}
.ion-volume-mute:before {
content: '';
}
.ion-wand:before {
content: '';
}
.ion-waterdrop:before {
content: '';
}
.ion-wifi:before {
content: '';
}
.ion-wineglass:before {
content: '';
}
.ion-woman:before {
content: '';
}
.ion-wrench:before {
content: '';
}
.ion-xbox:before {
content: '';
}
/*!
* Weather Icons 2.0
* Updated August 1, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SCSS and LESS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@font-face {
font-family: 'weathericons';
src: url('weathericons-regular-webfont.eot');
src: url('weathericons-regular-webfont.eot') format('embedded-opentype'),
url('weathericons-regular-webfont.woff2') format('woff2'),
url('weathericons-regular-webfont.woff') format('woff'),
url('weathericons-regular-webfont.ttf') format('truetype'),
url('weathericons-regular-webfont.svg#weather_iconsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.wi {
display: inline-block;
font-family: 'weathericons';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wi-fw {
width: 1.4em;
text-align: center;
}
.wi-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
transform: rotate(90deg);
}
.wi-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
transform: rotate(180deg);
}
.wi-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
transform: rotate(270deg);
}
.wi-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
transform: scale(-1, 1);
}
.wi-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
transform: scale(1, -1);
}
.wi-day-sunny:before {
content: '';
}
.wi-day-cloudy:before {
content: '';
}
.wi-day-cloudy-gusts:before {
content: '';
}
.wi-day-cloudy-windy:before {
content: '';
}
.wi-day-fog:before {
content: '';
}
.wi-day-hail:before {
content: '';
}
.wi-day-haze:before {
content: '';
}
.wi-day-lightning:before {
content: '';
}
.wi-day-rain:before {
content: '';
}
.wi-day-rain-mix:before {
content: '';
}
.wi-day-rain-wind:before {
content: '';
}
.wi-day-showers:before {
content: '';
}
.wi-day-sleet:before {
content: '';
}
.wi-day-sleet-storm:before {
content: '';
}
.wi-day-snow:before {
content: '';
}
.wi-day-snow-thunderstorm:before {
content: '';
}
.wi-day-snow-wind:before {
content: '';
}
.wi-day-sprinkle:before {
content: '';
}
.wi-day-storm-showers:before {
content: '';
}
.wi-day-sunny-overcast:before {
content: '';
}
.wi-day-thunderstorm:before {
content: '';
}
.wi-day-windy:before {
content: '';
}
.wi-solar-eclipse:before {
content: '';
}
.wi-hot:before {
content: '';
}
.wi-day-cloudy-high:before {
content: '';
}
.wi-day-light-wind:before {
content: '';
}
.wi-night-clear:before {
content: '';
}
.wi-night-alt-cloudy:before {
content: '';
}
.wi-night-alt-cloudy-gusts:before {
content: '';
}
.wi-night-alt-cloudy-windy:before {
content: '';
}
.wi-night-alt-hail:before {
content: '';
}
.wi-night-alt-lightning:before {
content: '';
}
.wi-night-alt-rain:before {
content: '';
}
.wi-night-alt-rain-mix:before {
content: '';
}
.wi-night-alt-rain-wind:before {
content: '';
}
.wi-night-alt-showers:before {
content: '';
}
.wi-night-alt-sleet:before {
content: '';
}
.wi-night-alt-sleet-storm:before {
content: '';
}
.wi-night-alt-snow:before {
content: '';
}
.wi-night-alt-snow-thunderstorm:before {
content: '';
}
.wi-night-alt-snow-wind:before {
content: '';
}
.wi-night-alt-sprinkle:before {
content: '';
}
.wi-night-alt-storm-showers:before {
content: '';
}
.wi-night-alt-thunderstorm:before {
content: '';
}
.wi-night-cloudy:before {
content: '';
}
.wi-night-cloudy-gusts:before {
content: '';
}
.wi-night-cloudy-windy:before {
content: '';
}
.wi-night-fog:before {
content: '';
}
.wi-night-hail:before {
content: '';
}
.wi-night-lightning:before {
content: '';
}
.wi-night-partly-cloudy:before {
content: '';
}
.wi-night-rain:before {
content: '';
}
.wi-night-rain-mix:before {
content: '';
}
.wi-night-rain-wind:before {
content: '';
}
.wi-night-showers:before {
content: '';
}
.wi-night-sleet:before {
content: '';
}
.wi-night-sleet-storm:before {
content: '';
}
.wi-night-snow:before {
content: '';
}
.wi-night-snow-thunderstorm:before {
content: '';
}
.wi-night-snow-wind:before {
content: '';
}
.wi-night-sprinkle:before {
content: '';
}
.wi-night-storm-showers:before {
content: '';
}
.wi-night-thunderstorm:before {
content: '';
}
.wi-lunar-eclipse:before {
content: '';
}
.wi-stars:before {
content: '';
}
.wi-storm-showers:before {
content: '';
}
.wi-thunderstorm:before {
content: '';
}
.wi-night-alt-cloudy-high:before {
content: '';
}
.wi-night-cloudy-high:before {
content: '';
}
.wi-night-alt-partly-cloudy:before {
content: '';
}
.wi-cloud:before {
content: '';
}
.wi-cloudy:before {
content: '';
}
.wi-cloudy-gusts:before {
content: '';
}
.wi-cloudy-windy:before {
content: '';
}
.wi-fog:before {
content: '';
}
.wi-hail:before {
content: '';
}
.wi-rain:before {
content: '';
}
.wi-rain-mix:before {
content: '';
}
.wi-rain-wind:before {
content: '';
}
.wi-showers:before {
content: '';
}
.wi-sleet:before {
content: '';
}
.wi-snow:before {
content: '';
}
.wi-sprinkle:before {
content: '';
}
.wi-storm-showers:before {
content: '';
}
.wi-thunderstorm:before {
content: '';
}
.wi-snow-wind:before {
content: '';
}
.wi-snow:before {
content: '';
}
.wi-smog:before {
content: '';
}
.wi-smoke:before {
content: '';
}
.wi-lightning:before {
content: '';
}
.wi-raindrops:before {
content: '';
}
.wi-raindrop:before {
content: '';
}
.wi-dust:before {
content: '';
}
.wi-snowflake-cold:before {
content: '';
}
.wi-windy:before {
content: '';
}
.wi-strong-wind:before {
content: '';
}
.wi-sandstorm:before {
content: '';
}
.wi-earthquake:before {
content: '';
}
.wi-fire:before {
content: '';
}
.wi-flood:before {
content: '';
}
.wi-meteor:before {
content: '';
}
.wi-tsunami:before {
content: '';
}
.wi-volcano:before {
content: '';
}
.wi-hurricane:before {
content: '';
}
.wi-tornado:before {
content: '';
}
.wi-small-craft-advisory:before {
content: '';
}
.wi-gale-warning:before {
content: '';
}
.wi-storm-warning:before {
content: '';
}
.wi-hurricane-warning:before {
content: '';
}
.wi-wind-direction:before {
content: '';
}
.wi-alien:before {
content: '';
}
.wi-celsius:before {
content: '';
}
.wi-fahrenheit:before {
content: '';
}
.wi-degrees:before {
content: '';
}
.wi-thermometer:before {
content: '';
}
.wi-thermometer-exterior:before {
content: '';
}
.wi-thermometer-internal:before {
content: '';
}
.wi-cloud-down:before {
content: '';
}
.wi-cloud-up:before {
content: '';
}
.wi-cloud-refresh:before {
content: '';
}
.wi-horizon:before {
content: '';
}
.wi-horizon-alt:before {
content: '';
}
.wi-sunrise:before {
content: '';
}
.wi-sunset:before {
content: '';
}
.wi-moonrise:before {
content: '';
}
.wi-moonset:before {
content: '';
}
.wi-refresh:before {
content: '';
}
.wi-refresh-alt:before {
content: '';
}
.wi-umbrella:before {
content: '';
}
.wi-barometer:before {
content: '';
}
.wi-humidity:before {
content: '';
}
.wi-na:before {
content: '';
}
.wi-train:before {
content: '';
}
.wi-moon-new:before {
content: '';
}
.wi-moon-waxing-cresent-1:before {
content: '';
}
.wi-moon-waxing-cresent-2:before {
content: '';
}
.wi-moon-waxing-cresent-3:before {
content: '';
}
.wi-moon-waxing-cresent-4:before {
content: '';
}
.wi-moon-waxing-cresent-5:before {
content: '';
}
.wi-moon-waxing-cresent-6:before {
content: '';
}
.wi-moon-first-quarter:before {
content: '';
}
.wi-moon-waxing-gibbous-1:before {
content: '';
}
.wi-moon-waxing-gibbous-2:before {
content: '';
}
.wi-moon-waxing-gibbous-3:before {
content: '';
}
.wi-moon-waxing-gibbous-4:before {
content: '';
}
.wi-moon-waxing-gibbous-5:before {
content: '';
}
.wi-moon-waxing-gibbous-6:before {
content: '';
}
.wi-moon-full:before {
content: '';
}
.wi-moon-waning-gibbous-1:before {
content: '';
}
.wi-moon-waning-gibbous-2:before {
content: '';
}
.wi-moon-waning-gibbous-3:before {
content: '';
}
.wi-moon-waning-gibbous-4:before {
content: '';
}
.wi-moon-waning-gibbous-5:before {
content: '';
}
.wi-moon-waning-gibbous-6:before {
content: '';
}
.wi-moon-third-quarter:before {
content: '';
}
.wi-moon-waning-crescent-1:before {
content: '';
}
.wi-moon-waning-crescent-2:before {
content: '';
}
.wi-moon-waning-crescent-3:before {
content: '';
}
.wi-moon-waning-crescent-4:before {
content: '';
}
.wi-moon-waning-crescent-5:before {
content: '';
}
.wi-moon-waning-crescent-6:before {
content: '';
}
.wi-moon-alt-new:before {
content: '';
}
.wi-moon-alt-waxing-cresent-1:before {
content: '';
}
.wi-moon-alt-waxing-cresent-2:before {
content: '';
}
.wi-moon-alt-waxing-cresent-3:before {
content: '';
}
.wi-moon-alt-waxing-cresent-4:before {
content: '';
}
.wi-moon-alt-waxing-cresent-5:before {
content: '';
}
.wi-moon-alt-waxing-cresent-6:before {
content: '';
}
.wi-moon-alt-first-quarter:before {
content: '';
}
.wi-moon-alt-waxing-gibbous-1:before {
content: '';
}
.wi-moon-alt-waxing-gibbous-2:before {
content: '';
}
.wi-moon-alt-waxing-gibbous-3:before {
content: '';
}
.wi-moon-alt-waxing-gibbous-4:before {
content: '';
}
.wi-moon-alt-waxing-gibbous-5:before {
content: '';
}
.wi-moon-alt-waxing-gibbous-6:before {
content: '';
}
.wi-moon-alt-full:before {
content: '';
}
.wi-moon-alt-waning-gibbous-1:before {
content: '';
}
.wi-moon-alt-waning-gibbous-2:before {
content: '';
}
.wi-moon-alt-waning-gibbous-3:before {
content: '';
}
.wi-moon-alt-waning-gibbous-4:before {
content: '';
}
.wi-moon-alt-waning-gibbous-5:before {
content: '';
}
.wi-moon-alt-waning-gibbous-6:before {
content: '';
}
.wi-moon-alt-third-quarter:before {
content: '';
}
.wi-moon-alt-waning-crescent-1:before {
content: '';
}
.wi-moon-alt-waning-crescent-2:before {
content: '';
}
.wi-moon-alt-waning-crescent-3:before {
content: '';
}
.wi-moon-alt-waning-crescent-4:before {
content: '';
}
.wi-moon-alt-waning-crescent-5:before {
content: '';
}
.wi-moon-alt-waning-crescent-6:before {
content: '';
}
.wi-moon-0:before {
content: '';
}
.wi-moon-1:before {
content: '';
}
.wi-moon-2:before {
content: '';
}
.wi-moon-3:before {
content: '';
}
.wi-moon-4:before {
content: '';
}
.wi-moon-5:before {
content: '';
}
.wi-moon-6:before {
content: '';
}
.wi-moon-7:before {
content: '';
}
.wi-moon-8:before {
content: '';
}
.wi-moon-9:before {
content: '';
}
.wi-moon-10:before {
content: '';
}
.wi-moon-11:before {
content: '';
}
.wi-moon-12:before {
content: '';
}
.wi-moon-13:before {
content: '';
}
.wi-moon-14:before {
content: '';
}
.wi-moon-15:before {
content: '';
}
.wi-moon-16:before {
content: '';
}
.wi-moon-17:before {
content: '';
}
.wi-moon-18:before {
content: '';
}
.wi-moon-19:before {
content: '';
}
.wi-moon-20:before {
content: '';
}
.wi-moon-21:before {
content: '';
}
.wi-moon-22:before {
content: '';
}
.wi-moon-23:before {
content: '';
}
.wi-moon-24:before {
content: '';
}
.wi-moon-25:before {
content: '';
}
.wi-moon-26:before {
content: '';
}
.wi-moon-27:before {
content: '';
}
.wi-time-1:before {
content: '';
}
.wi-time-2:before {
content: '';
}
.wi-time-3:before {
content: '';
}
.wi-time-4:before {
content: '';
}
.wi-time-5:before {
content: '';
}
.wi-time-6:before {
content: '';
}
.wi-time-7:before {
content: '';
}
.wi-time-8:before {
content: '';
}
.wi-time-9:before {
content: '';
}
.wi-time-10:before {
content: '';
}
.wi-time-11:before {
content: '';
}
.wi-time-12:before {
content: '';
}
.wi-direction-up:before {
content: '';
}
.wi-direction-up-right:before {
content: '';
}
.wi-direction-right:before {
content: '';
}
.wi-direction-down-right:before {
content: '';
}
.wi-direction-down:before {
content: '';
}
.wi-direction-down-left:before {
content: '';
}
.wi-direction-left:before {
content: '';
}
.wi-direction-up-left:before {
content: '';
}
.wi-wind-beaufort-0:before {
content: '';
}
.wi-wind-beaufort-1:before {
content: '';
}
.wi-wind-beaufort-2:before {
content: '';
}
.wi-wind-beaufort-3:before {
content: '';
}
.wi-wind-beaufort-4:before {
content: '';
}
.wi-wind-beaufort-5:before {
content: '';
}
.wi-wind-beaufort-6:before {
content: '';
}
.wi-wind-beaufort-7:before {
content: '';
}
.wi-wind-beaufort-8:before {
content: '';
}
.wi-wind-beaufort-9:before {
content: '';
}
.wi-wind-beaufort-10:before {
content: '';
}
.wi-wind-beaufort-11:before {
content: '';
}
.wi-wind-beaufort-12:before {
content: '';
}
.wi-yahoo-0:before {
content: '';
}
.wi-yahoo-1:before {
content: '';
}
.wi-yahoo-2:before {
content: '';
}
.wi-yahoo-3:before {
content: '';
}
.wi-yahoo-4:before {
content: '';
}
.wi-yahoo-5:before {
content: '';
}
.wi-yahoo-6:before {
content: '';
}
.wi-yahoo-7:before {
content: '';
}
.wi-yahoo-8:before {
content: '';
}
.wi-yahoo-9:before {
content: '';
}
.wi-yahoo-10:before {
content: '';
}
.wi-yahoo-11:before {
content: '';
}
.wi-yahoo-12:before {
content: '';
}
.wi-yahoo-13:before {
content: '';
}
.wi-yahoo-14:before {
content: '';
}
.wi-yahoo-15:before {
content: '';
}
.wi-yahoo-16:before {
content: '';
}
.wi-yahoo-17:before {
content: '';
}
.wi-yahoo-18:before {
content: '';
}
.wi-yahoo-19:before {
content: '';
}
.wi-yahoo-20:before {
content: '';
}
.wi-yahoo-21:before {
content: '';
}
.wi-yahoo-22:before {
content: '';
}
.wi-yahoo-23:before {
content: '';
}
.wi-yahoo-24:before {
content: '';
}
.wi-yahoo-25:before {
content: '';
}
.wi-yahoo-26:before {
content: '';
}
.wi-yahoo-27:before {
content: '';
}
.wi-yahoo-28:before {
content: '';
}
.wi-yahoo-29:before {
content: '';
}
.wi-yahoo-30:before {
content: '';
}
.wi-yahoo-31:before {
content: '';
}
.wi-yahoo-32:before {
content: '';
}
.wi-yahoo-33:before {
content: '';
}
.wi-yahoo-34:before {
content: '';
}
.wi-yahoo-35:before {
content: '';
}
.wi-yahoo-36:before {
content: '';
}
.wi-yahoo-37:before {
content: '';
}
.wi-yahoo-38:before {
content: '';
}
.wi-yahoo-39:before {
content: '';
}
.wi-yahoo-40:before {
content: '';
}
.wi-yahoo-41:before {
content: '';
}
.wi-yahoo-42:before {
content: '';
}
.wi-yahoo-43:before {
content: '';
}
.wi-yahoo-44:before {
content: '';
}
.wi-yahoo-45:before {
content: '';
}
.wi-yahoo-46:before {
content: '';
}
.wi-yahoo-47:before {
content: '';
}
.wi-yahoo-3200:before {
content: '';
}
.wi-forecast-io-clear-day:before {
content: '';
}
.wi-forecast-io-clear-night:before {
content: '';
}
.wi-forecast-io-rain:before {
content: '';
}
.wi-forecast-io-snow:before {
content: '';
}
.wi-forecast-io-sleet:before {
content: '';
}
.wi-forecast-io-wind:before {
content: '';
}
.wi-forecast-io-fog:before {
content: '';
}
.wi-forecast-io-cloudy:before {
content: '';
}
.wi-forecast-io-partly-cloudy-day:before {
content: '';
}
.wi-forecast-io-partly-cloudy-night:before {
content: '';
}
.wi-forecast-io-hail:before {
content: '';
}
.wi-forecast-io-thunderstorm:before {
content: '';
}
.wi-forecast-io-tornado:before {
content: '';
}
.wi-wmo4680-0:before,
.wi-wmo4680-00:before {
content: '';
}
.wi-wmo4680-1:before,
.wi-wmo4680-01:before {
content: '';
}
.wi-wmo4680-2:before,
.wi-wmo4680-02:before {
content: '';
}
.wi-wmo4680-3:before,
.wi-wmo4680-03:before {
content: '';
}
.wi-wmo4680-4:before,
.wi-wmo4680-04:before {
content: '';
}
.wi-wmo4680-5:before,
.wi-wmo4680-05:before {
content: '';
}
.wi-wmo4680-10:before {
content: '';
}
.wi-wmo4680-11:before {
content: '';
}
.wi-wmo4680-12:before {
content: '';
}
.wi-wmo4680-18:before {
content: '';
}
.wi-wmo4680-20:before {
content: '';
}
.wi-wmo4680-21:before {
content: '';
}
.wi-wmo4680-22:before {
content: '';
}
.wi-wmo4680-23:before {
content: '';
}
.wi-wmo4680-24:before {
content: '';
}
.wi-wmo4680-25:before {
content: '';
}
.wi-wmo4680-26:before {
content: '';
}
.wi-wmo4680-27:before {
content: '';
}
.wi-wmo4680-28:before {
content: '';
}
.wi-wmo4680-29:before {
content: '';
}
.wi-wmo4680-30:before {
content: '';
}
.wi-wmo4680-31:before {
content: '';
}
.wi-wmo4680-32:before {
content: '';
}
.wi-wmo4680-33:before {
content: '';
}
.wi-wmo4680-34:before {
content: '';
}
.wi-wmo4680-35:before {
content: '';
}
.wi-wmo4680-40:before {
content: '';
}
.wi-wmo4680-41:before {
content: '';
}
.wi-wmo4680-42:before {
content: '';
}
.wi-wmo4680-43:before {
content: '';
}
.wi-wmo4680-44:before {
content: '';
}
.wi-wmo4680-45:before {
content: '';
}
.wi-wmo4680-46:before {
content: '';
}
.wi-wmo4680-47:before {
content: '';
}
.wi-wmo4680-48:before {
content: '';
}
.wi-wmo4680-50:before {
content: '';
}
.wi-wmo4680-51:before {
content: '';
}
.wi-wmo4680-52:before {
content: '';
}
.wi-wmo4680-53:before {
content: '';
}
.wi-wmo4680-54:before {
content: '';
}
.wi-wmo4680-55:before {
content: '';
}
.wi-wmo4680-56:before {
content: '';
}
.wi-wmo4680-57:before {
content: '';
}
.wi-wmo4680-58:before {
content: '';
}
.wi-wmo4680-60:before {
content: '';
}
.wi-wmo4680-61:before {
content: '';
}
.wi-wmo4680-62:before {
content: '';
}
.wi-wmo4680-63:before {
content: '';
}
.wi-wmo4680-64:before {
content: '';
}
.wi-wmo4680-65:before {
content: '';
}
.wi-wmo4680-66:before {
content: '';
}
.wi-wmo4680-67:before {
content: '';
}
.wi-wmo4680-68:before {
content: '';
}
.wi-wmo4680-70:before {
content: '';
}
.wi-wmo4680-71:before {
content: '';
}
.wi-wmo4680-72:before {
content: '';
}
.wi-wmo4680-73:before {
content: '';
}
.wi-wmo4680-74:before {
content: '';
}
.wi-wmo4680-75:before {
content: '';
}
.wi-wmo4680-76:before {
content: '';
}
.wi-wmo4680-77:before {
content: '';
}
.wi-wmo4680-78:before {
content: '';
}
.wi-wmo4680-80:before {
content: '';
}
.wi-wmo4680-81:before {
content: '';
}
.wi-wmo4680-82:before {
content: '';
}
.wi-wmo4680-83:before {
content: '';
}
.wi-wmo4680-84:before {
content: '';
}
.wi-wmo4680-85:before {
content: '';
}
.wi-wmo4680-86:before {
content: '';
}
.wi-wmo4680-87:before {
content: '';
}
.wi-wmo4680-89:before {
content: '';
}
.wi-wmo4680-90:before {
content: '';
}
.wi-wmo4680-91:before {
content: '';
}
.wi-wmo4680-92:before {
content: '';
}
.wi-wmo4680-93:before {
content: '';
}
.wi-wmo4680-94:before {
content: '';
}
.wi-wmo4680-95:before {
content: '';
}
.wi-wmo4680-96:before {
content: '';
}
.wi-wmo4680-99:before {
content: '';
}
.wi-owm-200:before {
content: '';
}
.wi-owm-201:before {
content: '';
}
.wi-owm-202:before {
content: '';
}
.wi-owm-210:before {
content: '';
}
.wi-owm-211:before {
content: '';
}
.wi-owm-212:before {
content: '';
}
.wi-owm-221:before {
content: '';
}
.wi-owm-230:before {
content: '';
}
.wi-owm-231:before {
content: '';
}
.wi-owm-232:before {
content: '';
}
.wi-owm-300:before {
content: '';
}
.wi-owm-301:before {
content: '';
}
.wi-owm-302:before {
content: '';
}
.wi-owm-310:before {
content: '';
}
.wi-owm-311:before {
content: '';
}
.wi-owm-312:before {
content: '';
}
.wi-owm-313:before {
content: '';
}
.wi-owm-314:before {
content: '';
}
.wi-owm-321:before {
content: '';
}
.wi-owm-500:before {
content: '';
}
.wi-owm-501:before {
content: '';
}
.wi-owm-502:before {
content: '';
}
.wi-owm-503:before {
content: '';
}
.wi-owm-504:before {
content: '';
}
.wi-owm-511:before {
content: '';
}
.wi-owm-520:before {
content: '';
}
.wi-owm-521:before {
content: '';
}
.wi-owm-522:before {
content: '';
}
.wi-owm-531:before {
content: '';
}
.wi-owm-600:before {
content: '';
}
.wi-owm-601:before {
content: '';
}
.wi-owm-602:before {
content: '';
}
.wi-owm-611:before {
content: '';
}
.wi-owm-612:before {
content: '';
}
.wi-owm-615:before {
content: '';
}
.wi-owm-616:before {
content: '';
}
.wi-owm-620:before {
content: '';
}
.wi-owm-621:before {
content: '';
}
.wi-owm-622:before {
content: '';
}
.wi-owm-701:before {
content: '';
}
.wi-owm-711:before {
content: '';
}
.wi-owm-721:before {
content: '';
}
.wi-owm-731:before {
content: '';
}
.wi-owm-741:before {
content: '';
}
.wi-owm-761:before {
content: '';
}
.wi-owm-762:before {
content: '';
}
.wi-owm-771:before {
content: '';
}
.wi-owm-781:before {
content: '';
}
.wi-owm-800:before {
content: '';
}
.wi-owm-801:before {
content: '';
}
.wi-owm-802:before {
content: '';
}
.wi-owm-803:before {
content: '';
}
.wi-owm-803:before {
content: '';
}
.wi-owm-804:before {
content: '';
}
.wi-owm-900:before {
content: '';
}
.wi-owm-901:before {
content: '';
}
.wi-owm-902:before {
content: '';
}
.wi-owm-903:before {
content: '';
}
.wi-owm-904:before {
content: '';
}
.wi-owm-905:before {
content: '';
}
.wi-owm-906:before {
content: '';
}
.wi-owm-957:before {
content: '';
}
.wi-owm-day-200:before {
content: '';
}
.wi-owm-day-201:before {
content: '';
}
.wi-owm-day-202:before {
content: '';
}
.wi-owm-day-210:before {
content: '';
}
.wi-owm-day-211:before {
content: '';
}
.wi-owm-day-212:before {
content: '';
}
.wi-owm-day-221:before {
content: '';
}
.wi-owm-day-230:before {
content: '';
}
.wi-owm-day-231:before {
content: '';
}
.wi-owm-day-232:before {
content: '';
}
.wi-owm-day-300:before {
content: '';
}
.wi-owm-day-301:before {
content: '';
}
.wi-owm-day-302:before {
content: '';
}
.wi-owm-day-310:before {
content: '';
}
.wi-owm-day-311:before {
content: '';
}
.wi-owm-day-312:before {
content: '';
}
.wi-owm-day-313:before {
content: '';
}
.wi-owm-day-314:before {
content: '';
}
.wi-owm-day-321:before {
content: '';
}
.wi-owm-day-500:before {
content: '';
}
.wi-owm-day-501:before {
content: '';
}
.wi-owm-day-502:before {
content: '';
}
.wi-owm-day-503:before {
content: '';
}
.wi-owm-day-504:before {
content: '';
}
.wi-owm-day-511:before {
content: '';
}
.wi-owm-day-520:before {
content: '';
}
.wi-owm-day-521:before {
content: '';
}
.wi-owm-day-522:before {
content: '';
}
.wi-owm-day-531:before {
content: '';
}
.wi-owm-day-600:before {
content: '';
}
.wi-owm-day-601:before {
content: '';
}
.wi-owm-day-602:before {
content: '';
}
.wi-owm-day-611:before {
content: '';
}
.wi-owm-day-612:before {
content: '';
}
.wi-owm-day-615:before {
content: '';
}
.wi-owm-day-616:before {
content: '';
}
.wi-owm-day-620:before {
content: '';
}
.wi-owm-day-621:before {
content: '';
}
.wi-owm-day-622:before {
content: '';
}
.wi-owm-day-701:before {
content: '';
}
.wi-owm-day-711:before {
content: '';
}
.wi-owm-day-721:before {
content: '';
}
.wi-owm-day-731:before {
content: '';
}
.wi-owm-day-741:before {
content: '';
}
.wi-owm-day-761:before {
content: '';
}
.wi-owm-day-762:before {
content: '';
}
.wi-owm-day-781:before {
content: '';
}
.wi-owm-day-800:before {
content: '';
}
.wi-owm-day-801:before {
content: '';
}
.wi-owm-day-802:before {
content: '';
}
.wi-owm-day-803:before {
content: '';
}
.wi-owm-day-804:before {
content: '';
}
.wi-owm-day-900:before {
content: '';
}
.wi-owm-day-902:before {
content: '';
}
.wi-owm-day-903:before {
content: '';
}
.wi-owm-day-904:before {
content: '';
}
.wi-owm-day-906:before {
content: '';
}
.wi-owm-day-957:before {
content: '';
}
.wi-owm-night-200:before {
content: '';
}
.wi-owm-night-201:before {
content: '';
}
.wi-owm-night-202:before {
content: '';
}
.wi-owm-night-210:before {
content: '';
}
.wi-owm-night-211:before {
content: '';
}
.wi-owm-night-212:before {
content: '';
}
.wi-owm-night-221:before {
content: '';
}
.wi-owm-night-230:before {
content: '';
}
.wi-owm-night-231:before {
content: '';
}
.wi-owm-night-232:before {
content: '';
}
.wi-owm-night-300:before {
content: '';
}
.wi-owm-night-301:before {
content: '';
}
.wi-owm-night-302:before {
content: '';
}
.wi-owm-night-310:before {
content: '';
}
.wi-owm-night-311:before {
content: '';
}
.wi-owm-night-312:before {
content: '';
}
.wi-owm-night-313:before {
content: '';
}
.wi-owm-night-314:before {
content: '';
}
.wi-owm-night-321:before {
content: '';
}
.wi-owm-night-500:before {
content: '';
}
.wi-owm-night-501:before {
content: '';
}
.wi-owm-night-502:before {
content: '';
}
.wi-owm-night-503:before {
content: '';
}
.wi-owm-night-504:before {
content: '';
}
.wi-owm-night-511:before {
content: '';
}
.wi-owm-night-520:before {
content: '';
}
.wi-owm-night-521:before {
content: '';
}
.wi-owm-night-522:before {
content: '';
}
.wi-owm-night-531:before {
content: '';
}
.wi-owm-night-600:before {
content: '';
}
.wi-owm-night-601:before {
content: '';
}
.wi-owm-night-602:before {
content: '';
}
.wi-owm-night-611:before {
content: '';
}
.wi-owm-night-612:before {
content: '';
}
.wi-owm-night-615:before {
content: '';
}
.wi-owm-night-616:before {
content: '';
}
.wi-owm-night-620:before {
content: '';
}
.wi-owm-night-621:before {
content: '';
}
.wi-owm-night-622:before {
content: '';
}
.wi-owm-night-701:before {
content: '';
}
.wi-owm-night-711:before {
content: '';
}
.wi-owm-night-721:before {
content: '';
}
.wi-owm-night-731:before {
content: '';
}
.wi-owm-night-741:before {
content: '';
}
.wi-owm-night-761:before {
content: '';
}
.wi-owm-night-762:before {
content: '';
}
.wi-owm-night-781:before {
content: '';
}
.wi-owm-night-800:before {
content: '';
}
.wi-owm-night-801:before {
content: '';
}
.wi-owm-night-802:before {
content: '';
}
.wi-owm-night-803:before {
content: '';
}
.wi-owm-night-804:before {
content: '';
}
.wi-owm-night-900:before {
content: '';
}
.wi-owm-night-902:before {
content: '';
}
.wi-owm-night-903:before {
content: '';
}
.wi-owm-night-904:before {
content: '';
}
.wi-owm-night-906:before {
content: '';
}
.wi-owm-night-957:before {
content: '';
}
/* @FONT-FACE loads font into browser */
@font-face {
font-family: 'typicons';
font-weight: normal;
font-style: normal;
src: url('typicons.eot');
src: url('typicons.eot?#iefix') format('embedded-opentype'), url('typicons.woff') format('woff'),
url('typicons.ttf') format('truetype'), url('typicons.svg#typicons') format('svg');
}
/* :before psuedo-selector inserts and styles icon */
.typcn:before {
font-family: 'typicons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
height: 1em;
font-size: 1em;
text-align: center;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* Code for individual icons */
.typcn-adjust-brightness:before {
content: '\e000';
/* '' */
}
.typcn-adjust-contrast:before {
content: '\e001';
/* '' */
}
.typcn-anchor-outline:before {
content: '\e002';
/* '' */
}
.typcn-anchor:before {
content: '\e003';
/* '' */
}
.typcn-archive:before {
content: '\e004';
/* '' */
}
.typcn-arrow-back-outline:before {
content: '\e005';
/* '' */
}
.typcn-arrow-back:before {
content: '\e006';
/* '' */
}
.typcn-arrow-down-outline:before {
content: '\e007';
/* '' */
}
.typcn-arrow-down-thick:before {
content: '\e008';
/* '' */
}
.typcn-arrow-down:before {
content: '\e009';
/* '' */
}
.typcn-arrow-forward-outline:before {
content: '\e00a';
/* '' */
}
.typcn-arrow-forward:before {
content: '\e00b';
/* '' */
}
.typcn-arrow-left-outline:before {
content: '\e00c';
/* '' */
}
.typcn-arrow-left-thick:before {
content: '\e00d';
/* '' */
}
.typcn-arrow-left:before {
content: '\e00e';
/* '' */
}
.typcn-arrow-loop-outline:before {
content: '\e00f';
/* '' */
}
.typcn-arrow-loop:before {
content: '\e010';
/* '' */
}
.typcn-arrow-maximise-outline:before {
content: '\e011';
/* '' */
}
.typcn-arrow-maximise:before {
content: '\e012';
/* '' */
}
.typcn-arrow-minimise-outline:before {
content: '\e013';
/* '' */
}
.typcn-arrow-minimise:before {
content: '\e014';
/* '' */
}
.typcn-arrow-move-outline:before {
content: '\e015';
/* '' */
}
.typcn-arrow-move:before {
content: '\e016';
/* '' */
}
.typcn-arrow-repeat-outline:before {
content: '\e017';
/* '' */
}
.typcn-arrow-repeat:before {
content: '\e018';
/* '' */
}
.typcn-arrow-right-outline:before {
content: '\e019';
/* '' */
}
.typcn-arrow-right-thick:before {
content: '\e01a';
/* '' */
}
.typcn-arrow-right:before {
content: '\e01b';
/* '' */
}
.typcn-arrow-shuffle:before {
content: '\e01c';
/* '' */
}
.typcn-arrow-sorted-down:before {
content: '\e01d';
/* '' */
}
.typcn-arrow-sorted-up:before {
content: '\e01e';
/* '' */
}
.typcn-arrow-sync-outline:before {
content: '\e01f';
/* '' */
}
.typcn-arrow-sync:before {
content: '\e020';
/* '' */
}
.typcn-arrow-unsorted:before {
content: '\e021';
/* '' */
}
.typcn-arrow-up-outline:before {
content: '\e022';
/* '' */
}
.typcn-arrow-up-thick:before {
content: '\e023';
/* '' */
}
.typcn-arrow-up:before {
content: '\e024';
/* '' */
}
.typcn-at:before {
content: '\e025';
/* '' */
}
.typcn-attachment-outline:before {
content: '\e026';
/* '' */
}
.typcn-attachment:before {
content: '\e027';
/* '' */
}
.typcn-backspace-outline:before {
content: '\e028';
/* '' */
}
.typcn-backspace:before {
content: '\e029';
/* '' */
}
.typcn-battery-charge:before {
content: '\e02a';
/* '' */
}
.typcn-battery-full:before {
content: '\e02b';
/* '' */
}
.typcn-battery-high:before {
content: '\e02c';
/* '' */
}
.typcn-battery-low:before {
content: '\e02d';
/* '' */
}
.typcn-battery-mid:before {
content: '\e02e';
/* '' */
}
.typcn-beaker:before {
content: '\e02f';
/* '' */
}
.typcn-beer:before {
content: '\e030';
/* '' */
}
.typcn-bell:before {
content: '\e031';
/* '' */
}
.typcn-book:before {
content: '\e032';
/* '' */
}
.typcn-bookmark:before {
content: '\e033';
/* '' */
}
.typcn-briefcase:before {
content: '\e034';
/* '' */
}
.typcn-brush:before {
content: '\e035';
/* '' */
}
.typcn-business-card:before {
content: '\e036';
/* '' */
}
.typcn-calculator:before {
content: '\e037';
/* '' */
}
.typcn-calendar-outline:before {
content: '\e038';
/* '' */
}
.typcn-calendar:before {
content: '\e039';
/* '' */
}
.typcn-camera-outline:before {
content: '\e03a';
/* '' */
}
.typcn-camera:before {
content: '\e03b';
/* '' */
}
.typcn-cancel-outline:before {
content: '\e03c';
/* '' */
}
.typcn-cancel:before {
content: '\e03d';
/* '' */
}
.typcn-chart-area-outline:before {
content: '\e03e';
/* '' */
}
.typcn-chart-area:before {
content: '\e03f';
/* '' */
}
.typcn-chart-bar-outline:before {
content: '\e040';
/* '' */
}
.typcn-chart-bar:before {
content: '\e041';
/* 'εüü' */
}
.typcn-chart-line-outline:before {
content: '\e042';
/* 'εüé' */
}
.typcn-chart-line:before {
content: '\e043';
/* 'εüâ' */
}
.typcn-chart-pie-outline:before {
content: '\e044';
/* 'εüä' */
}
.typcn-chart-pie:before {
content: '\e045';
/* 'εüà' */
}
.typcn-chevron-left-outline:before {
content: '\e046';
/* 'εüå' */
}
.typcn-chevron-left:before {
content: '\e047';
/* 'εüç' */
}
.typcn-chevron-right-outline:before {
content: '\e048';
/* 'εüê' */
}
.typcn-chevron-right:before {
content: '\e049';
/* 'εüë' */
}
.typcn-clipboard:before {
content: '\e04a';
/* 'εüè' */
}
.typcn-cloud-storage:before {
content: '\e04b';
/* 'εüï' */
}
.typcn-cloud-storage-outline:before {
content: '\e054';
/* 'εüö' */
}
.typcn-code-outline:before {
content: '\e04c';
/* 'εüî' */
}
.typcn-code:before {
content: '\e04d';
/* 'εüì' */
}
.typcn-coffee:before {
content: '\e04e';
/* '' */
}
.typcn-cog-outline:before {
content: '\e04f';
/* '' */
}
.typcn-cog:before {
content: '\e050';
/* '' */
}
.typcn-compass:before {
content: '\e051';
/* 'εüæ' */
}
.typcn-contacts:before {
content: '\e052';
/* '' */
}
.typcn-credit-card:before {
content: '\e053';
/* 'εüô' */
}
.typcn-css3:before {
content: '\e055';
/* 'εüò' */
}
.typcn-database:before {
content: '\e056';
/* 'εüû' */
}
.typcn-delete-outline:before {
content: '\e057';
/* 'εüù' */
}
.typcn-delete:before {
content: '\e058';
/* 'εüÿ' */
}
.typcn-device-desktop:before {
content: '\e059';
/* 'εüÖ' */
}
.typcn-device-laptop:before {
content: '\e05a';
/* '' */
}
.typcn-device-phone:before {
content: '\e05b';
/* '' */
}
.typcn-device-tablet:before {
content: '\e05c';
/* '' */
}
.typcn-directions:before {
content: '\e05d';
/* '' */
}
.typcn-divide-outline:before {
content: '\e05e';
/* '' */
}
.typcn-divide:before {
content: '\e05f';
/* '' */
}
.typcn-document-add:before {
content: '\e060';
/* 'εüá' */
}
.typcn-document-delete:before {
content: '\e061';
/* 'εüí' */
}
.typcn-document-text:before {
content: '\e062';
/* 'εüó' */
}
.typcn-document:before {
content: '\e063';
/* 'εüú' */
}
.typcn-download-outline:before {
content: '\e064';
/* 'εüñ' */
}
.typcn-download:before {
content: '\e065';
/* '' */
}
.typcn-dropbox:before {
content: '\e066';
/* '' */
}
.typcn-edit:before {
content: '\e067';
/* '' */
}
.typcn-eject-outline:before {
content: '\e068';
/* 'εü¿' */
}
.typcn-eject:before {
content: '\e069';
/* '' */
}
.typcn-equals-outline:before {
content: '\e06a';
/* '' */
}
.typcn-equals:before {
content: '\e06b';
/* 'εü½' */
}
.typcn-export-outline:before {
content: '\e06c';
/* 'εü¼' */
}
.typcn-export:before {
content: '\e06d';
/* 'εü¡' */
}
.typcn-eye-outline:before {
content: '\e06e';
/* 'εü«' */
}
.typcn-eye:before {
content: '\e06f';
/* 'εü»' */
}
.typcn-feather:before {
content: '\e070';
/* '' */
}
.typcn-film:before {
content: '\e071';
/* '' */
}
.typcn-filter:before {
content: '\e072';
/* '' */
}
.typcn-flag-outline:before {
content: '\e073';
/* '' */
}
.typcn-flag:before {
content: '\e074';
/* '' */
}
.typcn-flash-outline:before {
content: '\e075';
/* '' */
}
.typcn-flash:before {
content: '\e076';
/* '' */
}
.typcn-flow-children:before {
content: '\e077';
/* '' */
}
.typcn-flow-merge:before {
content: '\e078';
/* '' */
}
.typcn-flow-parallel:before {
content: '\e079';
/* '' */
}
.typcn-flow-switch:before {
content: '\e07a';
/* '' */
}
.typcn-folder-add:before {
content: '\e07b';
/* '' */
}
.typcn-folder-delete:before {
content: '\e07c';
/* '' */
}
.typcn-folder-open:before {
content: '\e07d';
/* '' */
}
.typcn-folder:before {
content: '\e07e';
/* '' */
}
.typcn-gift:before {
content: '\e07f';
/* '' */
}
.typcn-globe-outline:before {
content: '\e080';
/* '' */
}
.typcn-globe:before {
content: '\e081';
/* 'εéü' */
}
.typcn-group-outline:before {
content: '\e082';
/* 'εéé' */
}
.typcn-group:before {
content: '\e083';
/* 'εéâ' */
}
.typcn-headphones:before {
content: '\e084';
/* 'εéä' */
}
.typcn-heart-full-outline:before {
content: '\e085';
/* 'εéà' */
}
.typcn-heart-half-outline:before {
content: '\e086';
/* 'εéå' */
}
.typcn-heart-outline:before {
content: '\e087';
/* 'εéç' */
}
.typcn-heart:before {
content: '\e088';
/* 'εéê' */
}
.typcn-home-outline:before {
content: '\e089';
/* 'εéë' */
}
.typcn-home:before {
content: '\e08a';
/* 'εéè' */
}
.typcn-html5:before {
content: '\e08b';
/* 'εéï' */
}
.typcn-image-outline:before {
content: '\e08c';
/* 'εéî' */
}
.typcn-image:before {
content: '\e08d';
/* 'εéì' */
}
.typcn-infinity-outline:before {
content: '\e08e';
/* '' */
}
.typcn-infinity:before {
content: '\e08f';
/* '' */
}
.typcn-info-large-outline:before {
content: '\e090';
/* '' */
}
.typcn-info-large:before {
content: '\e091';
/* 'εéæ' */
}
.typcn-info-outline:before {
content: '\e092';
/* '' */
}
.typcn-info:before {
content: '\e093';
/* 'εéô' */
}
.typcn-input-checked-outline:before {
content: '\e094';
/* 'εéö' */
}
.typcn-input-checked:before {
content: '\e095';
/* 'εéò' */
}
.typcn-key-outline:before {
content: '\e096';
/* 'εéû' */
}
.typcn-key:before {
content: '\e097';
/* 'εéù' */
}
.typcn-keyboard:before {
content: '\e098';
/* 'εéÿ' */
}
.typcn-leaf:before {
content: '\e099';
/* 'εéÖ' */
}
.typcn-lightbulb:before {
content: '\e09a';
/* '' */
}
.typcn-link-outline:before {
content: '\e09b';
/* '' */
}
.typcn-link:before {
content: '\e09c';
/* '' */
}
.typcn-location-arrow-outline:before {
content: '\e09d';
/* '' */
}
.typcn-location-arrow:before {
content: '\e09e';
/* '' */
}
.typcn-location-outline:before {
content: '\e09f';
/* '' */
}
.typcn-location:before {
content: '\e0a0';
/* 'εéá' */
}
.typcn-lock-closed-outline:before {
content: '\e0a1';
/* 'εéí' */
}
.typcn-lock-closed:before {
content: '\e0a2';
/* 'εéó' */
}
.typcn-lock-open-outline:before {
content: '\e0a3';
/* 'εéú' */
}
.typcn-lock-open:before {
content: '\e0a4';
/* 'εéñ' */
}
.typcn-mail:before {
content: '\e0a5';
/* '' */
}
.typcn-map:before {
content: '\e0a6';
/* '' */
}
.typcn-media-eject-outline:before {
content: '\e0a7';
/* '' */
}
.typcn-media-eject:before {
content: '\e0a8';
/* 'εé¿' */
}
.typcn-media-fast-forward-outline:before {
content: '\e0a9';
/* '' */
}
.typcn-media-fast-forward:before {
content: '\e0aa';
/* '' */
}
.typcn-media-pause-outline:before {
content: '\e0ab';
/* 'εé½' */
}
.typcn-media-pause:before {
content: '\e0ac';
/* 'εé¼' */
}
.typcn-media-play-outline:before {
content: '\e0ad';
/* 'εé¡' */
}
.typcn-media-play-reverse-outline:before {
content: '\e0ae';
/* 'εé«' */
}
.typcn-media-play-reverse:before {
content: '\e0af';
/* 'εé»' */
}
.typcn-media-play:before {
content: '\e0b0';
/* '' */
}
.typcn-media-record-outline:before {
content: '\e0b1';
/* '' */
}
.typcn-media-record:before {
content: '\e0b2';
/* '' */
}
.typcn-media-rewind-outline:before {
content: '\e0b3';
/* '' */
}
.typcn-media-rewind:before {
content: '\e0b4';
/* '' */
}
.typcn-media-stop-outline:before {
content: '\e0b5';
/* '' */
}
.typcn-media-stop:before {
content: '\e0b6';
/* '' */
}
.typcn-message-typing:before {
content: '\e0b7';
/* '' */
}
.typcn-message:before {
content: '\e0b8';
/* '' */
}
.typcn-messages:before {
content: '\e0b9';
/* '' */
}
.typcn-microphone-outline:before {
content: '\e0ba';
/* '' */
}
.typcn-microphone:before {
content: '\e0bb';
/* '' */
}
.typcn-minus-outline:before {
content: '\e0bc';
/* '' */
}
.typcn-minus:before {
content: '\e0bd';
/* '' */
}
.typcn-mortar-board:before {
content: '\e0be';
/* '' */
}
.typcn-news:before {
content: '\e0bf';
/* '' */
}
.typcn-notes-outline:before {
content: '\e0c0';
/* '' */
}
.typcn-notes:before {
content: '\e0c1';
/* 'εâü' */
}
.typcn-pen:before {
content: '\e0c2';
/* 'εâé' */
}
.typcn-pencil:before {
content: '\e0c3';
/* 'εââ' */
}
.typcn-phone-outline:before {
content: '\e0c4';
/* 'εâä' */
}
.typcn-phone:before {
content: '\e0c5';
/* 'εâà' */
}
.typcn-pi-outline:before {
content: '\e0c6';
/* 'εâå' */
}
.typcn-pi:before {
content: '\e0c7';
/* 'εâç' */
}
.typcn-pin-outline:before {
content: '\e0c8';
/* 'εâê' */
}
.typcn-pin:before {
content: '\e0c9';
/* 'εâë' */
}
.typcn-pipette:before {
content: '\e0ca';
/* 'εâè' */
}
.typcn-plane-outline:before {
content: '\e0cb';
/* 'εâï' */
}
.typcn-plane:before {
content: '\e0cc';
/* 'εâî' */
}
.typcn-plug:before {
content: '\e0cd';
/* 'εâì' */
}
.typcn-plus-outline:before {
content: '\e0ce';
/* '' */
}
.typcn-plus:before {
content: '\e0cf';
/* '' */
}
.typcn-point-of-interest-outline:before {
content: '\e0d0';
/* '' */
}
.typcn-point-of-interest:before {
content: '\e0d1';
/* 'εâæ' */
}
.typcn-power-outline:before {
content: '\e0d2';
/* '' */
}
.typcn-power:before {
content: '\e0d3';
/* 'εâô' */
}
.typcn-printer:before {
content: '\e0d4';
/* 'εâö' */
}
.typcn-puzzle-outline:before {
content: '\e0d5';
/* 'εâò' */
}
.typcn-puzzle:before {
content: '\e0d6';
/* 'εâû' */
}
.typcn-radar-outline:before {
content: '\e0d7';
/* 'εâù' */
}
.typcn-radar:before {
content: '\e0d8';
/* 'εâÿ' */
}
.typcn-refresh-outline:before {
content: '\e0d9';
/* 'εâÖ' */
}
.typcn-refresh:before {
content: '\e0da';
/* '' */
}
.typcn-rss-outline:before {
content: '\e0db';
/* '' */
}
.typcn-rss:before {
content: '\e0dc';
/* '' */
}
.typcn-scissors-outline:before {
content: '\e0dd';
/* '' */
}
.typcn-scissors:before {
content: '\e0de';
/* '' */
}
.typcn-shopping-bag:before {
content: '\e0df';
/* '' */
}
.typcn-shopping-cart:before {
content: '\e0e0';
/* 'εâá' */
}
.typcn-social-at-circular:before {
content: '\e0e1';
/* 'εâí' */
}
.typcn-social-dribbble-circular:before {
content: '\e0e2';
/* 'εâó' */
}
.typcn-social-dribbble:before {
content: '\e0e3';
/* 'εâú' */
}
.typcn-social-facebook-circular:before {
content: '\e0e4';
/* 'εâñ' */
}
.typcn-social-facebook:before {
content: '\e0e5';
/* '' */
}
.typcn-social-flickr-circular:before {
content: '\e0e6';
/* '' */
}
.typcn-social-flickr:before {
content: '\e0e7';
/* '' */
}
.typcn-social-github-circular:before {
content: '\e0e8';
/* 'εâ¿' */
}
.typcn-social-github:before {
content: '\e0e9';
/* '' */
}
.typcn-social-google-plus-circular:before {
content: '\e0ea';
/* '' */
}
.typcn-social-google-plus:before {
content: '\e0eb';
/* 'εâ½' */
}
.typcn-social-instagram-circular:before {
content: '\e0ec';
/* 'εâ¼' */
}
.typcn-social-instagram:before {
content: '\e0ed';
/* 'εâ¡' */
}
.typcn-social-last-fm-circular:before {
content: '\e0ee';
/* 'εâ«' */
}
.typcn-social-last-fm:before {
content: '\e0ef';
/* 'εâ»' */
}
.typcn-social-linkedin-circular:before {
content: '\e0f0';
/* '' */
}
.typcn-social-linkedin:before {
content: '\e0f1';
/* '' */
}
.typcn-social-pinterest-circular:before {
content: '\e0f2';
/* '' */
}
.typcn-social-pinterest:before {
content: '\e0f3';
/* '' */
}
.typcn-social-skype-outline:before {
content: '\e0f4';
/* '' */
}
.typcn-social-skype:before {
content: '\e0f5';
/* '' */
}
.typcn-social-tumbler-circular:before {
content: '\e0f6';
/* '' */
}
.typcn-social-tumbler:before {
content: '\e0f7';
/* '' */
}
.typcn-social-twitter-circular:before {
content: '\e0f8';
/* '' */
}
.typcn-social-twitter:before {
content: '\e0f9';
/* '' */
}
.typcn-social-vimeo-circular:before {
content: '\e0fa';
/* '' */
}
.typcn-social-vimeo:before {
content: '\e0fb';
/* '' */
}
.typcn-social-youtube-circular:before {
content: '\e0fc';
/* '' */
}
.typcn-social-youtube:before {
content: '\e0fd';
/* '' */
}
.typcn-sort-alphabetically-outline:before {
content: '\e0fe';
/* '' */
}
.typcn-sort-alphabetically:before {
content: '\e0ff';
/* '' */
}
.typcn-sort-numerically-outline:before {
content: '\e100';
/* '' */
}
.typcn-sort-numerically:before {
content: '\e101';
/* 'εäü' */
}
.typcn-spanner-outline:before {
content: '\e102';
/* 'εäé' */
}
.typcn-spanner:before {
content: '\e103';
/* 'εäâ' */
}
.typcn-spiral:before {
content: '\e104';
/* 'εää' */
}
.typcn-star-full-outline:before {
content: '\e105';
/* 'εäà' */
}
.typcn-star-half-outline:before {
content: '\e106';
/* 'εäå' */
}
.typcn-star-half:before {
content: '\e107';
/* 'εäç' */
}
.typcn-star-outline:before {
content: '\e108';
/* 'εäê' */
}
.typcn-star:before {
content: '\e109';
/* 'εäë' */
}
.typcn-starburst-outline:before {
content: '\e10a';
/* 'εäè' */
}
.typcn-starburst:before {
content: '\e10b';
/* 'εäï' */
}
.typcn-stopwatch:before {
content: '\e10c';
/* 'εäî' */
}
.typcn-support:before {
content: '\e10d';
/* 'εäì' */
}
.typcn-tabs-outline:before {
content: '\e10e';
/* '' */
}
.typcn-tag:before {
content: '\e10f';
/* '' */
}
.typcn-tags:before {
content: '\e110';
/* '' */
}
.typcn-th-large-outline:before {
content: '\e111';
/* 'εäæ' */
}
.typcn-th-large:before {
content: '\e112';
/* '' */
}
.typcn-th-list-outline:before {
content: '\e113';
/* 'εäô' */
}
.typcn-th-list:before {
content: '\e114';
/* 'εäö' */
}
.typcn-th-menu-outline:before {
content: '\e115';
/* 'εäò' */
}
.typcn-th-menu:before {
content: '\e116';
/* 'εäû' */
}
.typcn-th-small-outline:before {
content: '\e117';
/* 'εäù' */
}
.typcn-th-small:before {
content: '\e118';
/* 'εäÿ' */
}
.typcn-thermometer:before {
content: '\e119';
/* 'εäÖ' */
}
.typcn-thumbs-down:before {
content: '\e11a';
/* '' */
}
.typcn-thumbs-ok:before {
content: '\e11b';
/* '' */
}
.typcn-thumbs-up:before {
content: '\e11c';
/* '' */
}
.typcn-tick-outline:before {
content: '\e11d';
/* '' */
}
.typcn-tick:before {
content: '\e11e';
/* '' */
}
.typcn-ticket:before {
content: '\e11f';
/* '' */
}
.typcn-time:before {
content: '\e120';
/* 'εäá' */
}
.typcn-times-outline:before {
content: '\e121';
/* 'εäí' */
}
.typcn-times:before {
content: '\e122';
/* 'εäó' */
}
.typcn-trash:before {
content: '\e123';
/* 'εäú' */
}
.typcn-tree:before {
content: '\e124';
/* 'εäñ' */
}
.typcn-upload-outline:before {
content: '\e125';
/* '' */
}
.typcn-upload:before {
content: '\e126';
/* '' */
}
.typcn-user-add-outline:before {
content: '\e127';
/* '' */
}
.typcn-user-add:before {
content: '\e128';
/* 'εä¿' */
}
.typcn-user-delete-outline:before {
content: '\e129';
/* '' */
}
.typcn-user-delete:before {
content: '\e12a';
/* '' */
}
.typcn-user-outline:before {
content: '\e12b';
/* 'εä½' */
}
.typcn-user:before {
content: '\e12c';
/* 'εä¼' */
}
.typcn-vendor-android:before {
content: '\e12d';
/* 'εä¡' */
}
.typcn-vendor-apple:before {
content: '\e12e';
/* 'εä«' */
}
.typcn-vendor-microsoft:before {
content: '\e12f';
/* 'εä»' */
}
.typcn-video-outline:before {
content: '\e130';
/* '' */
}
.typcn-video:before {
content: '\e131';
/* '' */
}
.typcn-volume-down:before {
content: '\e132';
/* '' */
}
.typcn-volume-mute:before {
content: '\e133';
/* '' */
}
.typcn-volume-up:before {
content: '\e134';
/* '' */
}
.typcn-volume:before {
content: '\e135';
/* '' */
}
.typcn-warning-outline:before {
content: '\e136';
/* '' */
}
.typcn-warning:before {
content: '\e137';
/* '' */
}
.typcn-watch:before {
content: '\e138';
/* '' */
}
.typcn-waves-outline:before {
content: '\e139';
/* '' */
}
.typcn-waves:before {
content: '\e13a';
/* '' */
}
.typcn-weather-cloudy:before {
content: '\e13b';
/* '' */
}
.typcn-weather-downpour:before {
content: '\e13c';
/* '' */
}
.typcn-weather-night:before {
content: '\e13d';
/* '' */
}
.typcn-weather-partly-sunny:before {
content: '\e13e';
/* '' */
}
.typcn-weather-shower:before {
content: '\e13f';
/* '' */
}
.typcn-weather-snow:before {
content: '\e140';
/* '' */
}
.typcn-weather-stormy:before {
content: '\e141';
/* 'εàü' */
}
.typcn-weather-sunny:before {
content: '\e142';
/* 'εàé' */
}
.typcn-weather-windy-cloudy:before {
content: '\e143';
/* 'εàâ' */
}
.typcn-weather-windy:before {
content: '\e144';
/* 'εàä' */
}
.typcn-wi-fi-outline:before {
content: '\e145';
/* 'εàà' */
}
.typcn-wi-fi:before {
content: '\e146';
/* 'εàå' */
}
.typcn-wine:before {
content: '\e147';
/* 'εàç' */
}
.typcn-world-outline:before {
content: '\e148';
/* 'εàê' */
}
.typcn-world:before {
content: '\e149';
/* 'εàë' */
}
.typcn-zoom-in-outline:before {
content: '\e14a';
/* 'εàè' */
}
.typcn-zoom-in:before {
content: '\e14b';
/* 'εàï' */
}
.typcn-zoom-out-outline:before {
content: '\e14c';
/* 'εàî' */
}
.typcn-zoom-out:before {
content: '\e14d';
/* 'εàì' */
}
.typcn-zoom-outline:before {
content: '\e14e';
/* '' */
}
.typcn-zoom:before {
content: '\e14f';
/* '' */
}
@font-face {
font-family: 'Pe-icon-7-stroke';
src: url('Pe-icon-7-stroke.eot?d7yf1v');
src: url('Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
url('Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
font-weight: normal;
font-style: normal;
}
[class^='pe-7s-'],
[class*=' pe-7s-'] {
display: inline-block;
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pe-7s-album:before {
content: '\e6aa';
}
.pe-7s-arc:before {
content: '\e6ab';
}
.pe-7s-back-2:before {
content: '\e6ac';
}
.pe-7s-bandaid:before {
content: '\e6ad';
}
.pe-7s-car:before {
content: '\e6ae';
}
.pe-7s-diamond:before {
content: '\e6af';
}
.pe-7s-door-lock:before {
content: '\e6b0';
}
.pe-7s-eyedropper:before {
content: '\e6b1';
}
.pe-7s-female:before {
content: '\e6b2';
}
.pe-7s-gym:before {
content: '\e6b3';
}
.pe-7s-hammer:before {
content: '\e6b4';
}
.pe-7s-headphones:before {
content: '\e6b5';
}
.pe-7s-helm:before {
content: '\e6b6';
}
.pe-7s-hourglass:before {
content: '\e6b7';
}
.pe-7s-leaf:before {
content: '\e6b8';
}
.pe-7s-magic-wand:before {
content: '\e6b9';
}
.pe-7s-male:before {
content: '\e6ba';
}
.pe-7s-map-2:before {
content: '\e6bb';
}
.pe-7s-next-2:before {
content: '\e6bc';
}
.pe-7s-paint-bucket:before {
content: '\e6bd';
}
.pe-7s-pendrive:before {
content: '\e6be';
}
.pe-7s-photo:before {
content: '\e6bf';
}
.pe-7s-piggy:before {
content: '\e6c0';
}
.pe-7s-plugin:before {
content: '\e6c1';
}
.pe-7s-refresh-2:before {
content: '\e6c2';
}
.pe-7s-rocket:before {
content: '\e6c3';
}
.pe-7s-settings:before {
content: '\e6c4';
}
.pe-7s-shield:before {
content: '\e6c5';
}
.pe-7s-smile:before {
content: '\e6c6';
}
.pe-7s-usb:before {
content: '\e6c7';
}
.pe-7s-vector:before {
content: '\e6c8';
}
.pe-7s-wine:before {
content: '\e6c9';
}
.pe-7s-cloud-upload:before {
content: '\e68a';
}
.pe-7s-cash:before {
content: '\e68c';
}
.pe-7s-close:before {
content: '\e680';
}
.pe-7s-bluetooth:before {
content: '\e68d';
}
.pe-7s-cloud-download:before {
content: '\e68b';
}
.pe-7s-way:before {
content: '\e68e';
}
.pe-7s-close-circle:before {
content: '\e681';
}
.pe-7s-id:before {
content: '\e68f';
}
.pe-7s-angle-up:before {
content: '\e682';
}
.pe-7s-wristwatch:before {
content: '\e690';
}
.pe-7s-angle-up-circle:before {
content: '\e683';
}
.pe-7s-world:before {
content: '\e691';
}
.pe-7s-angle-right:before {
content: '\e684';
}
.pe-7s-volume:before {
content: '\e692';
}
.pe-7s-angle-right-circle:before {
content: '\e685';
}
.pe-7s-users:before {
content: '\e693';
}
.pe-7s-angle-left:before {
content: '\e686';
}
.pe-7s-user-female:before {
content: '\e694';
}
.pe-7s-angle-left-circle:before {
content: '\e687';
}
.pe-7s-up-arrow:before {
content: '\e695';
}
.pe-7s-angle-down:before {
content: '\e688';
}
.pe-7s-switch:before {
content: '\e696';
}
.pe-7s-angle-down-circle:before {
content: '\e689';
}
.pe-7s-scissors:before {
content: '\e697';
}
.pe-7s-wallet:before {
content: '\e600';
}
.pe-7s-safe:before {
content: '\e698';
}
.pe-7s-volume2:before {
content: '\e601';
}
.pe-7s-volume1:before {
content: '\e602';
}
.pe-7s-voicemail:before {
content: '\e603';
}
.pe-7s-video:before {
content: '\e604';
}
.pe-7s-user:before {
content: '\e605';
}
.pe-7s-upload:before {
content: '\e606';
}
.pe-7s-unlock:before {
content: '\e607';
}
.pe-7s-umbrella:before {
content: '\e608';
}
.pe-7s-trash:before {
content: '\e609';
}
.pe-7s-tools:before {
content: '\e60a';
}
.pe-7s-timer:before {
content: '\e60b';
}
.pe-7s-ticket:before {
content: '\e60c';
}
.pe-7s-target:before {
content: '\e60d';
}
.pe-7s-sun:before {
content: '\e60e';
}
.pe-7s-study:before {
content: '\e60f';
}
.pe-7s-stopwatch:before {
content: '\e610';
}
.pe-7s-star:before {
content: '\e611';
}
.pe-7s-speaker:before {
content: '\e612';
}
.pe-7s-signal:before {
content: '\e613';
}
.pe-7s-shuffle:before {
content: '\e614';
}
.pe-7s-shopbag:before {
content: '\e615';
}
.pe-7s-share:before {
content: '\e616';
}
.pe-7s-server:before {
content: '\e617';
}
.pe-7s-search:before {
content: '\e618';
}
.pe-7s-film:before {
content: '\e6a5';
}
.pe-7s-science:before {
content: '\e619';
}
.pe-7s-disk:before {
content: '\e6a6';
}
.pe-7s-ribbon:before {
content: '\e61a';
}
.pe-7s-repeat:before {
content: '\e61b';
}
.pe-7s-refresh:before {
content: '\e61c';
}
.pe-7s-add-user:before {
content: '\e6a9';
}
.pe-7s-refresh-cloud:before {
content: '\e61d';
}
.pe-7s-paperclip:before {
content: '\e69c';
}
.pe-7s-radio:before {
content: '\e61e';
}
.pe-7s-note2:before {
content: '\e69d';
}
.pe-7s-print:before {
content: '\e61f';
}
.pe-7s-network:before {
content: '\e69e';
}
.pe-7s-prev:before {
content: '\e620';
}
.pe-7s-mute:before {
content: '\e69f';
}
.pe-7s-power:before {
content: '\e621';
}
.pe-7s-medal:before {
content: '\e6a0';
}
.pe-7s-portfolio:before {
content: '\e622';
}
.pe-7s-like2:before {
content: '\e6a1';
}
.pe-7s-plus:before {
content: '\e623';
}
.pe-7s-left-arrow:before {
content: '\e6a2';
}
.pe-7s-play:before {
content: '\e624';
}
.pe-7s-key:before {
content: '\e6a3';
}
.pe-7s-plane:before {
content: '\e625';
}
.pe-7s-joy:before {
content: '\e6a4';
}
.pe-7s-photo-gallery:before {
content: '\e626';
}
.pe-7s-pin:before {
content: '\e69b';
}
.pe-7s-phone:before {
content: '\e627';
}
.pe-7s-plug:before {
content: '\e69a';
}
.pe-7s-pen:before {
content: '\e628';
}
.pe-7s-right-arrow:before {
content: '\e699';
}
.pe-7s-paper-plane:before {
content: '\e629';
}
.pe-7s-delete-user:before {
content: '\e6a7';
}
.pe-7s-paint:before {
content: '\e62a';
}
.pe-7s-bottom-arrow:before {
content: '\e6a8';
}
.pe-7s-notebook:before {
content: '\e62b';
}
.pe-7s-note:before {
content: '\e62c';
}
.pe-7s-next:before {
content: '\e62d';
}
.pe-7s-news-paper:before {
content: '\e62e';
}
.pe-7s-musiclist:before {
content: '\e62f';
}
.pe-7s-music:before {
content: '\e630';
}
.pe-7s-mouse:before {
content: '\e631';
}
.pe-7s-more:before {
content: '\e632';
}
.pe-7s-moon:before {
content: '\e633';
}
.pe-7s-monitor:before {
content: '\e634';
}
.pe-7s-micro:before {
content: '\e635';
}
.pe-7s-menu:before {
content: '\e636';
}
.pe-7s-map:before {
content: '\e637';
}
.pe-7s-map-marker:before {
content: '\e638';
}
.pe-7s-mail:before {
content: '\e639';
}
.pe-7s-mail-open:before {
content: '\e63a';
}
.pe-7s-mail-open-file:before {
content: '\e63b';
}
.pe-7s-magnet:before {
content: '\e63c';
}
.pe-7s-loop:before {
content: '\e63d';
}
.pe-7s-look:before {
content: '\e63e';
}
.pe-7s-lock:before {
content: '\e63f';
}
.pe-7s-lintern:before {
content: '\e640';
}
.pe-7s-link:before {
content: '\e641';
}
.pe-7s-like:before {
content: '\e642';
}
.pe-7s-light:before {
content: '\e643';
}
.pe-7s-less:before {
content: '\e644';
}
.pe-7s-keypad:before {
content: '\e645';
}
.pe-7s-junk:before {
content: '\e646';
}
.pe-7s-info:before {
content: '\e647';
}
.pe-7s-home:before {
content: '\e648';
}
.pe-7s-help2:before {
content: '\e649';
}
.pe-7s-help1:before {
content: '\e64a';
}
.pe-7s-graph3:before {
content: '\e64b';
}
.pe-7s-graph2:before {
content: '\e64c';
}
.pe-7s-graph1:before {
content: '\e64d';
}
.pe-7s-graph:before {
content: '\e64e';
}
.pe-7s-global:before {
content: '\e64f';
}
.pe-7s-gleam:before {
content: '\e650';
}
.pe-7s-glasses:before {
content: '\e651';
}
.pe-7s-gift:before {
content: '\e652';
}
.pe-7s-folder:before {
content: '\e653';
}
.pe-7s-flag:before {
content: '\e654';
}
.pe-7s-filter:before {
content: '\e655';
}
.pe-7s-file:before {
content: '\e656';
}
.pe-7s-expand1:before {
content: '\e657';
}
.pe-7s-exapnd2:before {
content: '\e658';
}
.pe-7s-edit:before {
content: '\e659';
}
.pe-7s-drop:before {
content: '\e65a';
}
.pe-7s-drawer:before {
content: '\e65b';
}
.pe-7s-download:before {
content: '\e65c';
}
.pe-7s-display2:before {
content: '\e65d';
}
.pe-7s-display1:before {
content: '\e65e';
}
.pe-7s-diskette:before {
content: '\e65f';
}
.pe-7s-date:before {
content: '\e660';
}
.pe-7s-cup:before {
content: '\e661';
}
.pe-7s-culture:before {
content: '\e662';
}
.pe-7s-crop:before {
content: '\e663';
}
.pe-7s-credit:before {
content: '\e664';
}
.pe-7s-copy-file:before {
content: '\e665';
}
.pe-7s-config:before {
content: '\e666';
}
.pe-7s-compass:before {
content: '\e667';
}
.pe-7s-comment:before {
content: '\e668';
}
.pe-7s-coffee:before {
content: '\e669';
}
.pe-7s-cloud:before {
content: '\e66a';
}
.pe-7s-clock:before {
content: '\e66b';
}
.pe-7s-check:before {
content: '\e66c';
}
.pe-7s-chat:before {
content: '\e66d';
}
.pe-7s-cart:before {
content: '\e66e';
}
.pe-7s-camera:before {
content: '\e66f';
}
.pe-7s-call:before {
content: '\e670';
}
.pe-7s-calculator:before {
content: '\e671';
}
.pe-7s-browser:before {
content: '\e672';
}
.pe-7s-box2:before {
content: '\e673';
}
.pe-7s-box1:before {
content: '\e674';
}
.pe-7s-bookmarks:before {
content: '\e675';
}
.pe-7s-bicycle:before {
content: '\e676';
}
.pe-7s-bell:before {
content: '\e677';
}
.pe-7s-battery:before {
content: '\e678';
}
.pe-7s-ball:before {
content: '\e679';
}
.pe-7s-back:before {
content: '\e67a';
}
.pe-7s-attention:before {
content: '\e67b';
}
.pe-7s-anchor:before {
content: '\e67c';
}
.pe-7s-albums:before {
content: '\e67d';
}
.pe-7s-alarm:before {
content: '\e67e';
}
.pe-7s-airplay:before {
content: '\e67f';
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'FontAwesome';
src: url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.eot?v=4.7.0');
src: url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('assets-plugins-web-fonts-font-awesome-fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: 0.2em 0.25em 0.15em;
border: solid 0.08em #eee;
border-radius: 0.1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: 0.3em;
}
.fa.fa-pull-right {
margin-left: 0.3em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: 0.3em;
}
.fa.pull-right {
margin-left: 0.3em;
}
.fa-spin {
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
.fa-glass:before {
content: '\f000';
}
.fa-music:before {
content: '\f001';
}
.fa-search:before {
content: '\f002';
}
.fa-envelope-o:before {
content: '\f003';
}
.fa-heart:before {
content: '\f004';
}
.fa-star:before {
content: '\f005';
}
.fa-star-o:before {
content: '\f006';
}
.fa-user:before {
content: '\f007';
}
.fa-film:before {
content: '\f008';
}
.fa-th-large:before {
content: '\f009';
}
.fa-th:before {
content: '\f00a';
}
.fa-th-list:before {
content: '\f00b';
}
.fa-check:before {
content: '\f00c';
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: '\f00d';
}
.fa-search-plus:before {
content: '\f00e';
}
.fa-search-minus:before {
content: '\f010';
}
.fa-power-off:before {
content: '\f011';
}
.fa-signal:before {
content: '\f012';
}
.fa-gear:before,
.fa-cog:before {
content: '\f013';
}
.fa-trash-o:before {
content: '\f014';
}
.fa-home:before {
content: '\f015';
}
.fa-file-o:before {
content: '\f016';
}
.fa-clock-o:before {
content: '\f017';
}
.fa-road:before {
content: '\f018';
}
.fa-download:before {
content: '\f019';
}
.fa-arrow-circle-o-down:before {
content: '\f01a';
}
.fa-arrow-circle-o-up:before {
content: '\f01b';
}
.fa-inbox:before {
content: '\f01c';
}
.fa-play-circle-o:before {
content: '\f01d';
}
.fa-rotate-right:before,
.fa-repeat:before {
content: '\f01e';
}
.fa-refresh:before {
content: '\f021';
}
.fa-list-alt:before {
content: '\f022';
}
.fa-lock:before {
content: '\f023';
}
.fa-flag:before {
content: '\f024';
}
.fa-headphones:before {
content: '\f025';
}
.fa-volume-off:before {
content: '\f026';
}
.fa-volume-down:before {
content: '\f027';
}
.fa-volume-up:before {
content: '\f028';
}
.fa-qrcode:before {
content: '\f029';
}
.fa-barcode:before {
content: '\f02a';
}
.fa-tag:before {
content: '\f02b';
}
.fa-tags:before {
content: '\f02c';
}
.fa-book:before {
content: '\f02d';
}
.fa-bookmark:before {
content: '\f02e';
}
.fa-print:before {
content: '\f02f';
}
.fa-camera:before {
content: '\f030';
}
.fa-font:before {
content: '\f031';
}
.fa-bold:before {
content: '\f032';
}
.fa-italic:before {
content: '\f033';
}
.fa-text-height:before {
content: '\f034';
}
.fa-text-width:before {
content: '\f035';
}
.fa-align-left:before {
content: '\f036';
}
.fa-align-center:before {
content: '\f037';
}
.fa-align-right:before {
content: '\f038';
}
.fa-align-justify:before {
content: '\f039';
}
.fa-list:before {
content: '\f03a';
}
.fa-dedent:before,
.fa-outdent:before {
content: '\f03b';
}
.fa-indent:before {
content: '\f03c';
}
.fa-video-camera:before {
content: '\f03d';
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: '\f03e';
}
.fa-pencil:before {
content: '\f040';
}
.fa-map-marker:before {
content: '\f041';
}
.fa-adjust:before {
content: '\f042';
}
.fa-tint:before {
content: '\f043';
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: '\f044';
}
.fa-share-square-o:before {
content: '\f045';
}
.fa-check-square-o:before {
content: '\f046';
}
.fa-arrows:before {
content: '\f047';
}
.fa-step-backward:before {
content: '\f048';
}
.fa-fast-backward:before {
content: '\f049';
}
.fa-backward:before {
content: '\f04a';
}
.fa-play:before {
content: '\f04b';
}
.fa-pause:before {
content: '\f04c';
}
.fa-stop:before {
content: '\f04d';
}
.fa-forward:before {
content: '\f04e';
}
.fa-fast-forward:before {
content: '\f050';
}
.fa-step-forward:before {
content: '\f051';
}
.fa-eject:before {
content: '\f052';
}
.fa-chevron-left:before {
content: '\f053';
}
.fa-chevron-right:before {
content: '\f054';
}
.fa-plus-circle:before {
content: '\f055';
}
.fa-minus-circle:before {
content: '\f056';
}
.fa-times-circle:before {
content: '\f057';
}
.fa-check-circle:before {
content: '\f058';
}
.fa-question-circle:before {
content: '\f059';
}
.fa-info-circle:before {
content: '\f05a';
}
.fa-crosshairs:before {
content: '\f05b';
}
.fa-times-circle-o:before {
content: '\f05c';
}
.fa-check-circle-o:before {
content: '\f05d';
}
.fa-ban:before {
content: '\f05e';
}
.fa-arrow-left:before {
content: '\f060';
}
.fa-arrow-right:before {
content: '\f061';
}
.fa-arrow-up:before {
content: '\f062';
}
.fa-arrow-down:before {
content: '\f063';
}
.fa-mail-forward:before,
.fa-share:before {
content: '\f064';
}
.fa-expand:before {
content: '\f065';
}
.fa-compress:before {
content: '\f066';
}
.fa-plus:before {
content: '\f067';
}
.fa-minus:before {
content: '\f068';
}
.fa-asterisk:before {
content: '\f069';
}
.fa-exclamation-circle:before {
content: '\f06a';
}
.fa-gift:before {
content: '\f06b';
}
.fa-leaf:before {
content: '\f06c';
}
.fa-fire:before {
content: '\f06d';
}
.fa-eye:before {
content: '\f06e';
}
.fa-eye-slash:before {
content: '\f070';
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: '\f071';
}
.fa-plane:before {
content: '\f072';
}
.fa-calendar:before {
content: '\f073';
}
.fa-random:before {
content: '\f074';
}
.fa-comment:before {
content: '\f075';
}
.fa-magnet:before {
content: '\f076';
}
.fa-chevron-up:before {
content: '\f077';
}
.fa-chevron-down:before {
content: '\f078';
}
.fa-retweet:before {
content: '\f079';
}
.fa-shopping-cart:before {
content: '\f07a';
}
.fa-folder:before {
content: '\f07b';
}
.fa-folder-open:before {
content: '\f07c';
}
.fa-arrows-v:before {
content: '\f07d';
}
.fa-arrows-h:before {
content: '\f07e';
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: '\f080';
}
.fa-twitter-square:before {
content: '\f081';
}
.fa-facebook-square:before {
content: '\f082';
}
.fa-camera-retro:before {
content: '\f083';
}
.fa-key:before {
content: '\f084';
}
.fa-gears:before,
.fa-cogs:before {
content: '\f085';
}
.fa-comments:before {
content: '\f086';
}
.fa-thumbs-o-up:before {
content: '\f087';
}
.fa-thumbs-o-down:before {
content: '\f088';
}
.fa-star-half:before {
content: '\f089';
}
.fa-heart-o:before {
content: '\f08a';
}
.fa-sign-out:before {
content: '\f08b';
}
.fa-linkedin-square:before {
content: '\f08c';
}
.fa-thumb-tack:before {
content: '\f08d';
}
.fa-external-link:before {
content: '\f08e';
}
.fa-sign-in:before {
content: '\f090';
}
.fa-trophy:before {
content: '\f091';
}
.fa-github-square:before {
content: '\f092';
}
.fa-upload:before {
content: '\f093';
}
.fa-lemon-o:before {
content: '\f094';
}
.fa-phone:before {
content: '\f095';
}
.fa-square-o:before {
content: '\f096';
}
.fa-bookmark-o:before {
content: '\f097';
}
.fa-phone-square:before {
content: '\f098';
}
.fa-twitter:before {
content: '\f099';
}
.fa-facebook-f:before,
.fa-facebook:before {
content: '\f09a';
}
.fa-github:before {
content: '\f09b';
}
.fa-unlock:before {
content: '\f09c';
}
.fa-credit-card:before {
content: '\f09d';
}
.fa-feed:before,
.fa-rss:before {
content: '\f09e';
}
.fa-hdd-o:before {
content: '\f0a0';
}
.fa-bullhorn:before {
content: '\f0a1';
}
.fa-bell:before {
content: '\f0f3';
}
.fa-certificate:before {
content: '\f0a3';
}
.fa-hand-o-right:before {
content: '\f0a4';
}
.fa-hand-o-left:before {
content: '\f0a5';
}
.fa-hand-o-up:before {
content: '\f0a6';
}
.fa-hand-o-down:before {
content: '\f0a7';
}
.fa-arrow-circle-left:before {
content: '\f0a8';
}
.fa-arrow-circle-right:before {
content: '\f0a9';
}
.fa-arrow-circle-up:before {
content: '\f0aa';
}
.fa-arrow-circle-down:before {
content: '\f0ab';
}
.fa-globe:before {
content: '\f0ac';
}
.fa-wrench:before {
content: '\f0ad';
}
.fa-tasks:before {
content: '\f0ae';
}
.fa-filter:before {
content: '\f0b0';
}
.fa-briefcase:before {
content: '\f0b1';
}
.fa-arrows-alt:before {
content: '\f0b2';
}
.fa-group:before,
.fa-users:before {
content: '\f0c0';
}
.fa-chain:before,
.fa-link:before {
content: '\f0c1';
}
.fa-cloud:before {
content: '\f0c2';
}
.fa-flask:before {
content: '\f0c3';
}
.fa-cut:before,
.fa-scissors:before {
content: '\f0c4';
}
.fa-copy:before,
.fa-files-o:before {
content: '\f0c5';
}
.fa-paperclip:before {
content: '\f0c6';
}
.fa-save:before,
.fa-floppy-o:before {
content: '\f0c7';
}
.fa-square:before {
content: '\f0c8';
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: '\f0c9';
}
.fa-list-ul:before {
content: '\f0ca';
}
.fa-list-ol:before {
content: '\f0cb';
}
.fa-strikethrough:before {
content: '\f0cc';
}
.fa-underline:before {
content: '\f0cd';
}
.fa-table:before {
content: '\f0ce';
}
.fa-magic:before {
content: '\f0d0';
}
.fa-truck:before {
content: '\f0d1';
}
.fa-pinterest:before {
content: '\f0d2';
}
.fa-pinterest-square:before {
content: '\f0d3';
}
.fa-google-plus-square:before {
content: '\f0d4';
}
.fa-google-plus:before {
content: '\f0d5';
}
.fa-money:before {
content: '\f0d6';
}
.fa-caret-down:before {
content: '\f0d7';
}
.fa-caret-up:before {
content: '\f0d8';
}
.fa-caret-left:before {
content: '\f0d9';
}
.fa-caret-right:before {
content: '\f0da';
}
.fa-columns:before {
content: '\f0db';
}
.fa-unsorted:before,
.fa-sort:before {
content: '\f0dc';
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: '\f0dd';
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: '\f0de';
}
.fa-envelope:before {
content: '\f0e0';
}
.fa-linkedin:before {
content: '\f0e1';
}
.fa-rotate-left:before,
.fa-undo:before {
content: '\f0e2';
}
.fa-legal:before,
.fa-gavel:before {
content: '\f0e3';
}
.fa-dashboard:before,
.fa-tachometer:before {
content: '\f0e4';
}
.fa-comment-o:before {
content: '\f0e5';
}
.fa-comments-o:before {
content: '\f0e6';
}
.fa-flash:before,
.fa-bolt:before {
content: '\f0e7';
}
.fa-sitemap:before {
content: '\f0e8';
}
.fa-umbrella:before {
content: '\f0e9';
}
.fa-paste:before,
.fa-clipboard:before {
content: '\f0ea';
}
.fa-lightbulb-o:before {
content: '\f0eb';
}
.fa-exchange:before {
content: '\f0ec';
}
.fa-cloud-download:before {
content: '\f0ed';
}
.fa-cloud-upload:before {
content: '\f0ee';
}
.fa-user-md:before {
content: '\f0f0';
}
.fa-stethoscope:before {
content: '\f0f1';
}
.fa-suitcase:before {
content: '\f0f2';
}
.fa-bell-o:before {
content: '\f0a2';
}
.fa-coffee:before {
content: '\f0f4';
}
.fa-cutlery:before {
content: '\f0f5';
}
.fa-file-text-o:before {
content: '\f0f6';
}
.fa-building-o:before {
content: '\f0f7';
}
.fa-hospital-o:before {
content: '\f0f8';
}
.fa-ambulance:before {
content: '\f0f9';
}
.fa-medkit:before {
content: '\f0fa';
}
.fa-fighter-jet:before {
content: '\f0fb';
}
.fa-beer:before {
content: '\f0fc';
}
.fa-h-square:before {
content: '\f0fd';
}
.fa-plus-square:before {
content: '\f0fe';
}
.fa-angle-double-left:before {
content: '\f100';
}
.fa-angle-double-right:before {
content: '\f101';
}
.fa-angle-double-up:before {
content: '\f102';
}
.fa-angle-double-down:before {
content: '\f103';
}
.fa-angle-left:before {
content: '\f104';
}
.fa-angle-right:before {
content: '\f105';
}
.fa-angle-up:before {
content: '\f106';
}
.fa-angle-down:before {
content: '\f107';
}
.fa-desktop:before {
content: '\f108';
}
.fa-laptop:before {
content: '\f109';
}
.fa-tablet:before {
content: '\f10a';
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: '\f10b';
}
.fa-circle-o:before {
content: '\f10c';
}
.fa-quote-left:before {
content: '\f10d';
}
.fa-quote-right:before {
content: '\f10e';
}
.fa-spinner:before {
content: '\f110';
}
.fa-circle:before {
content: '\f111';
}
.fa-mail-reply:before,
.fa-reply:before {
content: '\f112';
}
.fa-github-alt:before {
content: '\f113';
}
.fa-folder-o:before {
content: '\f114';
}
.fa-folder-open-o:before {
content: '\f115';
}
.fa-smile-o:before {
content: '\f118';
}
.fa-frown-o:before {
content: '\f119';
}
.fa-meh-o:before {
content: '\f11a';
}
.fa-gamepad:before {
content: '\f11b';
}
.fa-keyboard-o:before {
content: '\f11c';
}
.fa-flag-o:before {
content: '\f11d';
}
.fa-flag-checkered:before {
content: '\f11e';
}
.fa-terminal:before {
content: '\f120';
}
.fa-code:before {
content: '\f121';
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: '\f122';
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: '\f123';
}
.fa-location-arrow:before {
content: '\f124';
}
.fa-crop:before {
content: '\f125';
}
.fa-code-fork:before {
content: '\f126';
}
.fa-unlink:before,
.fa-chain-broken:before {
content: '\f127';
}
.fa-question:before {
content: '\f128';
}
.fa-info:before {
content: '\f129';
}
.fa-exclamation:before {
content: '\f12a';
}
.fa-superscript:before {
content: '\f12b';
}
.fa-subscript:before {
content: '\f12c';
}
.fa-eraser:before {
content: '\f12d';
}
.fa-puzzle-piece:before {
content: '\f12e';
}
.fa-microphone:before {
content: '\f130';
}
.fa-microphone-slash:before {
content: '\f131';
}
.fa-shield:before {
content: '\f132';
}
.fa-calendar-o:before {
content: '\f133';
}
.fa-fire-extinguisher:before {
content: '\f134';
}
.fa-rocket:before {
content: '\f135';
}
.fa-maxcdn:before {
content: '\f136';
}
.fa-chevron-circle-left:before {
content: '\f137';
}
.fa-chevron-circle-right:before {
content: '\f138';
}
.fa-chevron-circle-up:before {
content: '\f139';
}
.fa-chevron-circle-down:before {
content: '\f13a';
}
.fa-html5:before {
content: '\f13b';
}
.fa-css3:before {
content: '\f13c';
}
.fa-anchor:before {
content: '\f13d';
}
.fa-unlock-alt:before {
content: '\f13e';
}
.fa-bullseye:before {
content: '\f140';
}
.fa-ellipsis-h:before {
content: '\f141';
}
.fa-ellipsis-v:before {
content: '\f142';
}
.fa-rss-square:before {
content: '\f143';
}
.fa-play-circle:before {
content: '\f144';
}
.fa-ticket:before {
content: '\f145';
}
.fa-minus-square:before {
content: '\f146';
}
.fa-minus-square-o:before {
content: '\f147';
}
.fa-level-up:before {
content: '\f148';
}
.fa-level-down:before {
content: '\f149';
}
.fa-check-square:before {
content: '\f14a';
}
.fa-pencil-square:before {
content: '\f14b';
}
.fa-external-link-square:before {
content: '\f14c';
}
.fa-share-square:before {
content: '\f14d';
}
.fa-compass:before {
content: '\f14e';
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: '\f150';
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: '\f151';
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: '\f152';
}
.fa-euro:before,
.fa-eur:before {
content: '\f153';
}
.fa-gbp:before {
content: '\f154';
}
.fa-dollar:before,
.fa-usd:before {
content: '\f155';
}
.fa-rupee:before,
.fa-inr:before {
content: '\f156';
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: '\f157';
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: '\f158';
}
.fa-won:before,
.fa-krw:before {
content: '\f159';
}
.fa-bitcoin:before,
.fa-btc:before {
content: '\f15a';
}
.fa-file:before {
content: '\f15b';
}
.fa-file-text:before {
content: '\f15c';
}
.fa-sort-alpha-asc:before {
content: '\f15d';
}
.fa-sort-alpha-desc:before {
content: '\f15e';
}
.fa-sort-amount-asc:before {
content: '\f160';
}
.fa-sort-amount-desc:before {
content: '\f161';
}
.fa-sort-numeric-asc:before {
content: '\f162';
}
.fa-sort-numeric-desc:before {
content: '\f163';
}
.fa-thumbs-up:before {
content: '\f164';
}
.fa-thumbs-down:before {
content: '\f165';
}
.fa-youtube-square:before {
content: '\f166';
}
.fa-youtube:before {
content: '\f167';
}
.fa-xing:before {
content: '\f168';
}
.fa-xing-square:before {
content: '\f169';
}
.fa-youtube-play:before {
content: '\f16a';
}
.fa-dropbox:before {
content: '\f16b';
}
.fa-stack-overflow:before {
content: '\f16c';
}
.fa-instagram:before {
content: '\f16d';
}
.fa-flickr:before {
content: '\f16e';
}
.fa-adn:before {
content: '\f170';
}
.fa-bitbucket:before {
content: '\f171';
}
.fa-bitbucket-square:before {
content: '\f172';
}
.fa-tumblr:before {
content: '\f173';
}
.fa-tumblr-square:before {
content: '\f174';
}
.fa-long-arrow-down:before {
content: '\f175';
}
.fa-long-arrow-up:before {
content: '\f176';
}
.fa-long-arrow-left:before {
content: '\f177';
}
.fa-long-arrow-right:before {
content: '\f178';
}
.fa-apple:before {
content: '\f179';
}
.fa-windows:before {
content: '\f17a';
}
.fa-android:before {
content: '\f17b';
}
.fa-linux:before {
content: '\f17c';
}
.fa-dribbble:before {
content: '\f17d';
}
.fa-skype:before {
content: '\f17e';
}
.fa-foursquare:before {
content: '\f180';
}
.fa-trello:before {
content: '\f181';
}
.fa-female:before {
content: '\f182';
}
.fa-male:before {
content: '\f183';
}
.fa-gittip:before,
.fa-gratipay:before {
content: '\f184';
}
.fa-sun-o:before {
content: '\f185';
}
.fa-moon-o:before {
content: '\f186';
}
.fa-archive:before {
content: '\f187';
}
.fa-bug:before {
content: '\f188';
}
.fa-vk:before {
content: '\f189';
}
.fa-weibo:before {
content: '\f18a';
}
.fa-renren:before {
content: '\f18b';
}
.fa-pagelines:before {
content: '\f18c';
}
.fa-stack-exchange:before {
content: '\f18d';
}
.fa-arrow-circle-o-right:before {
content: '\f18e';
}
.fa-arrow-circle-o-left:before {
content: '\f190';
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: '\f191';
}
.fa-dot-circle-o:before {
content: '\f192';
}
.fa-wheelchair:before {
content: '\f193';
}
.fa-vimeo-square:before {
content: '\f194';
}
.fa-turkish-lira:before,
.fa-try:before {
content: '\f195';
}
.fa-plus-square-o:before {
content: '\f196';
}
.fa-space-shuttle:before {
content: '\f197';
}
.fa-slack:before {
content: '\f198';
}
.fa-envelope-square:before {
content: '\f199';
}
.fa-wordpress:before {
content: '\f19a';
}
.fa-openid:before {
content: '\f19b';
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: '\f19c';
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: '\f19d';
}
.fa-yahoo:before {
content: '\f19e';
}
.fa-google:before {
content: '\f1a0';
}
.fa-reddit:before {
content: '\f1a1';
}
.fa-reddit-square:before {
content: '\f1a2';
}
.fa-stumbleupon-circle:before {
content: '\f1a3';
}
.fa-stumbleupon:before {
content: '\f1a4';
}
.fa-delicious:before {
content: '\f1a5';
}
.fa-digg:before {
content: '\f1a6';
}
.fa-pied-piper-pp:before {
content: '\f1a7';
}
.fa-pied-piper-alt:before {
content: '\f1a8';
}
.fa-drupal:before {
content: '\f1a9';
}
.fa-joomla:before {
content: '\f1aa';
}
.fa-language:before {
content: '\f1ab';
}
.fa-fax:before {
content: '\f1ac';
}
.fa-building:before {
content: '\f1ad';
}
.fa-child:before {
content: '\f1ae';
}
.fa-paw:before {
content: '\f1b0';
}
.fa-spoon:before {
content: '\f1b1';
}
.fa-cube:before {
content: '\f1b2';
}
.fa-cubes:before {
content: '\f1b3';
}
.fa-behance:before {
content: '\f1b4';
}
.fa-behance-square:before {
content: '\f1b5';
}
.fa-steam:before {
content: '\f1b6';
}
.fa-steam-square:before {
content: '\f1b7';
}
.fa-recycle:before {
content: '\f1b8';
}
.fa-automobile:before,
.fa-car:before {
content: '\f1b9';
}
.fa-cab:before,
.fa-taxi:before {
content: '\f1ba';
}
.fa-tree:before {
content: '\f1bb';
}
.fa-spotify:before {
content: '\f1bc';
}
.fa-deviantart:before {
content: '\f1bd';
}
.fa-soundcloud:before {
content: '\f1be';
}
.fa-database:before {
content: '\f1c0';
}
.fa-file-pdf-o:before {
content: '\f1c1';
}
.fa-file-word-o:before {
content: '\f1c2';
}
.fa-file-excel-o:before {
content: '\f1c3';
}
.fa-file-powerpoint-o:before {
content: '\f1c4';
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: '\f1c5';
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: '\f1c6';
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: '\f1c7';
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: '\f1c8';
}
.fa-file-code-o:before {
content: '\f1c9';
}
.fa-vine:before {
content: '\f1ca';
}
.fa-codepen:before {
content: '\f1cb';
}
.fa-jsfiddle:before {
content: '\f1cc';
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: '\f1cd';
}
.fa-circle-o-notch:before {
content: '\f1ce';
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: '\f1d0';
}
.fa-ge:before,
.fa-empire:before {
content: '\f1d1';
}
.fa-git-square:before {
content: '\f1d2';
}
.fa-git:before {
content: '\f1d3';
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: '\f1d4';
}
.fa-tencent-weibo:before {
content: '\f1d5';
}
.fa-qq:before {
content: '\f1d6';
}
.fa-wechat:before,
.fa-weixin:before {
content: '\f1d7';
}
.fa-send:before,
.fa-paper-plane:before {
content: '\f1d8';
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: '\f1d9';
}
.fa-history:before {
content: '\f1da';
}
.fa-circle-thin:before {
content: '\f1db';
}
.fa-header:before {
content: '\f1dc';
}
.fa-paragraph:before {
content: '\f1dd';
}
.fa-sliders:before {
content: '\f1de';
}
.fa-share-alt:before {
content: '\f1e0';
}
.fa-share-alt-square:before {
content: '\f1e1';
}
.fa-bomb:before {
content: '\f1e2';
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: '\f1e3';
}
.fa-tty:before {
content: '\f1e4';
}
.fa-binoculars:before {
content: '\f1e5';
}
.fa-plug:before {
content: '\f1e6';
}
.fa-slideshare:before {
content: '\f1e7';
}
.fa-twitch:before {
content: '\f1e8';
}
.fa-yelp:before {
content: '\f1e9';
}
.fa-newspaper-o:before {
content: '\f1ea';
}
.fa-wifi:before {
content: '\f1eb';
}
.fa-calculator:before {
content: '\f1ec';
}
.fa-paypal:before {
content: '\f1ed';
}
.fa-google-wallet:before {
content: '\f1ee';
}
.fa-cc-visa:before {
content: '\f1f0';
}
.fa-cc-mastercard:before {
content: '\f1f1';
}
.fa-cc-discover:before {
content: '\f1f2';
}
.fa-cc-amex:before {
content: '\f1f3';
}
.fa-cc-paypal:before {
content: '\f1f4';
}
.fa-cc-stripe:before {
content: '\f1f5';
}
.fa-bell-slash:before {
content: '\f1f6';
}
.fa-bell-slash-o:before {
content: '\f1f7';
}
.fa-trash:before {
content: '\f1f8';
}
.fa-copyright:before {
content: '\f1f9';
}
.fa-at:before {
content: '\f1fa';
}
.fa-eyedropper:before {
content: '\f1fb';
}
.fa-paint-brush:before {
content: '\f1fc';
}
.fa-birthday-cake:before {
content: '\f1fd';
}
.fa-area-chart:before {
content: '\f1fe';
}
.fa-pie-chart:before {
content: '\f200';
}
.fa-line-chart:before {
content: '\f201';
}
.fa-lastfm:before {
content: '\f202';
}
.fa-lastfm-square:before {
content: '\f203';
}
.fa-toggle-off:before {
content: '\f204';
}
.fa-toggle-on:before {
content: '\f205';
}
.fa-bicycle:before {
content: '\f206';
}
.fa-bus:before {
content: '\f207';
}
.fa-ioxhost:before {
content: '\f208';
}
.fa-angellist:before {
content: '\f209';
}
.fa-cc:before {
content: '\f20a';
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: '\f20b';
}
.fa-meanpath:before {
content: '\f20c';
}
.fa-buysellads:before {
content: '\f20d';
}
.fa-connectdevelop:before {
content: '\f20e';
}
.fa-dashcube:before {
content: '\f210';
}
.fa-forumbee:before {
content: '\f211';
}
.fa-leanpub:before {
content: '\f212';
}
.fa-sellsy:before {
content: '\f213';
}
.fa-shirtsinbulk:before {
content: '\f214';
}
.fa-simplybuilt:before {
content: '\f215';
}
.fa-skyatlas:before {
content: '\f216';
}
.fa-cart-plus:before {
content: '\f217';
}
.fa-cart-arrow-down:before {
content: '\f218';
}
.fa-diamond:before {
content: '\f219';
}
.fa-ship:before {
content: '\f21a';
}
.fa-user-secret:before {
content: '\f21b';
}
.fa-motorcycle:before {
content: '\f21c';
}
.fa-street-view:before {
content: '\f21d';
}
.fa-heartbeat:before {
content: '\f21e';
}
.fa-venus:before {
content: '\f221';
}
.fa-mars:before {
content: '\f222';
}
.fa-mercury:before {
content: '\f223';
}
.fa-intersex:before,
.fa-transgender:before {
content: '\f224';
}
.fa-transgender-alt:before {
content: '\f225';
}
.fa-venus-double:before {
content: '\f226';
}
.fa-mars-double:before {
content: '\f227';
}
.fa-venus-mars:before {
content: '\f228';
}
.fa-mars-stroke:before {
content: '\f229';
}
.fa-mars-stroke-v:before {
content: '\f22a';
}
.fa-mars-stroke-h:before {
content: '\f22b';
}
.fa-neuter:before {
content: '\f22c';
}
.fa-genderless:before {
content: '\f22d';
}
.fa-facebook-official:before {
content: '\f230';
}
.fa-pinterest-p:before {
content: '\f231';
}
.fa-whatsapp:before {
content: '\f232';
}
.fa-server:before {
content: '\f233';
}
.fa-user-plus:before {
content: '\f234';
}
.fa-user-times:before {
content: '\f235';
}
.fa-hotel:before,
.fa-bed:before {
content: '\f236';
}
.fa-viacoin:before {
content: '\f237';
}
.fa-train:before {
content: '\f238';
}
.fa-subway:before {
content: '\f239';
}
.fa-medium:before {
content: '\f23a';
}
.fa-yc:before,
.fa-y-combinator:before {
content: '\f23b';
}
.fa-optin-monster:before {
content: '\f23c';
}
.fa-opencart:before {
content: '\f23d';
}
.fa-expeditedssl:before {
content: '\f23e';
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: '\f240';
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: '\f241';
}
.fa-battery-2:before,
.fa-battery-half:before {
content: '\f242';
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: '\f243';
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: '\f244';
}
.fa-mouse-pointer:before {
content: '\f245';
}
.fa-i-cursor:before {
content: '\f246';
}
.fa-object-group:before {
content: '\f247';
}
.fa-object-ungroup:before {
content: '\f248';
}
.fa-sticky-note:before {
content: '\f249';
}
.fa-sticky-note-o:before {
content: '\f24a';
}
.fa-cc-jcb:before {
content: '\f24b';
}
.fa-cc-diners-club:before {
content: '\f24c';
}
.fa-clone:before {
content: '\f24d';
}
.fa-balance-scale:before {
content: '\f24e';
}
.fa-hourglass-o:before {
content: '\f250';
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: '\f251';
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: '\f252';
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: '\f253';
}
.fa-hourglass:before {
content: '\f254';
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: '\f255';
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: '\f256';
}
.fa-hand-scissors-o:before {
content: '\f257';
}
.fa-hand-lizard-o:before {
content: '\f258';
}
.fa-hand-spock-o:before {
content: '\f259';
}
.fa-hand-pointer-o:before {
content: '\f25a';
}
.fa-hand-peace-o:before {
content: '\f25b';
}
.fa-trademark:before {
content: '\f25c';
}
.fa-registered:before {
content: '\f25d';
}
.fa-creative-commons:before {
content: '\f25e';
}
.fa-gg:before {
content: '\f260';
}
.fa-gg-circle:before {
content: '\f261';
}
.fa-tripadvisor:before {
content: '\f262';
}
.fa-odnoklassniki:before {
content: '\f263';
}
.fa-odnoklassniki-square:before {
content: '\f264';
}
.fa-get-pocket:before {
content: '\f265';
}
.fa-wikipedia-w:before {
content: '\f266';
}
.fa-safari:before {
content: '\f267';
}
.fa-chrome:before {
content: '\f268';
}
.fa-firefox:before {
content: '\f269';
}
.fa-opera:before {
content: '\f26a';
}
.fa-internet-explorer:before {
content: '\f26b';
}
.fa-tv:before,
.fa-television:before {
content: '\f26c';
}
.fa-contao:before {
content: '\f26d';
}
.fa-500px:before {
content: '\f26e';
}
.fa-amazon:before {
content: '\f270';
}
.fa-calendar-plus-o:before {
content: '\f271';
}
.fa-calendar-minus-o:before {
content: '\f272';
}
.fa-calendar-times-o:before {
content: '\f273';
}
.fa-calendar-check-o:before {
content: '\f274';
}
.fa-industry:before {
content: '\f275';
}
.fa-map-pin:before {
content: '\f276';
}
.fa-map-signs:before {
content: '\f277';
}
.fa-map-o:before {
content: '\f278';
}
.fa-map:before {
content: '\f279';
}
.fa-commenting:before {
content: '\f27a';
}
.fa-commenting-o:before {
content: '\f27b';
}
.fa-houzz:before {
content: '\f27c';
}
.fa-vimeo:before {
content: '\f27d';
}
.fa-black-tie:before {
content: '\f27e';
}
.fa-fonticons:before {
content: '\f280';
}
.fa-reddit-alien:before {
content: '\f281';
}
.fa-edge:before {
content: '\f282';
}
.fa-credit-card-alt:before {
content: '\f283';
}
.fa-codiepie:before {
content: '\f284';
}
.fa-modx:before {
content: '\f285';
}
.fa-fort-awesome:before {
content: '\f286';
}
.fa-usb:before {
content: '\f287';
}
.fa-product-hunt:before {
content: '\f288';
}
.fa-mixcloud:before {
content: '\f289';
}
.fa-scribd:before {
content: '\f28a';
}
.fa-pause-circle:before {
content: '\f28b';
}
.fa-pause-circle-o:before {
content: '\f28c';
}
.fa-stop-circle:before {
content: '\f28d';
}
.fa-stop-circle-o:before {
content: '\f28e';
}
.fa-shopping-bag:before {
content: '\f290';
}
.fa-shopping-basket:before {
content: '\f291';
}
.fa-hashtag:before {
content: '\f292';
}
.fa-bluetooth:before {
content: '\f293';
}
.fa-bluetooth-b:before {
content: '\f294';
}
.fa-percent:before {
content: '\f295';
}
.fa-gitlab:before {
content: '\f296';
}
.fa-wpbeginner:before {
content: '\f297';
}
.fa-wpforms:before {
content: '\f298';
}
.fa-envira:before {
content: '\f299';
}
.fa-universal-access:before {
content: '\f29a';
}
.fa-wheelchair-alt:before {
content: '\f29b';
}
.fa-question-circle-o:before {
content: '\f29c';
}
.fa-blind:before {
content: '\f29d';
}
.fa-audio-description:before {
content: '\f29e';
}
.fa-volume-control-phone:before {
content: '\f2a0';
}
.fa-braille:before {
content: '\f2a1';
}
.fa-assistive-listening-systems:before {
content: '\f2a2';
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: '\f2a3';
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: '\f2a4';
}
.fa-glide:before {
content: '\f2a5';
}
.fa-glide-g:before {
content: '\f2a6';
}
.fa-signing:before,
.fa-sign-language:before {
content: '\f2a7';
}
.fa-low-vision:before {
content: '\f2a8';
}
.fa-viadeo:before {
content: '\f2a9';
}
.fa-viadeo-square:before {
content: '\f2aa';
}
.fa-snapchat:before {
content: '\f2ab';
}
.fa-snapchat-ghost:before {
content: '\f2ac';
}
.fa-snapchat-square:before {
content: '\f2ad';
}
.fa-pied-piper:before {
content: '\f2ae';
}
.fa-first-order:before {
content: '\f2b0';
}
.fa-yoast:before {
content: '\f2b1';
}
.fa-themeisle:before {
content: '\f2b2';
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: '\f2b3';
}
.fa-fa:before,
.fa-font-awesome:before {
content: '\f2b4';
}
.fa-handshake-o:before {
content: '\f2b5';
}
.fa-envelope-open:before {
content: '\f2b6';
}
.fa-envelope-open-o:before {
content: '\f2b7';
}
.fa-linode:before {
content: '\f2b8';
}
.fa-address-book:before {
content: '\f2b9';
}
.fa-address-book-o:before {
content: '\f2ba';
}
.fa-vcard:before,
.fa-address-card:before {
content: '\f2bb';
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: '\f2bc';
}
.fa-user-circle:before {
content: '\f2bd';
}
.fa-user-circle-o:before {
content: '\f2be';
}
.fa-user-o:before {
content: '\f2c0';
}
.fa-id-badge:before {
content: '\f2c1';
}
.fa-drivers-license:before,
.fa-id-card:before {
content: '\f2c2';
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: '\f2c3';
}
.fa-quora:before {
content: '\f2c4';
}
.fa-free-code-camp:before {
content: '\f2c5';
}
.fa-telegram:before {
content: '\f2c6';
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: '\f2c7';
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: '\f2c8';
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: '\f2c9';
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: '\f2ca';
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: '\f2cb';
}
.fa-shower:before {
content: '\f2cc';
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: '\f2cd';
}
.fa-podcast:before {
content: '\f2ce';
}
.fa-window-maximize:before {
content: '\f2d0';
}
.fa-window-minimize:before {
content: '\f2d1';
}
.fa-window-restore:before {
content: '\f2d2';
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: '\f2d3';
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: '\f2d4';
}
.fa-bandcamp:before {
content: '\f2d5';
}
.fa-grav:before {
content: '\f2d6';
}
.fa-etsy:before {
content: '\f2d7';
}
.fa-imdb:before {
content: '\f2d8';
}
.fa-ravelry:before {
content: '\f2d9';
}
.fa-eercast:before {
content: '\f2da';
}
.fa-microchip:before {
content: '\f2db';
}
.fa-snowflake-o:before {
content: '\f2dc';
}
.fa-superpowers:before {
content: '\f2dd';
}
.fa-wpexplorer:before {
content: '\f2de';
}
.fa-meetup:before {
content: '\f2e0';
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
@font-face {
font-family: 'themify';
src: url('assets-plugins-web-fonts-fonts-themify-themify.eot');
src: url('assets-plugins-web-fonts-fonts-themify-themify.eot') format('embedded-opentype'), url('assets-plugins-web-fonts-fonts-themify-themify.woff') format('woff'),
url('assets-plugins-web-fonts-fonts-themify-themify.ttf') format('truetype'), url('assets-plugins-web-fonts-fonts-themify-themify.svg#themify') format('svg');
font-weight: normal;
font-style: normal;
}
.ti {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
content: '\e600';
}
.ti-volume:before {
content: '\e601';
}
.ti-user:before {
content: '\e602';
}
.ti-unlock:before {
content: '\e603';
}
.ti-unlink:before {
content: '\e604';
}
.ti-trash:before {
content: '\e605';
}
.ti-thought:before {
content: '\e606';
}
.ti-target:before {
content: '\e607';
}
.ti-tag:before {
content: '\e608';
}
.ti-tablet:before {
content: '\e609';
}
.ti-star:before {
content: '\e60a';
}
.ti-spray:before {
content: '\e60b';
}
.ti-signal:before {
content: '\e60c';
}
.ti-shopping-cart:before {
content: '\e60d';
}
.ti-shopping-cart-full:before {
content: '\e60e';
}
.ti-settings:before {
content: '\e60f';
}
.ti-search:before {
content: '\e610';
}
.ti-zoom-in:before {
content: '\e611';
}
.ti-zoom-out:before {
content: '\e612';
}
.ti-cut:before {
content: '\e613';
}
.ti-ruler:before {
content: '\e614';
}
.ti-ruler-pencil:before {
content: '\e615';
}
.ti-ruler-alt:before {
content: '\e616';
}
.ti-bookmark:before {
content: '\e617';
}
.ti-bookmark-alt:before {
content: '\e618';
}
.ti-reload:before {
content: '\e619';
}
.ti-plus:before {
content: '\e61a';
}
.ti-pin:before {
content: '\e61b';
}
.ti-pencil:before {
content: '\e61c';
}
.ti-pencil-alt:before {
content: '\e61d';
}
.ti-paint-roller:before {
content: '\e61e';
}
.ti-paint-bucket:before {
content: '\e61f';
}
.ti-na:before {
content: '\e620';
}
.ti-mobile:before {
content: '\e621';
}
.ti-minus:before {
content: '\e622';
}
.ti-medall:before {
content: '\e623';
}
.ti-medall-alt:before {
content: '\e624';
}
.ti-marker:before {
content: '\e625';
}
.ti-marker-alt:before {
content: '\e626';
}
.ti-arrow-up:before {
content: '\e627';
}
.ti-arrow-right:before {
content: '\e628';
}
.ti-arrow-left:before {
content: '\e629';
}
.ti-arrow-down:before {
content: '\e62a';
}
.ti-lock:before {
content: '\e62b';
}
.ti-location-arrow:before {
content: '\e62c';
}
.ti-link:before {
content: '\e62d';
}
.ti-layout:before {
content: '\e62e';
}
.ti-layers:before {
content: '\e62f';
}
.ti-layers-alt:before {
content: '\e630';
}
.ti-key:before {
content: '\e631';
}
.ti-import:before {
content: '\e632';
}
.ti-image:before {
content: '\e633';
}
.ti-heart:before {
content: '\e634';
}
.ti-heart-broken:before {
content: '\e635';
}
.ti-hand-stop:before {
content: '\e636';
}
.ti-hand-open:before {
content: '\e637';
}
.ti-hand-drag:before {
content: '\e638';
}
.ti-folder:before {
content: '\e639';
}
.ti-flag:before {
content: '\e63a';
}
.ti-flag-alt:before {
content: '\e63b';
}
.ti-flag-alt-2:before {
content: '\e63c';
}
.ti-eye:before {
content: '\e63d';
}
.ti-export:before {
content: '\e63e';
}
.ti-exchange-vertical:before {
content: '\e63f';
}
.ti-desktop:before {
content: '\e640';
}
.ti-cup:before {
content: '\e641';
}
.ti-crown:before {
content: '\e642';
}
.ti-comments:before {
content: '\e643';
}
.ti-comment:before {
content: '\e644';
}
.ti-comment-alt:before {
content: '\e645';
}
.ti-close:before {
content: '\e646';
}
.ti-clip:before {
content: '\e647';
}
.ti-angle-up:before {
content: '\e648';
}
.ti-angle-right:before {
content: '\e649';
}
.ti-angle-left:before {
content: '\e64a';
}
.ti-angle-down:before {
content: '\e64b';
}
.ti-check:before {
content: '\e64c';
}
.ti-check-box:before {
content: '\e64d';
}
.ti-camera:before {
content: '\e64e';
}
.ti-announcement:before {
content: '\e64f';
}
.ti-brush:before {
content: '\e650';
}
.ti-briefcase:before {
content: '\e651';
}
.ti-bolt:before {
content: '\e652';
}
.ti-bolt-alt:before {
content: '\e653';
}
.ti-blackboard:before {
content: '\e654';
}
.ti-bag:before {
content: '\e655';
}
.ti-move:before {
content: '\e656';
}
.ti-arrows-vertical:before {
content: '\e657';
}
.ti-arrows-horizontal:before {
content: '\e658';
}
.ti-fullscreen:before {
content: '\e659';
}
.ti-arrow-top-right:before {
content: '\e65a';
}
.ti-arrow-top-left:before {
content: '\e65b';
}
.ti-arrow-circle-up:before {
content: '\e65c';
}
.ti-arrow-circle-right:before {
content: '\e65d';
}
.ti-arrow-circle-left:before {
content: '\e65e';
}
.ti-arrow-circle-down:before {
content: '\e65f';
}
.ti-angle-double-up:before {
content: '\e660';
}
.ti-angle-double-right:before {
content: '\e661';
}
.ti-angle-double-left:before {
content: '\e662';
}
.ti-angle-double-down:before {
content: '\e663';
}
.ti-zip:before {
content: '\e664';
}
.ti-world:before {
content: '\e665';
}
.ti-wheelchair:before {
content: '\e666';
}
.ti-view-list:before {
content: '\e667';
}
.ti-view-list-alt:before {
content: '\e668';
}
.ti-view-grid:before {
content: '\e669';
}
.ti-uppercase:before {
content: '\e66a';
}
.ti-upload:before {
content: '\e66b';
}
.ti-underline:before {
content: '\e66c';
}
.ti-truck:before {
content: '\e66d';
}
.ti-timer:before {
content: '\e66e';
}
.ti-ticket:before {
content: '\e66f';
}
.ti-thumb-up:before {
content: '\e670';
}
.ti-thumb-down:before {
content: '\e671';
}
.ti-text:before {
content: '\e672';
}
.ti-stats-up:before {
content: '\e673';
}
.ti-stats-down:before {
content: '\e674';
}
.ti-split-v:before {
content: '\e675';
}
.ti-split-h:before {
content: '\e676';
}
.ti-smallcap:before {
content: '\e677';
}
.ti-shine:before {
content: '\e678';
}
.ti-shift-right:before {
content: '\e679';
}
.ti-shift-left:before {
content: '\e67a';
}
.ti-shield:before {
content: '\e67b';
}
.ti-notepad:before {
content: '\e67c';
}
.ti-server:before {
content: '\e67d';
}
.ti-quote-right:before {
content: '\e67e';
}
.ti-quote-left:before {
content: '\e67f';
}
.ti-pulse:before {
content: '\e680';
}
.ti-printer:before {
content: '\e681';
}
.ti-power-off:before {
content: '\e682';
}
.ti-plug:before {
content: '\e683';
}
.ti-pie-chart:before {
content: '\e684';
}
.ti-paragraph:before {
content: '\e685';
}
.ti-panel:before {
content: '\e686';
}
.ti-package:before {
content: '\e687';
}
.ti-music:before {
content: '\e688';
}
.ti-music-alt:before {
content: '\e689';
}
.ti-mouse:before {
content: '\e68a';
}
.ti-mouse-alt:before {
content: '\e68b';
}
.ti-money:before {
content: '\e68c';
}
.ti-microphone:before {
content: '\e68d';
}
.ti-menu:before {
content: '\e68e';
}
.ti-menu-alt:before {
content: '\e68f';
}
.ti-map:before {
content: '\e690';
}
.ti-map-alt:before {
content: '\e691';
}
.ti-loop:before {
content: '\e692';
}
.ti-location-pin:before {
content: '\e693';
}
.ti-list:before {
content: '\e694';
}
.ti-light-bulb:before {
content: '\e695';
}
.ti-Italic:before {
content: '\e696';
}
.ti-info:before {
content: '\e697';
}
.ti-infinite:before {
content: '\e698';
}
.ti-id-badge:before {
content: '\e699';
}
.ti-hummer:before {
content: '\e69a';
}
.ti-home:before {
content: '\e69b';
}
.ti-help:before {
content: '\e69c';
}
.ti-headphone:before {
content: '\e69d';
}
.ti-harddrives:before {
content: '\e69e';
}
.ti-harddrive:before {
content: '\e69f';
}
.ti-gift:before {
content: '\e6a0';
}
.ti-game:before {
content: '\e6a1';
}
.ti-filter:before {
content: '\e6a2';
}
.ti-files:before {
content: '\e6a3';
}
.ti-file:before {
content: '\e6a4';
}
.ti-eraser:before {
content: '\e6a5';
}
.ti-envelope:before {
content: '\e6a6';
}
.ti-download:before {
content: '\e6a7';
}
.ti-direction:before {
content: '\e6a8';
}
.ti-direction-alt:before {
content: '\e6a9';
}
.ti-dashboard:before {
content: '\e6aa';
}
.ti-control-stop:before {
content: '\e6ab';
}
.ti-control-shuffle:before {
content: '\e6ac';
}
.ti-control-play:before {
content: '\e6ad';
}
.ti-control-pause:before {
content: '\e6ae';
}
.ti-control-forward:before {
content: '\e6af';
}
.ti-control-backward:before {
content: '\e6b0';
}
.ti-cloud:before {
content: '\e6b1';
}
.ti-cloud-up:before {
content: '\e6b2';
}
.ti-cloud-down:before {
content: '\e6b3';
}
.ti-clipboard:before {
content: '\e6b4';
}
.ti-car:before {
content: '\e6b5';
}
.ti-calendar:before {
content: '\e6b6';
}
.ti-book:before {
content: '\e6b7';
}
.ti-bell:before {
content: '\e6b8';
}
.ti-basketball:before {
content: '\e6b9';
}
.ti-bar-chart:before {
content: '\e6ba';
}
.ti-bar-chart-alt:before {
content: '\e6bb';
}
.ti-back-right:before {
content: '\e6bc';
}
.ti-back-left:before {
content: '\e6bd';
}
.ti-arrows-corner:before {
content: '\e6be';
}
.ti-archive:before {
content: '\e6bf';
}
.ti-anchor:before {
content: '\e6c0';
}
.ti-align-right:before {
content: '\e6c1';
}
.ti-align-left:before {
content: '\e6c2';
}
.ti-align-justify:before {
content: '\e6c3';
}
.ti-align-center:before {
content: '\e6c4';
}
.ti-alert:before {
content: '\e6c5';
}
.ti-alarm-clock:before {
content: '\e6c6';
}
.ti-agenda:before {
content: '\e6c7';
}
.ti-write:before {
content: '\e6c8';
}
.ti-window:before {
content: '\e6c9';
}
.ti-widgetized:before {
content: '\e6ca';
}
.ti-widget:before {
content: '\e6cb';
}
.ti-widget-alt:before {
content: '\e6cc';
}
.ti-wallet:before {
content: '\e6cd';
}
.ti-video-clapper:before {
content: '\e6ce';
}
.ti-video-camera:before {
content: '\e6cf';
}
.ti-vector:before {
content: '\e6d0';
}
.ti-themify-logo:before {
content: '\e6d1';
}
.ti-themify-favicon:before {
content: '\e6d2';
}
.ti-themify-favicon-alt:before {
content: '\e6d3';
}
.ti-support:before {
content: '\e6d4';
}
.ti-stamp:before {
content: '\e6d5';
}
.ti-split-v-alt:before {
content: '\e6d6';
}
.ti-slice:before {
content: '\e6d7';
}
.ti-shortcode:before {
content: '\e6d8';
}
.ti-shift-right-alt:before {
content: '\e6d9';
}
.ti-shift-left-alt:before {
content: '\e6da';
}
.ti-ruler-alt-2:before {
content: '\e6db';
}
.ti-receipt:before {
content: '\e6dc';
}
.ti-pin2:before {
content: '\e6dd';
}
.ti-pin-alt:before {
content: '\e6de';
}
.ti-pencil-alt2:before {
content: '\e6df';
}
.ti-palette:before {
content: '\e6e0';
}
.ti-more:before {
content: '\e6e1';
}
.ti-more-alt:before {
content: '\e6e2';
}
.ti-microphone-alt:before {
content: '\e6e3';
}
.ti-magnet:before {
content: '\e6e4';
}
.ti-line-double:before {
content: '\e6e5';
}
.ti-line-dotted:before {
content: '\e6e6';
}
.ti-line-dashed:before {
content: '\e6e7';
}
.ti-layout-width-full:before {
content: '\e6e8';
}
.ti-layout-width-default:before {
content: '\e6e9';
}
.ti-layout-width-default-alt:before {
content: '\e6ea';
}
.ti-layout-tab:before {
content: '\e6eb';
}
.ti-layout-tab-window:before {
content: '\e6ec';
}
.ti-layout-tab-v:before {
content: '\e6ed';
}
.ti-layout-tab-min:before {
content: '\e6ee';
}
.ti-layout-slider:before {
content: '\e6ef';
}
.ti-layout-slider-alt:before {
content: '\e6f0';
}
.ti-layout-sidebar-right:before {
content: '\e6f1';
}
.ti-layout-sidebar-none:before {
content: '\e6f2';
}
.ti-layout-sidebar-left:before {
content: '\e6f3';
}
.ti-layout-placeholder:before {
content: '\e6f4';
}
.ti-layout-menu:before {
content: '\e6f5';
}
.ti-layout-menu-v:before {
content: '\e6f6';
}
.ti-layout-menu-separated:before {
content: '\e6f7';
}
.ti-layout-menu-full:before {
content: '\e6f8';
}
.ti-layout-media-right-alt:before {
content: '\e6f9';
}
.ti-layout-media-right:before {
content: '\e6fa';
}
.ti-layout-media-overlay:before {
content: '\e6fb';
}
.ti-layout-media-overlay-alt:before {
content: '\e6fc';
}
.ti-layout-media-overlay-alt-2:before {
content: '\e6fd';
}
.ti-layout-media-left-alt:before {
content: '\e6fe';
}
.ti-layout-media-left:before {
content: '\e6ff';
}
.ti-layout-media-center-alt:before {
content: '\e700';
}
.ti-layout-media-center:before {
content: '\e701';
}
.ti-layout-list-thumb:before {
content: '\e702';
}
.ti-layout-list-thumb-alt:before {
content: '\e703';
}
.ti-layout-list-post:before {
content: '\e704';
}
.ti-layout-list-large-image:before {
content: '\e705';
}
.ti-layout-line-solid:before {
content: '\e706';
}
.ti-layout-grid4:before {
content: '\e707';
}
.ti-layout-grid3:before {
content: '\e708';
}
.ti-layout-grid2:before {
content: '\e709';
}
.ti-layout-grid2-thumb:before {
content: '\e70a';
}
.ti-layout-cta-right:before {
content: '\e70b';
}
.ti-layout-cta-left:before {
content: '\e70c';
}
.ti-layout-cta-center:before {
content: '\e70d';
}
.ti-layout-cta-btn-right:before {
content: '\e70e';
}
.ti-layout-cta-btn-left:before {
content: '\e70f';
}
.ti-layout-column4:before {
content: '\e710';
}
.ti-layout-column3:before {
content: '\e711';
}
.ti-layout-column2:before {
content: '\e712';
}
.ti-layout-accordion-separated:before {
content: '\e713';
}
.ti-layout-accordion-merged:before {
content: '\e714';
}
.ti-layout-accordion-list:before {
content: '\e715';
}
.ti-ink-pen:before {
content: '\e716';
}
.ti-info-alt:before {
content: '\e717';
}
.ti-help-alt:before {
content: '\e718';
}
.ti-headphone-alt:before {
content: '\e719';
}
.ti-hand-point-up:before {
content: '\e71a';
}
.ti-hand-point-right:before {
content: '\e71b';
}
.ti-hand-point-left:before {
content: '\e71c';
}
.ti-hand-point-down:before {
content: '\e71d';
}
.ti-gallery:before {
content: '\e71e';
}
.ti-face-smile:before {
content: '\e71f';
}
.ti-face-sad:before {
content: '\e720';
}
.ti-credit-card:before {
content: '\e721';
}
.ti-control-skip-forward:before {
content: '\e722';
}
.ti-control-skip-backward:before {
content: '\e723';
}
.ti-control-record:before {
content: '\e724';
}
.ti-control-eject:before {
content: '\e725';
}
.ti-comments-smiley:before {
content: '\e726';
}
.ti-brush-alt:before {
content: '\e727';
}
.ti-youtube:before {
content: '\e728';
}
.ti-vimeo:before {
content: '\e729';
}
.ti-twitter:before {
content: '\e72a';
}
.ti-time:before {
content: '\e72b';
}
.ti-tumblr:before {
content: '\e72c';
}
.ti-skype:before {
content: '\e72d';
}
.ti-share:before {
content: '\e72e';
}
.ti-share-alt:before {
content: '\e72f';
}
.ti-rocket:before {
content: '\e730';
}
.ti-pinterest:before {
content: '\e731';
}
.ti-new-window:before {
content: '\e732';
}
.ti-microsoft:before {
content: '\e733';
}
.ti-list-ol:before {
content: '\e734';
}
.ti-linkedin:before {
content: '\e735';
}
.ti-layout-sidebar-2:before {
content: '\e736';
}
.ti-layout-grid4-alt:before {
content: '\e737';
}
.ti-layout-grid3-alt:before {
content: '\e738';
}
.ti-layout-grid2-alt:before {
content: '\e739';
}
.ti-layout-column4-alt:before {
content: '\e73a';
}
.ti-layout-column3-alt:before {
content: '\e73b';
}
.ti-layout-column2-alt:before {
content: '\e73c';
}
.ti-instagram:before {
content: '\e73d';
}
.ti-google:before {
content: '\e73e';
}
.ti-github:before {
content: '\e73f';
}
.ti-flickr:before {
content: '\e740';
}
.ti-facebook:before {
content: '\e741';
}
.ti-dropbox:before {
content: '\e742';
}
.ti-dribbble:before {
content: '\e743';
}
.ti-apple:before {
content: '\e744';
}
.ti-android:before {
content: '\e745';
}
.ti-save:before {
content: '\e746';
}
.ti-save-alt:before {
content: '\e747';
}
.ti-yahoo:before {
content: '\e748';
}
.ti-wordpress:before {
content: '\e749';
}
.ti-vimeo-alt:before {
content: '\e74a';
}
.ti-twitter-alt:before {
content: '\e74b';
}
.ti-tumblr-alt:before {
content: '\e74c';
}
.ti-trello:before {
content: '\e74d';
}
.ti-stack-overflow:before {
content: '\e74e';
}
.ti-soundcloud:before {
content: '\e74f';
}
.ti-sharethis:before {
content: '\e750';
}
.ti-sharethis-alt:before {
content: '\e751';
}
.ti-reddit:before {
content: '\e752';
}
.ti-pinterest-alt:before {
content: '\e753';
}
.ti-microsoft-alt:before {
content: '\e754';
}
.ti-linux:before {
content: '\e755';
}
.ti-jsfiddle:before {
content: '\e756';
}
.ti-joomla:before {
content: '\e757';
}
.ti-html5:before {
content: '\e758';
}
.ti-flickr-alt:before {
content: '\e759';
}
.ti-email:before {
content: '\e75a';
}
.ti-drupal:before {
content: '\e75b';
}
.ti-dropbox-alt:before {
content: '\e75c';
}
.ti-css3:before {
content: '\e75d';
}
.ti-rss:before {
content: '\e75e';
}
.ti-rss-alt:before {
content: '\e75f';
}
/*!
* Weather Icons 2.0.8
* Updated September 19, 2015
* Weather themed icons for Bootstrap
* Author - Erik Flowers - erik@helloerik.com
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
* ------------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ------------------------------------------------------------------------------
* - Font licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SCSS and LESS are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Inspired by and works great as a companion with Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*/
@font-face {
font-family: 'weathericons';
src: url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.eot');
src: url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.woff2') format('woff2'),
url('weathericons-regular-webfont.woff') format('woff'),
url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.ttf') format('truetype'),
url('assets-plugins-web-fonts-fonts-weathericons-weathericons-regular-webfont.svg#weather_iconsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.wi {
display: inline-block;
font-family: 'weathericons';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wi-fw {
text-align: center;
width: 1.4em;
}
.wi-rotate-90 {
transform: rotate(90deg);
}
.wi-rotate-180 {
transform: rotate(180deg);
}
.wi-rotate-270 {
transform: rotate(270deg);
}
.wi-flip-horizontal {
transform: scale(-1, 1);
}
.wi-flip-vertical {
transform: scale(1, -1);
}
.wi-day-sunny:before {
content: '\f00d';
}
.wi-day-cloudy:before {
content: '\f002';
}
.wi-day-cloudy-gusts:before {
content: '\f000';
}
.wi-day-cloudy-windy:before {
content: '\f001';
}
.wi-day-fog:before {
content: '\f003';
}
.wi-day-hail:before {
content: '\f004';
}
.wi-day-haze:before {
content: '\f0b6';
}
.wi-day-lightning:before {
content: '\f005';
}
.wi-day-rain:before {
content: '\f008';
}
.wi-day-rain-mix:before {
content: '\f006';
}
.wi-day-rain-wind:before {
content: '\f007';
}
.wi-day-showers:before {
content: '\f009';
}
.wi-day-sleet:before {
content: '\f0b2';
}
.wi-day-sleet-storm:before {
content: '\f068';
}
.wi-day-snow:before {
content: '\f00a';
}
.wi-day-snow-thunderstorm:before {
content: '\f06b';
}
.wi-day-snow-wind:before {
content: '\f065';
}
.wi-day-sprinkle:before {
content: '\f00b';
}
.wi-day-storm-showers:before {
content: '\f00e';
}
.wi-day-sunny-overcast:before {
content: '\f00c';
}
.wi-day-thunderstorm:before {
content: '\f010';
}
.wi-day-windy:before {
content: '\f085';
}
.wi-solar-eclipse:before {
content: '\f06e';
}
.wi-hot:before {
content: '\f072';
}
.wi-day-cloudy-high:before {
content: '\f07d';
}
.wi-day-light-wind:before {
content: '\f0c4';
}
.wi-night-clear:before {
content: '\f02e';
}
.wi-night-alt-cloudy:before {
content: '\f086';
}
.wi-night-alt-cloudy-gusts:before {
content: '\f022';
}
.wi-night-alt-cloudy-windy:before {
content: '\f023';
}
.wi-night-alt-hail:before {
content: '\f024';
}
.wi-night-alt-lightning:before {
content: '\f025';
}
.wi-night-alt-rain:before {
content: '\f028';
}
.wi-night-alt-rain-mix:before {
content: '\f026';
}
.wi-night-alt-rain-wind:before {
content: '\f027';
}
.wi-night-alt-showers:before {
content: '\f029';
}
.wi-night-alt-sleet:before {
content: '\f0b4';
}
.wi-night-alt-sleet-storm:before {
content: '\f06a';
}
.wi-night-alt-snow:before {
content: '\f02a';
}
.wi-night-alt-snow-thunderstorm:before {
content: '\f06d';
}
.wi-night-alt-snow-wind:before {
content: '\f067';
}
.wi-night-alt-sprinkle:before {
content: '\f02b';
}
.wi-night-alt-storm-showers:before {
content: '\f02c';
}
.wi-night-alt-thunderstorm:before {
content: '\f02d';
}
.wi-night-cloudy:before {
content: '\f031';
}
.wi-night-cloudy-gusts:before {
content: '\f02f';
}
.wi-night-cloudy-windy:before {
content: '\f030';
}
.wi-night-fog:before {
content: '\f04a';
}
.wi-night-hail:before {
content: '\f032';
}
.wi-night-lightning:before {
content: '\f033';
}
.wi-night-partly-cloudy:before {
content: '\f083';
}
.wi-night-rain:before {
content: '\f036';
}
.wi-night-rain-mix:before {
content: '\f034';
}
.wi-night-rain-wind:before {
content: '\f035';
}
.wi-night-showers:before {
content: '\f037';
}
.wi-night-sleet:before {
content: '\f0b3';
}
.wi-night-sleet-storm:before {
content: '\f069';
}
.wi-night-snow:before {
content: '\f038';
}
.wi-night-snow-thunderstorm:before {
content: '\f06c';
}
.wi-night-snow-wind:before {
content: '\f066';
}
.wi-night-sprinkle:before {
content: '\f039';
}
.wi-night-storm-showers:before {
content: '\f03a';
}
.wi-night-thunderstorm:before {
content: '\f03b';
}
.wi-lunar-eclipse:before {
content: '\f070';
}
.wi-stars:before {
content: '\f077';
}
.wi-storm-showers:before {
content: '\f01d';
}
.wi-thunderstorm:before {
content: '\f01e';
}
.wi-night-alt-cloudy-high:before {
content: '\f07e';
}
.wi-night-cloudy-high:before {
content: '\f080';
}
.wi-night-alt-partly-cloudy:before {
content: '\f081';
}
.wi-cloud:before {
content: '\f041';
}
.wi-cloudy:before {
content: '\f013';
}
.wi-cloudy-gusts:before {
content: '\f011';
}
.wi-cloudy-windy:before {
content: '\f012';
}
.wi-fog:before {
content: '\f014';
}
.wi-hail:before {
content: '\f015';
}
.wi-rain:before {
content: '\f019';
}
.wi-rain-mix:before {
content: '\f017';
}
.wi-rain-wind:before {
content: '\f018';
}
.wi-showers:before {
content: '\f01a';
}
.wi-sleet:before {
content: '\f0b5';
}
.wi-snow:before {
content: '\f01b';
}
.wi-sprinkle:before {
content: '\f01c';
}
.wi-storm-showers:before {
content: '\f01d';
}
.wi-thunderstorm:before {
content: '\f01e';
}
.wi-snow-wind:before {
content: '\f064';
}
.wi-snow:before {
content: '\f01b';
}
.wi-smog:before {
content: '\f074';
}
.wi-smoke:before {
content: '\f062';
}
.wi-lightning:before {
content: '\f016';
}
.wi-raindrops:before {
content: '\f04e';
}
.wi-raindrop:before {
content: '\f078';
}
.wi-dust:before {
content: '\f063';
}
.wi-snowflake-cold:before {
content: '\f076';
}
.wi-windy:before {
content: '\f021';
}
.wi-strong-wind:before {
content: '\f050';
}
.wi-sandstorm:before {
content: '\f082';
}
.wi-earthquake:before {
content: '\f0c6';
}
.wi-fire:before {
content: '\f0c7';
}
.wi-flood:before {
content: '\f07c';
}
.wi-meteor:before {
content: '\f071';
}
.wi-tsunami:before {
content: '\f0c5';
}
.wi-volcano:before {
content: '\f0c8';
}
.wi-hurricane:before {
content: '\f073';
}
.wi-tornado:before {
content: '\f056';
}
.wi-small-craft-advisory:before {
content: '\f0cc';
}
.wi-gale-warning:before {
content: '\f0cd';
}
.wi-storm-warning:before {
content: '\f0ce';
}
.wi-hurricane-warning:before {
content: '\f0cf';
}
.wi-wind-direction:before {
content: '\f0b1';
}
.wi-alien:before {
content: '\f075';
}
.wi-celsius:before {
content: '\f03c';
}
.wi-fahrenheit:before {
content: '\f045';
}
.wi-degrees:before {
content: '\f042';
}
.wi-thermometer:before {
content: '\f055';
}
.wi-thermometer-exterior:before {
content: '\f053';
}
.wi-thermometer-internal:before {
content: '\f054';
}
.wi-cloud-down:before {
content: '\f03d';
}
.wi-cloud-up:before {
content: '\f040';
}
.wi-cloud-refresh:before {
content: '\f03e';
}
.wi-horizon:before {
content: '\f047';
}
.wi-horizon-alt:before {
content: '\f046';
}
.wi-sunrise:before {
content: '\f051';
}
.wi-sunset:before {
content: '\f052';
}
.wi-moonrise:before {
content: '\f0c9';
}
.wi-moonset:before {
content: '\f0ca';
}
.wi-refresh:before {
content: '\f04c';
}
.wi-refresh-alt:before {
content: '\f04b';
}
.wi-umbrella:before {
content: '\f084';
}
.wi-barometer:before {
content: '\f079';
}
.wi-humidity:before {
content: '\f07a';
}
.wi-na:before {
content: '\f07b';
}
.wi-train:before {
content: '\f0cb';
}
.wi-moon-new:before {
content: '\f095';
}
.wi-moon-waxing-crescent-1:before {
content: '\f096';
}
.wi-moon-waxing-crescent-2:before {
content: '\f097';
}
.wi-moon-waxing-crescent-3:before {
content: '\f098';
}
.wi-moon-waxing-crescent-4:before {
content: '\f099';
}
.wi-moon-waxing-crescent-5:before {
content: '\f09a';
}
.wi-moon-waxing-crescent-6:before {
content: '\f09b';
}
.wi-moon-first-quarter:before {
content: '\f09c';
}
.wi-moon-waxing-gibbous-1:before {
content: '\f09d';
}
.wi-moon-waxing-gibbous-2:before {
content: '\f09e';
}
.wi-moon-waxing-gibbous-3:before {
content: '\f09f';
}
.wi-moon-waxing-gibbous-4:before {
content: '\f0a0';
}
.wi-moon-waxing-gibbous-5:before {
content: '\f0a1';
}
.wi-moon-waxing-gibbous-6:before {
content: '\f0a2';
}
.wi-moon-full:before {
content: '\f0a3';
}
.wi-moon-waning-gibbous-1:before {
content: '\f0a4';
}
.wi-moon-waning-gibbous-2:before {
content: '\f0a5';
}
.wi-moon-waning-gibbous-3:before {
content: '\f0a6';
}
.wi-moon-waning-gibbous-4:before {
content: '\f0a7';
}
.wi-moon-waning-gibbous-5:before {
content: '\f0a8';
}
.wi-moon-waning-gibbous-6:before {
content: '\f0a9';
}
.wi-moon-third-quarter:before {
content: '\f0aa';
}
.wi-moon-waning-crescent-1:before {
content: '\f0ab';
}
.wi-moon-waning-crescent-2:before {
content: '\f0ac';
}
.wi-moon-waning-crescent-3:before {
content: '\f0ad';
}
.wi-moon-waning-crescent-4:before {
content: '\f0ae';
}
.wi-moon-waning-crescent-5:before {
content: '\f0af';
}
.wi-moon-waning-crescent-6:before {
content: '\f0b0';
}
.wi-moon-alt-new:before {
content: '\f0eb';
}
.wi-moon-alt-waxing-crescent-1:before {
content: '\f0d0';
}
.wi-moon-alt-waxing-crescent-2:before {
content: '\f0d1';
}
.wi-moon-alt-waxing-crescent-3:before {
content: '\f0d2';
}
.wi-moon-alt-waxing-crescent-4:before {
content: '\f0d3';
}
.wi-moon-alt-waxing-crescent-5:before {
content: '\f0d4';
}
.wi-moon-alt-waxing-crescent-6:before {
content: '\f0d5';
}
.wi-moon-alt-first-quarter:before {
content: '\f0d6';
}
.wi-moon-alt-waxing-gibbous-1:before {
content: '\f0d7';
}
.wi-moon-alt-waxing-gibbous-2:before {
content: '\f0d8';
}
.wi-moon-alt-waxing-gibbous-3:before {
content: '\f0d9';
}
.wi-moon-alt-waxing-gibbous-4:before {
content: '\f0da';
}
.wi-moon-alt-waxing-gibbous-5:before {
content: '\f0db';
}
.wi-moon-alt-waxing-gibbous-6:before {
content: '\f0dc';
}
.wi-moon-alt-full:before {
content: '\f0dd';
}
.wi-moon-alt-waning-gibbous-1:before {
content: '\f0de';
}
.wi-moon-alt-waning-gibbous-2:before {
content: '\f0df';
}
.wi-moon-alt-waning-gibbous-3:before {
content: '\f0e0';
}
.wi-moon-alt-waning-gibbous-4:before {
content: '\f0e1';
}
.wi-moon-alt-waning-gibbous-5:before {
content: '\f0e2';
}
.wi-moon-alt-waning-gibbous-6:before {
content: '\f0e3';
}
.wi-moon-alt-third-quarter:before {
content: '\f0e4';
}
.wi-moon-alt-waning-crescent-1:before {
content: '\f0e5';
}
.wi-moon-alt-waning-crescent-2:before {
content: '\f0e6';
}
.wi-moon-alt-waning-crescent-3:before {
content: '\f0e7';
}
.wi-moon-alt-waning-crescent-4:before {
content: '\f0e8';
}
.wi-moon-alt-waning-crescent-5:before {
content: '\f0e9';
}
.wi-moon-alt-waning-crescent-6:before {
content: '\f0ea';
}
.wi-moon-0:before {
content: '\f095';
}
.wi-moon-1:before {
content: '\f096';
}
.wi-moon-2:before {
content: '\f097';
}
.wi-moon-3:before {
content: '\f098';
}
.wi-moon-4:before {
content: '\f099';
}
.wi-moon-5:before {
content: '\f09a';
}
.wi-moon-6:before {
content: '\f09b';
}
.wi-moon-7:before {
content: '\f09c';
}
.wi-moon-8:before {
content: '\f09d';
}
.wi-moon-9:before {
content: '\f09e';
}
.wi-moon-10:before {
content: '\f09f';
}
.wi-moon-11:before {
content: '\f0a0';
}
.wi-moon-12:before {
content: '\f0a1';
}
.wi-moon-13:before {
content: '\f0a2';
}
.wi-moon-14:before {
content: '\f0a3';
}
.wi-moon-15:before {
content: '\f0a4';
}
.wi-moon-16:before {
content: '\f0a5';
}
.wi-moon-17:before {
content: '\f0a6';
}
.wi-moon-18:before {
content: '\f0a7';
}
.wi-moon-19:before {
content: '\f0a8';
}
.wi-moon-20:before {
content: '\f0a9';
}
.wi-moon-21:before {
content: '\f0aa';
}
.wi-moon-22:before {
content: '\f0ab';
}
.wi-moon-23:before {
content: '\f0ac';
}
.wi-moon-24:before {
content: '\f0ad';
}
.wi-moon-25:before {
content: '\f0ae';
}
.wi-moon-26:before {
content: '\f0af';
}
.wi-moon-27:before {
content: '\f0b0';
}
.wi-time-1:before {
content: '\f08a';
}
.wi-time-2:before {
content: '\f08b';
}
.wi-time-3:before {
content: '\f08c';
}
.wi-time-4:before {
content: '\f08d';
}
.wi-time-5:before {
content: '\f08e';
}
.wi-time-6:before {
content: '\f08f';
}
.wi-time-7:before {
content: '\f090';
}
.wi-time-8:before {
content: '\f091';
}
.wi-time-9:before {
content: '\f092';
}
.wi-time-10:before {
content: '\f093';
}
.wi-time-11:before {
content: '\f094';
}
.wi-time-12:before {
content: '\f089';
}
.wi-direction-up:before {
content: '\f058';
}
.wi-direction-up-right:before {
content: '\f057';
}
.wi-direction-right:before {
content: '\f04d';
}
.wi-direction-down-right:before {
content: '\f088';
}
.wi-direction-down:before {
content: '\f044';
}
.wi-direction-down-left:before {
content: '\f043';
}
.wi-direction-left:before {
content: '\f048';
}
.wi-direction-up-left:before {
content: '\f087';
}
.wi-wind-beaufort-0:before {
content: '\f0b7';
}
.wi-wind-beaufort-1:before {
content: '\f0b8';
}
.wi-wind-beaufort-2:before {
content: '\f0b9';
}
.wi-wind-beaufort-3:before {
content: '\f0ba';
}
.wi-wind-beaufort-4:before {
content: '\f0bb';
}
.wi-wind-beaufort-5:before {
content: '\f0bc';
}
.wi-wind-beaufort-6:before {
content: '\f0bd';
}
.wi-wind-beaufort-7:before {
content: '\f0be';
}
.wi-wind-beaufort-8:before {
content: '\f0bf';
}
.wi-wind-beaufort-9:before {
content: '\f0c0';
}
.wi-wind-beaufort-10:before {
content: '\f0c1';
}
.wi-wind-beaufort-11:before {
content: '\f0c2';
}
.wi-wind-beaufort-12:before {
content: '\f0c3';
}
.wi-yahoo-0:before {
content: '\f056';
}
.wi-yahoo-1:before {
content: '\f00e';
}
.wi-yahoo-2:before {
content: '\f073';
}
.wi-yahoo-3:before {
content: '\f01e';
}
.wi-yahoo-4:before {
content: '\f01e';
}
.wi-yahoo-5:before {
content: '\f017';
}
.wi-yahoo-6:before {
content: '\f017';
}
.wi-yahoo-7:before {
content: '\f017';
}
.wi-yahoo-8:before {
content: '\f015';
}
.wi-yahoo-9:before {
content: '\f01a';
}
.wi-yahoo-10:before {
content: '\f015';
}
.wi-yahoo-11:before {
content: '\f01a';
}
.wi-yahoo-12:before {
content: '\f01a';
}
.wi-yahoo-13:before {
content: '\f01b';
}
.wi-yahoo-14:before {
content: '\f00a';
}
.wi-yahoo-15:before {
content: '\f064';
}
.wi-yahoo-16:before {
content: '\f01b';
}
.wi-yahoo-17:before {
content: '\f015';
}
.wi-yahoo-18:before {
content: '\f017';
}
.wi-yahoo-19:before {
content: '\f063';
}
.wi-yahoo-20:before {
content: '\f014';
}
.wi-yahoo-21:before {
content: '\f021';
}
.wi-yahoo-22:before {
content: '\f062';
}
.wi-yahoo-23:before {
content: '\f050';
}
.wi-yahoo-24:before {
content: '\f050';
}
.wi-yahoo-25:before {
content: '\f076';
}
.wi-yahoo-26:before {
content: '\f013';
}
.wi-yahoo-27:before {
content: '\f031';
}
.wi-yahoo-28:before {
content: '\f002';
}
.wi-yahoo-29:before {
content: '\f031';
}
.wi-yahoo-30:before {
content: '\f002';
}
.wi-yahoo-31:before {
content: '\f02e';
}
.wi-yahoo-32:before {
content: '\f00d';
}
.wi-yahoo-33:before {
content: '\f083';
}
.wi-yahoo-34:before {
content: '\f00c';
}
.wi-yahoo-35:before {
content: '\f017';
}
.wi-yahoo-36:before {
content: '\f072';
}
.wi-yahoo-37:before {
content: '\f00e';
}
.wi-yahoo-38:before {
content: '\f00e';
}
.wi-yahoo-39:before {
content: '\f00e';
}
.wi-yahoo-40:before {
content: '\f01a';
}
.wi-yahoo-41:before {
content: '\f064';
}
.wi-yahoo-42:before {
content: '\f01b';
}
.wi-yahoo-43:before {
content: '\f064';
}
.wi-yahoo-44:before {
content: '\f00c';
}
.wi-yahoo-45:before {
content: '\f00e';
}
.wi-yahoo-46:before {
content: '\f01b';
}
.wi-yahoo-47:before {
content: '\f00e';
}
.wi-yahoo-3200:before {
content: '\f077';
}
.wi-forecast-io-clear-day:before {
content: '\f00d';
}
.wi-forecast-io-clear-night:before {
content: '\f02e';
}
.wi-forecast-io-rain:before {
content: '\f019';
}
.wi-forecast-io-snow:before {
content: '\f01b';
}
.wi-forecast-io-sleet:before {
content: '\f0b5';
}
.wi-forecast-io-wind:before {
content: '\f050';
}
.wi-forecast-io-fog:before {
content: '\f014';
}
.wi-forecast-io-cloudy:before {
content: '\f013';
}
.wi-forecast-io-partly-cloudy-day:before {
content: '\f002';
}
.wi-forecast-io-partly-cloudy-night:before {
content: '\f031';
}
.wi-forecast-io-hail:before {
content: '\f015';
}
.wi-forecast-io-thunderstorm:before {
content: '\f01e';
}
.wi-forecast-io-tornado:before {
content: '\f056';
}
.wi-wmo4680-0:before,
.wi-wmo4680-00:before {
content: '\f055';
}
.wi-wmo4680-1:before,
.wi-wmo4680-01:before {
content: '\f013';
}
.wi-wmo4680-2:before,
.wi-wmo4680-02:before {
content: '\f055';
}
.wi-wmo4680-3:before,
.wi-wmo4680-03:before {
content: '\f013';
}
.wi-wmo4680-4:before,
.wi-wmo4680-04:before {
content: '\f014';
}
.wi-wmo4680-5:before,
.wi-wmo4680-05:before {
content: '\f014';
}
.wi-wmo4680-10:before {
content: '\f014';
}
.wi-wmo4680-11:before {
content: '\f014';
}
.wi-wmo4680-12:before {
content: '\f016';
}
.wi-wmo4680-18:before {
content: '\f050';
}
.wi-wmo4680-20:before {
content: '\f014';
}
.wi-wmo4680-21:before {
content: '\f017';
}
.wi-wmo4680-22:before {
content: '\f017';
}
.wi-wmo4680-23:before {
content: '\f019';
}
.wi-wmo4680-24:before {
content: '\f01b';
}
.wi-wmo4680-25:before {
content: '\f015';
}
.wi-wmo4680-26:before {
content: '\f01e';
}
.wi-wmo4680-27:before {
content: '\f063';
}
.wi-wmo4680-28:before {
content: '\f063';
}
.wi-wmo4680-29:before {
content: '\f063';
}
.wi-wmo4680-30:before {
content: '\f014';
}
.wi-wmo4680-31:before {
content: '\f014';
}
.wi-wmo4680-32:before {
content: '\f014';
}
.wi-wmo4680-33:before {
content: '\f014';
}
.wi-wmo4680-34:before {
content: '\f014';
}
.wi-wmo4680-35:before {
content: '\f014';
}
.wi-wmo4680-40:before {
content: '\f017';
}
.wi-wmo4680-41:before {
content: '\f01c';
}
.wi-wmo4680-42:before {
content: '\f019';
}
.wi-wmo4680-43:before {
content: '\f01c';
}
.wi-wmo4680-44:before {
content: '\f019';
}
.wi-wmo4680-45:before {
content: '\f015';
}
.wi-wmo4680-46:before {
content: '\f015';
}
.wi-wmo4680-47:before {
content: '\f01b';
}
.wi-wmo4680-48:before {
content: '\f01b';
}
.wi-wmo4680-50:before {
content: '\f01c';
}
.wi-wmo4680-51:before {
content: '\f01c';
}
.wi-wmo4680-52:before {
content: '\f019';
}
.wi-wmo4680-53:before {
content: '\f019';
}
.wi-wmo4680-54:before {
content: '\f076';
}
.wi-wmo4680-55:before {
content: '\f076';
}
.wi-wmo4680-56:before {
content: '\f076';
}
.wi-wmo4680-57:before {
content: '\f01c';
}
.wi-wmo4680-58:before {
content: '\f019';
}
.wi-wmo4680-60:before {
content: '\f01c';
}
.wi-wmo4680-61:before {
content: '\f01c';
}
.wi-wmo4680-62:before {
content: '\f019';
}
.wi-wmo4680-63:before {
content: '\f019';
}
.wi-wmo4680-64:before {
content: '\f015';
}
.wi-wmo4680-65:before {
content: '\f015';
}
.wi-wmo4680-66:before {
content: '\f015';
}
.wi-wmo4680-67:before {
content: '\f017';
}
.wi-wmo4680-68:before {
content: '\f017';
}
.wi-wmo4680-70:before {
content: '\f01b';
}
.wi-wmo4680-71:before {
content: '\f01b';
}
.wi-wmo4680-72:before {
content: '\f01b';
}
.wi-wmo4680-73:before {
content: '\f01b';
}
.wi-wmo4680-74:before {
content: '\f076';
}
.wi-wmo4680-75:before {
content: '\f076';
}
.wi-wmo4680-76:before {
content: '\f076';
}
.wi-wmo4680-77:before {
content: '\f01b';
}
.wi-wmo4680-78:before {
content: '\f076';
}
.wi-wmo4680-80:before {
content: '\f019';
}
.wi-wmo4680-81:before {
content: '\f01c';
}
.wi-wmo4680-82:before {
content: '\f019';
}
.wi-wmo4680-83:before {
content: '\f019';
}
.wi-wmo4680-84:before {
content: '\f01d';
}
.wi-wmo4680-85:before {
content: '\f017';
}
.wi-wmo4680-86:before {
content: '\f017';
}
.wi-wmo4680-87:before {
content: '\f017';
}
.wi-wmo4680-89:before {
content: '\f015';
}
.wi-wmo4680-90:before {
content: '\f016';
}
.wi-wmo4680-91:before {
content: '\f01d';
}
.wi-wmo4680-92:before {
content: '\f01e';
}
.wi-wmo4680-93:before {
content: '\f01e';
}
.wi-wmo4680-94:before {
content: '\f016';
}
.wi-wmo4680-95:before {
content: '\f01e';
}
.wi-wmo4680-96:before {
content: '\f01e';
}
.wi-wmo4680-99:before {
content: '\f056';
}
.wi-owm-200:before {
content: '\f01e';
}
.wi-owm-201:before {
content: '\f01e';
}
.wi-owm-202:before {
content: '\f01e';
}
.wi-owm-210:before {
content: '\f016';
}
.wi-owm-211:before {
content: '\f016';
}
.wi-owm-212:before {
content: '\f016';
}
.wi-owm-221:before {
content: '\f016';
}
.wi-owm-230:before {
content: '\f01e';
}
.wi-owm-231:before {
content: '\f01e';
}
.wi-owm-232:before {
content: '\f01e';
}
.wi-owm-300:before {
content: '\f01c';
}
.wi-owm-301:before {
content: '\f01c';
}
.wi-owm-302:before {
content: '\f019';
}
.wi-owm-310:before {
content: '\f017';
}
.wi-owm-311:before {
content: '\f019';
}
.wi-owm-312:before {
content: '\f019';
}
.wi-owm-313:before {
content: '\f01a';
}
.wi-owm-314:before {
content: '\f019';
}
.wi-owm-321:before {
content: '\f01c';
}
.wi-owm-500:before {
content: '\f01c';
}
.wi-owm-501:before {
content: '\f019';
}
.wi-owm-502:before {
content: '\f019';
}
.wi-owm-503:before {
content: '\f019';
}
.wi-owm-504:before {
content: '\f019';
}
.wi-owm-511:before {
content: '\f017';
}
.wi-owm-520:before {
content: '\f01a';
}
.wi-owm-521:before {
content: '\f01a';
}
.wi-owm-522:before {
content: '\f01a';
}
.wi-owm-531:before {
content: '\f01d';
}
.wi-owm-600:before {
content: '\f01b';
}
.wi-owm-601:before {
content: '\f01b';
}
.wi-owm-602:before {
content: '\f0b5';
}
.wi-owm-611:before {
content: '\f017';
}
.wi-owm-612:before {
content: '\f017';
}
.wi-owm-615:before {
content: '\f017';
}
.wi-owm-616:before {
content: '\f017';
}
.wi-owm-620:before {
content: '\f017';
}
.wi-owm-621:before {
content: '\f01b';
}
.wi-owm-622:before {
content: '\f01b';
}
.wi-owm-701:before {
content: '\f01a';
}
.wi-owm-711:before {
content: '\f062';
}
.wi-owm-721:before {
content: '\f0b6';
}
.wi-owm-731:before {
content: '\f063';
}
.wi-owm-741:before {
content: '\f014';
}
.wi-owm-761:before {
content: '\f063';
}
.wi-owm-762:before {
content: '\f063';
}
.wi-owm-771:before {
content: '\f011';
}
.wi-owm-781:before {
content: '\f056';
}
.wi-owm-800:before {
content: '\f00d';
}
.wi-owm-801:before {
content: '\f011';
}
.wi-owm-802:before {
content: '\f011';
}
.wi-owm-803:before {
content: '\f012';
}
.wi-owm-804:before {
content: '\f013';
}
.wi-owm-900:before {
content: '\f056';
}
.wi-owm-901:before {
content: '\f01d';
}
.wi-owm-902:before {
content: '\f073';
}
.wi-owm-903:before {
content: '\f076';
}
.wi-owm-904:before {
content: '\f072';
}
.wi-owm-905:before {
content: '\f021';
}
.wi-owm-906:before {
content: '\f015';
}
.wi-owm-957:before {
content: '\f050';
}
.wi-owm-day-200:before {
content: '\f010';
}
.wi-owm-day-201:before {
content: '\f010';
}
.wi-owm-day-202:before {
content: '\f010';
}
.wi-owm-day-210:before {
content: '\f005';
}
.wi-owm-day-211:before {
content: '\f005';
}
.wi-owm-day-212:before {
content: '\f005';
}
.wi-owm-day-221:before {
content: '\f005';
}
.wi-owm-day-230:before {
content: '\f010';
}
.wi-owm-day-231:before {
content: '\f010';
}
.wi-owm-day-232:before {
content: '\f010';
}
.wi-owm-day-300:before {
content: '\f00b';
}
.wi-owm-day-301:before {
content: '\f00b';
}
.wi-owm-day-302:before {
content: '\f008';
}
.wi-owm-day-310:before {
content: '\f008';
}
.wi-owm-day-311:before {
content: '\f008';
}
.wi-owm-day-312:before {
content: '\f008';
}
.wi-owm-day-313:before {
content: '\f008';
}
.wi-owm-day-314:before {
content: '\f008';
}
.wi-owm-day-321:before {
content: '\f00b';
}
.wi-owm-day-500:before {
content: '\f00b';
}
.wi-owm-day-501:before {
content: '\f008';
}
.wi-owm-day-502:before {
content: '\f008';
}
.wi-owm-day-503:before {
content: '\f008';
}
.wi-owm-day-504:before {
content: '\f008';
}
.wi-owm-day-511:before {
content: '\f006';
}
.wi-owm-day-520:before {
content: '\f009';
}
.wi-owm-day-521:before {
content: '\f009';
}
.wi-owm-day-522:before {
content: '\f009';
}
.wi-owm-day-531:before {
content: '\f00e';
}
.wi-owm-day-600:before {
content: '\f00a';
}
.wi-owm-day-601:before {
content: '\f0b2';
}
.wi-owm-day-602:before {
content: '\f00a';
}
.wi-owm-day-611:before {
content: '\f006';
}
.wi-owm-day-612:before {
content: '\f006';
}
.wi-owm-day-615:before {
content: '\f006';
}
.wi-owm-day-616:before {
content: '\f006';
}
.wi-owm-day-620:before {
content: '\f006';
}
.wi-owm-day-621:before {
content: '\f00a';
}
.wi-owm-day-622:before {
content: '\f00a';
}
.wi-owm-day-701:before {
content: '\f009';
}
.wi-owm-day-711:before {
content: '\f062';
}
.wi-owm-day-721:before {
content: '\f0b6';
}
.wi-owm-day-731:before {
content: '\f063';
}
.wi-owm-day-741:before {
content: '\f003';
}
.wi-owm-day-761:before {
content: '\f063';
}
.wi-owm-day-762:before {
content: '\f063';
}
.wi-owm-day-781:before {
content: '\f056';
}
.wi-owm-day-800:before {
content: '\f00d';
}
.wi-owm-day-801:before {
content: '\f000';
}
.wi-owm-day-802:before {
content: '\f000';
}
.wi-owm-day-803:before {
content: '\f000';
}
.wi-owm-day-804:before {
content: '\f00c';
}
.wi-owm-day-900:before {
content: '\f056';
}
.wi-owm-day-902:before {
content: '\f073';
}
.wi-owm-day-903:before {
content: '\f076';
}
.wi-owm-day-904:before {
content: '\f072';
}
.wi-owm-day-906:before {
content: '\f004';
}
.wi-owm-day-957:before {
content: '\f050';
}
.wi-owm-night-200:before {
content: '\f02d';
}
.wi-owm-night-201:before {
content: '\f02d';
}
.wi-owm-night-202:before {
content: '\f02d';
}
.wi-owm-night-210:before {
content: '\f025';
}
.wi-owm-night-211:before {
content: '\f025';
}
.wi-owm-night-212:before {
content: '\f025';
}
.wi-owm-night-221:before {
content: '\f025';
}
.wi-owm-night-230:before {
content: '\f02d';
}
.wi-owm-night-231:before {
content: '\f02d';
}
.wi-owm-night-232:before {
content: '\f02d';
}
.wi-owm-night-300:before {
content: '\f02b';
}
.wi-owm-night-301:before {
content: '\f02b';
}
.wi-owm-night-302:before {
content: '\f028';
}
.wi-owm-night-310:before {
content: '\f028';
}
.wi-owm-night-311:before {
content: '\f028';
}
.wi-owm-night-312:before {
content: '\f028';
}
.wi-owm-night-313:before {
content: '\f028';
}
.wi-owm-night-314:before {
content: '\f028';
}
.wi-owm-night-321:before {
content: '\f02b';
}
.wi-owm-night-500:before {
content: '\f02b';
}
.wi-owm-night-501:before {
content: '\f028';
}
.wi-owm-night-502:before {
content: '\f028';
}
.wi-owm-night-503:before {
content: '\f028';
}
.wi-owm-night-504:before {
content: '\f028';
}
.wi-owm-night-511:before {
content: '\f026';
}
.wi-owm-night-520:before {
content: '\f029';
}
.wi-owm-night-521:before {
content: '\f029';
}
.wi-owm-night-522:before {
content: '\f029';
}
.wi-owm-night-531:before {
content: '\f02c';
}
.wi-owm-night-600:before {
content: '\f02a';
}
.wi-owm-night-601:before {
content: '\f0b4';
}
.wi-owm-night-602:before {
content: '\f02a';
}
.wi-owm-night-611:before {
content: '\f026';
}
.wi-owm-night-612:before {
content: '\f026';
}
.wi-owm-night-615:before {
content: '\f026';
}
.wi-owm-night-616:before {
content: '\f026';
}
.wi-owm-night-620:before {
content: '\f026';
}
.wi-owm-night-621:before {
content: '\f02a';
}
.wi-owm-night-622:before {
content: '\f02a';
}
.wi-owm-night-701:before {
content: '\f029';
}
.wi-owm-night-711:before {
content: '\f062';
}
.wi-owm-night-721:before {
content: '\f0b6';
}
.wi-owm-night-731:before {
content: '\f063';
}
.wi-owm-night-741:before {
content: '\f04a';
}
.wi-owm-night-761:before {
content: '\f063';
}
.wi-owm-night-762:before {
content: '\f063';
}
.wi-owm-night-781:before {
content: '\f056';
}
.wi-owm-night-800:before {
content: '\f02e';
}
.wi-owm-night-801:before {
content: '\f022';
}
.wi-owm-night-802:before {
content: '\f022';
}
.wi-owm-night-803:before {
content: '\f022';
}
.wi-owm-night-804:before {
content: '\f086';
}
.wi-owm-night-900:before {
content: '\f056';
}
.wi-owm-night-902:before {
content: '\f073';
}
.wi-owm-night-903:before {
content: '\f076';
}
.wi-owm-night-904:before {
content: '\f072';
}
.wi-owm-night-906:before {
content: '\f024';
}
.wi-owm-night-957:before {
content: '\f050';
}
.wi-wu-chanceflurries:before {
content: '\f064';
}
.wi-wu-chancerain:before {
content: '\f019';
}
.wi-wu-chancesleat:before {
content: '\f0b5';
}
.wi-wu-chancesnow:before {
content: '\f01b';
}
.wi-wu-chancetstorms:before {
content: '\f01e';
}
.wi-wu-clear:before {
content: '\f00d';
}
.wi-wu-cloudy:before {
content: '\f002';
}
.wi-wu-flurries:before {
content: '\f064';
}
.wi-wu-hazy:before {
content: '\f0b6';
}
.wi-wu-mostlycloudy:before {
content: '\f002';
}
.wi-wu-mostlysunny:before {
content: '\f00d';
}
.wi-wu-partlycloudy:before {
content: '\f002';
}
.wi-wu-partlysunny:before {
content: '\f00d';
}
.wi-wu-rain:before {
content: '\f01a';
}
.wi-wu-sleat:before {
content: '\f0b5';
}
.wi-wu-snow:before {
content: '\f01b';
}
.wi-wu-sunny:before {
content: '\f00d';
}
.wi-wu-tstorms:before {
content: '\f01e';
}
.wi-wu-unknown:before {
content: '\f00d';
}
/* MaterialDesignIcons.com */
@font-face {
font-family: 'Material Design Icons';
src: url('materialdesignicons-webfont.eot?v=2.0.46');
src: url('materialdesignicons-webfont.eot?#iefix&v=2.0.46') format('embedded-opentype'),
url('materialdesignicons-webfont.woff2?v=2.0.46') format('woff2'),
url('materialdesignicons-webfont.woff?v=2.0.46') format('woff'),
url('materialdesignicons-webfont.ttf?v=2.0.46') format('truetype'),
url('materialdesignicons-webfont.svg?v=2.0.46#materialdesigniconsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.mdi {
display: inline-block;
font: normal normal normal 24px/1 'Material Design Icons';
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mdi-access-point:before {
content: '\F002';
}
.mdi-access-point-network:before {
content: '\F003';
}
.mdi-account:before {
content: '\F004';
}
.mdi-account-alert:before {
content: '\F005';
}
.mdi-account-box:before {
content: '\F006';
}
.mdi-account-box-outline:before {
content: '\F007';
}
.mdi-account-card-details:before {
content: '\F5D2';
}
.mdi-account-check:before {
content: '\F008';
}
.mdi-account-circle:before {
content: '\F009';
}
.mdi-account-convert:before {
content: '\F00A';
}
.mdi-account-edit:before {
content: '\F6BB';
}
.mdi-account-key:before {
content: '\F00B';
}
.mdi-account-location:before {
content: '\F00C';
}
.mdi-account-minus:before {
content: '\F00D';
}
.mdi-account-multiple:before {
content: '\F00E';
}
.mdi-account-multiple-minus:before {
content: '\F5D3';
}
.mdi-account-multiple-outline:before {
content: '\F00F';
}
.mdi-account-multiple-plus:before {
content: '\F010';
}
.mdi-account-network:before {
content: '\F011';
}
.mdi-account-off:before {
content: '\F012';
}
.mdi-account-outline:before {
content: '\F013';
}
.mdi-account-plus:before {
content: '\F014';
}
.mdi-account-remove:before {
content: '\F015';
}
.mdi-account-search:before {
content: '\F016';
}
.mdi-account-settings:before {
content: '\F630';
}
.mdi-account-settings-variant:before {
content: '\F631';
}
.mdi-account-star:before {
content: '\F017';
}
.mdi-account-switch:before {
content: '\F019';
}
.mdi-adjust:before {
content: '\F01A';
}
.mdi-air-conditioner:before {
content: '\F01B';
}
.mdi-airballoon:before {
content: '\F01C';
}
.mdi-airplane:before {
content: '\F01D';
}
.mdi-airplane-landing:before {
content: '\F5D4';
}
.mdi-airplane-off:before {
content: '\F01E';
}
.mdi-airplane-takeoff:before {
content: '\F5D5';
}
.mdi-airplay:before {
content: '\F01F';
}
.mdi-alarm:before {
content: '\F020';
}
.mdi-alarm-bell:before {
content: '\F78D';
}
.mdi-alarm-check:before {
content: '\F021';
}
.mdi-alarm-light:before {
content: '\F78E';
}
.mdi-alarm-multiple:before {
content: '\F022';
}
.mdi-alarm-off:before {
content: '\F023';
}
.mdi-alarm-plus:before {
content: '\F024';
}
.mdi-alarm-snooze:before {
content: '\F68D';
}
.mdi-album:before {
content: '\F025';
}
.mdi-alert:before {
content: '\F026';
}
.mdi-alert-box:before {
content: '\F027';
}
.mdi-alert-circle:before {
content: '\F028';
}
.mdi-alert-circle-outline:before {
content: '\F5D6';
}
.mdi-alert-decagram:before {
content: '\F6BC';
}
.mdi-alert-octagon:before {
content: '\F029';
}
.mdi-alert-octagram:before {
content: '\F766';
}
.mdi-alert-outline:before {
content: '\F02A';
}
.mdi-all-inclusive:before {
content: '\F6BD';
}
.mdi-alpha:before {
content: '\F02B';
}
.mdi-alphabetical:before {
content: '\F02C';
}
.mdi-altimeter:before {
content: '\F5D7';
}
.mdi-amazon:before {
content: '\F02D';
}
.mdi-amazon-clouddrive:before {
content: '\F02E';
}
.mdi-ambulance:before {
content: '\F02F';
}
.mdi-amplifier:before {
content: '\F030';
}
.mdi-anchor:before {
content: '\F031';
}
.mdi-android:before {
content: '\F032';
}
.mdi-android-debug-bridge:before {
content: '\F033';
}
.mdi-android-head:before {
content: '\F78F';
}
.mdi-android-studio:before {
content: '\F034';
}
.mdi-angular:before {
content: '\F6B1';
}
.mdi-angularjs:before {
content: '\F6BE';
}
.mdi-animation:before {
content: '\F5D8';
}
.mdi-apple:before {
content: '\F035';
}
.mdi-apple-finder:before {
content: '\F036';
}
.mdi-apple-ios:before {
content: '\F037';
}
.mdi-apple-keyboard-caps:before {
content: '\F632';
}
.mdi-apple-keyboard-command:before {
content: '\F633';
}
.mdi-apple-keyboard-control:before {
content: '\F634';
}
.mdi-apple-keyboard-option:before {
content: '\F635';
}
.mdi-apple-keyboard-shift:before {
content: '\F636';
}
.mdi-apple-mobileme:before {
content: '\F038';
}
.mdi-apple-safari:before {
content: '\F039';
}
.mdi-application:before {
content: '\F614';
}
.mdi-approval:before {
content: '\F790';
}
.mdi-apps:before {
content: '\F03B';
}
.mdi-archive:before {
content: '\F03C';
}
.mdi-arrange-bring-forward:before {
content: '\F03D';
}
.mdi-arrange-bring-to-front:before {
content: '\F03E';
}
.mdi-arrange-send-backward:before {
content: '\F03F';
}
.mdi-arrange-send-to-back:before {
content: '\F040';
}
.mdi-arrow-all:before {
content: '\F041';
}
.mdi-arrow-bottom-left:before {
content: '\F042';
}
.mdi-arrow-bottom-right:before {
content: '\F043';
}
.mdi-arrow-collapse:before {
content: '\F615';
}
.mdi-arrow-collapse-all:before {
content: '\F044';
}
.mdi-arrow-collapse-down:before {
content: '\F791';
}
.mdi-arrow-collapse-left:before {
content: '\F792';
}
.mdi-arrow-collapse-right:before {
content: '\F793';
}
.mdi-arrow-collapse-up:before {
content: '\F794';
}
.mdi-arrow-down:before {
content: '\F045';
}
.mdi-arrow-down-bold:before {
content: '\F72D';
}
.mdi-arrow-down-bold-box:before {
content: '\F72E';
}
.mdi-arrow-down-bold-box-outline:before {
content: '\F72F';
}
.mdi-arrow-down-bold-circle:before {
content: '\F047';
}
.mdi-arrow-down-bold-circle-outline:before {
content: '\F048';
}
.mdi-arrow-down-bold-hexagon-outline:before {
content: '\F049';
}
.mdi-arrow-down-box:before {
content: '\F6BF';
}
.mdi-arrow-down-drop-circle:before {
content: '\F04A';
}
.mdi-arrow-down-drop-circle-outline:before {
content: '\F04B';
}
.mdi-arrow-down-thick:before {
content: '\F046';
}
.mdi-arrow-expand:before {
content: '\F616';
}
.mdi-arrow-expand-all:before {
content: '\F04C';
}
.mdi-arrow-expand-down:before {
content: '\F795';
}
.mdi-arrow-expand-left:before {
content: '\F796';
}
.mdi-arrow-expand-right:before {
content: '\F797';
}
.mdi-arrow-expand-up:before {
content: '\F798';
}
.mdi-arrow-left:before {
content: '\F04D';
}
.mdi-arrow-left-bold:before {
content: '\F730';
}
.mdi-arrow-left-bold-box:before {
content: '\F731';
}
.mdi-arrow-left-bold-box-outline:before {
content: '\F732';
}
.mdi-arrow-left-bold-circle:before {
content: '\F04F';
}
.mdi-arrow-left-bold-circle-outline:before {
content: '\F050';
}
.mdi-arrow-left-bold-hexagon-outline:before {
content: '\F051';
}
.mdi-arrow-left-box:before {
content: '\F6C0';
}
.mdi-arrow-left-drop-circle:before {
content: '\F052';
}
.mdi-arrow-left-drop-circle-outline:before {
content: '\F053';
}
.mdi-arrow-left-thick:before {
content: '\F04E';
}
.mdi-arrow-right:before {
content: '\F054';
}
.mdi-arrow-right-bold:before {
content: '\F733';
}
.mdi-arrow-right-bold-box:before {
content: '\F734';
}
.mdi-arrow-right-bold-box-outline:before {
content: '\F735';
}
.mdi-arrow-right-bold-circle:before {
content: '\F056';
}
.mdi-arrow-right-bold-circle-outline:before {
content: '\F057';
}
.mdi-arrow-right-bold-hexagon-outline:before {
content: '\F058';
}
.mdi-arrow-right-box:before {
content: '\F6C1';
}
.mdi-arrow-right-drop-circle:before {
content: '\F059';
}
.mdi-arrow-right-drop-circle-outline:before {
content: '\F05A';
}
.mdi-arrow-right-thick:before {
content: '\F055';
}
.mdi-arrow-top-left:before {
content: '\F05B';
}
.mdi-arrow-top-right:before {
content: '\F05C';
}
.mdi-arrow-up:before {
content: '\F05D';
}
.mdi-arrow-up-bold:before {
content: '\F736';
}
.mdi-arrow-up-bold-box:before {
content: '\F737';
}
.mdi-arrow-up-bold-box-outline:before {
content: '\F738';
}
.mdi-arrow-up-bold-circle:before {
content: '\F05F';
}
.mdi-arrow-up-bold-circle-outline:before {
content: '\F060';
}
.mdi-arrow-up-bold-hexagon-outline:before {
content: '\F061';
}
.mdi-arrow-up-box:before {
content: '\F6C2';
}
.mdi-arrow-up-drop-circle:before {
content: '\F062';
}
.mdi-arrow-up-drop-circle-outline:before {
content: '\F063';
}
.mdi-arrow-up-thick:before {
content: '\F05E';
}
.mdi-assistant:before {
content: '\F064';
}
.mdi-asterisk:before {
content: '\F6C3';
}
.mdi-at:before {
content: '\F065';
}
.mdi-atom:before {
content: '\F767';
}
.mdi-attachment:before {
content: '\F066';
}
.mdi-audiobook:before {
content: '\F067';
}
.mdi-auto-fix:before {
content: '\F068';
}
.mdi-auto-upload:before {
content: '\F069';
}
.mdi-autorenew:before {
content: '\F06A';
}
.mdi-av-timer:before {
content: '\F06B';
}
.mdi-baby:before {
content: '\F06C';
}
.mdi-baby-buggy:before {
content: '\F68E';
}
.mdi-backburger:before {
content: '\F06D';
}
.mdi-backspace:before {
content: '\F06E';
}
.mdi-backup-restore:before {
content: '\F06F';
}
.mdi-bandcamp:before {
content: '\F674';
}
.mdi-bank:before {
content: '\F070';
}
.mdi-barcode:before {
content: '\F071';
}
.mdi-barcode-scan:before {
content: '\F072';
}
.mdi-barley:before {
content: '\F073';
}
.mdi-barrel:before {
content: '\F074';
}
.mdi-basecamp:before {
content: '\F075';
}
.mdi-basket:before {
content: '\F076';
}
.mdi-basket-fill:before {
content: '\F077';
}
.mdi-basket-unfill:before {
content: '\F078';
}
.mdi-battery:before {
content: '\F079';
}
.mdi-battery-10:before {
content: '\F07A';
}
.mdi-battery-20:before {
content: '\F07B';
}
.mdi-battery-30:before {
content: '\F07C';
}
.mdi-battery-40:before {
content: '\F07D';
}
.mdi-battery-50:before {
content: '\F07E';
}
.mdi-battery-60:before {
content: '\F07F';
}
.mdi-battery-70:before {
content: '\F080';
}
.mdi-battery-80:before {
content: '\F081';
}
.mdi-battery-90:before {
content: '\F082';
}
.mdi-battery-alert:before {
content: '\F083';
}
.mdi-battery-charging:before {
content: '\F084';
}
.mdi-battery-charging-100:before {
content: '\F085';
}
.mdi-battery-charging-20:before {
content: '\F086';
}
.mdi-battery-charging-30:before {
content: '\F087';
}
.mdi-battery-charging-40:before {
content: '\F088';
}
.mdi-battery-charging-60:before {
content: '\F089';
}
.mdi-battery-charging-80:before {
content: '\F08A';
}
.mdi-battery-charging-90:before {
content: '\F08B';
}
.mdi-battery-minus:before {
content: '\F08C';
}
.mdi-battery-negative:before {
content: '\F08D';
}
.mdi-battery-outline:before {
content: '\F08E';
}
.mdi-battery-plus:before {
content: '\F08F';
}
.mdi-battery-positive:before {
content: '\F090';
}
.mdi-battery-unknown:before {
content: '\F091';
}
.mdi-beach:before {
content: '\F092';
}
.mdi-beaker:before {
content: '\F68F';
}
.mdi-beats:before {
content: '\F097';
}
.mdi-beer:before {
content: '\F098';
}
.mdi-behance:before {
content: '\F099';
}
.mdi-bell:before {
content: '\F09A';
}
.mdi-bell-off:before {
content: '\F09B';
}
.mdi-bell-outline:before {
content: '\F09C';
}
.mdi-bell-plus:before {
content: '\F09D';
}
.mdi-bell-ring:before {
content: '\F09E';
}
.mdi-bell-ring-outline:before {
content: '\F09F';
}
.mdi-bell-sleep:before {
content: '\F0A0';
}
.mdi-beta:before {
content: '\F0A1';
}
.mdi-bible:before {
content: '\F0A2';
}
.mdi-bike:before {
content: '\F0A3';
}
.mdi-bing:before {
content: '\F0A4';
}
.mdi-binoculars:before {
content: '\F0A5';
}
.mdi-bio:before {
content: '\F0A6';
}
.mdi-biohazard:before {
content: '\F0A7';
}
.mdi-bitbucket:before {
content: '\F0A8';
}
.mdi-black-mesa:before {
content: '\F0A9';
}
.mdi-blackberry:before {
content: '\F0AA';
}
.mdi-blender:before {
content: '\F0AB';
}
.mdi-blinds:before {
content: '\F0AC';
}
.mdi-block-helper:before {
content: '\F0AD';
}
.mdi-blogger:before {
content: '\F0AE';
}
.mdi-bluetooth:before {
content: '\F0AF';
}
.mdi-bluetooth-audio:before {
content: '\F0B0';
}
.mdi-bluetooth-connect:before {
content: '\F0B1';
}
.mdi-bluetooth-off:before {
content: '\F0B2';
}
.mdi-bluetooth-settings:before {
content: '\F0B3';
}
.mdi-bluetooth-transfer:before {
content: '\F0B4';
}
.mdi-blur:before {
content: '\F0B5';
}
.mdi-blur-linear:before {
content: '\F0B6';
}
.mdi-blur-off:before {
content: '\F0B7';
}
.mdi-blur-radial:before {
content: '\F0B8';
}
.mdi-bomb:before {
content: '\F690';
}
.mdi-bomb-off:before {
content: '\F6C4';
}
.mdi-bone:before {
content: '\F0B9';
}
.mdi-book:before {
content: '\F0BA';
}
.mdi-book-minus:before {
content: '\F5D9';
}
.mdi-book-multiple:before {
content: '\F0BB';
}
.mdi-book-multiple-variant:before {
content: '\F0BC';
}
.mdi-book-open:before {
content: '\F0BD';
}
.mdi-book-open-page-variant:before {
content: '\F5DA';
}
.mdi-book-open-variant:before {
content: '\F0BE';
}
.mdi-book-plus:before {
content: '\F5DB';
}
.mdi-book-secure:before {
content: '\F799';
}
.mdi-book-unsecure:before {
content: '\F79A';
}
.mdi-book-variant:before {
content: '\F0BF';
}
.mdi-bookmark:before {
content: '\F0C0';
}
.mdi-bookmark-check:before {
content: '\F0C1';
}
.mdi-bookmark-music:before {
content: '\F0C2';
}
.mdi-bookmark-outline:before {
content: '\F0C3';
}
.mdi-bookmark-plus:before {
content: '\F0C5';
}
.mdi-bookmark-plus-outline:before {
content: '\F0C4';
}
.mdi-bookmark-remove:before {
content: '\F0C6';
}
.mdi-boombox:before {
content: '\F5DC';
}
.mdi-bootstrap:before {
content: '\F6C5';
}
.mdi-border-all:before {
content: '\F0C7';
}
.mdi-border-bottom:before {
content: '\F0C8';
}
.mdi-border-color:before {
content: '\F0C9';
}
.mdi-border-horizontal:before {
content: '\F0CA';
}
.mdi-border-inside:before {
content: '\F0CB';
}
.mdi-border-left:before {
content: '\F0CC';
}
.mdi-border-none:before {
content: '\F0CD';
}
.mdi-border-outside:before {
content: '\F0CE';
}
.mdi-border-right:before {
content: '\F0CF';
}
.mdi-border-style:before {
content: '\F0D0';
}
.mdi-border-top:before {
content: '\F0D1';
}
.mdi-border-vertical:before {
content: '\F0D2';
}
.mdi-bow-tie:before {
content: '\F677';
}
.mdi-bowl:before {
content: '\F617';
}
.mdi-bowling:before {
content: '\F0D3';
}
.mdi-box:before {
content: '\F0D4';
}
.mdi-box-cutter:before {
content: '\F0D5';
}
.mdi-box-shadow:before {
content: '\F637';
}
.mdi-bridge:before {
content: '\F618';
}
.mdi-briefcase:before {
content: '\F0D6';
}
.mdi-briefcase-check:before {
content: '\F0D7';
}
.mdi-briefcase-download:before {
content: '\F0D8';
}
.mdi-briefcase-upload:before {
content: '\F0D9';
}
.mdi-brightness-1:before {
content: '\F0DA';
}
.mdi-brightness-2:before {
content: '\F0DB';
}
.mdi-brightness-3:before {
content: '\F0DC';
}
.mdi-brightness-4:before {
content: '\F0DD';
}
.mdi-brightness-5:before {
content: '\F0DE';
}
.mdi-brightness-6:before {
content: '\F0DF';
}
.mdi-brightness-7:before {
content: '\F0E0';
}
.mdi-brightness-auto:before {
content: '\F0E1';
}
.mdi-broom:before {
content: '\F0E2';
}
.mdi-brush:before {
content: '\F0E3';
}
.mdi-buffer:before {
content: '\F619';
}
.mdi-bug:before {
content: '\F0E4';
}
.mdi-bulletin-board:before {
content: '\F0E5';
}
.mdi-bullhorn:before {
content: '\F0E6';
}
.mdi-bullseye:before {
content: '\F5DD';
}
.mdi-burst-mode:before {
content: '\F5DE';
}
.mdi-bus:before {
content: '\F0E7';
}
.mdi-bus-articulated-end:before {
content: '\F79B';
}
.mdi-bus-articulated-front:before {
content: '\F79C';
}
.mdi-bus-double-decker:before {
content: '\F79D';
}
.mdi-bus-school:before {
content: '\F79E';
}
.mdi-bus-side:before {
content: '\F79F';
}
.mdi-cached:before {
content: '\F0E8';
}
.mdi-cake:before {
content: '\F0E9';
}
.mdi-cake-layered:before {
content: '\F0EA';
}
.mdi-cake-variant:before {
content: '\F0EB';
}
.mdi-calculator:before {
content: '\F0EC';
}
.mdi-calendar:before {
content: '\F0ED';
}
.mdi-calendar-blank:before {
content: '\F0EE';
}
.mdi-calendar-check:before {
content: '\F0EF';
}
.mdi-calendar-clock:before {
content: '\F0F0';
}
.mdi-calendar-multiple:before {
content: '\F0F1';
}
.mdi-calendar-multiple-check:before {
content: '\F0F2';
}
.mdi-calendar-plus:before {
content: '\F0F3';
}
.mdi-calendar-question:before {
content: '\F691';
}
.mdi-calendar-range:before {
content: '\F678';
}
.mdi-calendar-remove:before {
content: '\F0F4';
}
.mdi-calendar-text:before {
content: '\F0F5';
}
.mdi-calendar-today:before {
content: '\F0F6';
}
.mdi-call-made:before {
content: '\F0F7';
}
.mdi-call-merge:before {
content: '\F0F8';
}
.mdi-call-missed:before {
content: '\F0F9';
}
.mdi-call-received:before {
content: '\F0FA';
}
.mdi-call-split:before {
content: '\F0FB';
}
.mdi-camcorder:before {
content: '\F0FC';
}
.mdi-camcorder-box:before {
content: '\F0FD';
}
.mdi-camcorder-box-off:before {
content: '\F0FE';
}
.mdi-camcorder-off:before {
content: '\F0FF';
}
.mdi-camera:before {
content: '\F100';
}
.mdi-camera-burst:before {
content: '\F692';
}
.mdi-camera-enhance:before {
content: '\F101';
}
.mdi-camera-front:before {
content: '\F102';
}
.mdi-camera-front-variant:before {
content: '\F103';
}
.mdi-camera-gopro:before {
content: '\F7A0';
}
.mdi-camera-iris:before {
content: '\F104';
}
.mdi-camera-metering-center:before {
content: '\F7A1';
}
.mdi-camera-metering-matrix:before {
content: '\F7A2';
}
.mdi-camera-metering-partial:before {
content: '\F7A3';
}
.mdi-camera-metering-spot:before {
content: '\F7A4';
}
.mdi-camera-off:before {
content: '\F5DF';
}
.mdi-camera-party-mode:before {
content: '\F105';
}
.mdi-camera-rear:before {
content: '\F106';
}
.mdi-camera-rear-variant:before {
content: '\F107';
}
.mdi-camera-switch:before {
content: '\F108';
}
.mdi-camera-timer:before {
content: '\F109';
}
.mdi-cancel:before {
content: '\F739';
}
.mdi-candle:before {
content: '\F5E2';
}
.mdi-candycane:before {
content: '\F10A';
}
.mdi-cannabis:before {
content: '\F7A5';
}
.mdi-car:before {
content: '\F10B';
}
.mdi-car-battery:before {
content: '\F10C';
}
.mdi-car-connected:before {
content: '\F10D';
}
.mdi-car-convertable:before {
content: '\F7A6';
}
.mdi-car-estate:before {
content: '\F7A7';
}
.mdi-car-hatchback:before {
content: '\F7A8';
}
.mdi-car-pickup:before {
content: '\F7A9';
}
.mdi-car-side:before {
content: '\F7AA';
}
.mdi-car-sports:before {
content: '\F7AB';
}
.mdi-car-wash:before {
content: '\F10E';
}
.mdi-caravan:before {
content: '\F7AC';
}
.mdi-cards:before {
content: '\F638';
}
.mdi-cards-outline:before {
content: '\F639';
}
.mdi-cards-playing-outline:before {
content: '\F63A';
}
.mdi-cards-variant:before {
content: '\F6C6';
}
.mdi-carrot:before {
content: '\F10F';
}
.mdi-cart:before {
content: '\F110';
}
.mdi-cart-off:before {
content: '\F66B';
}
.mdi-cart-outline:before {
content: '\F111';
}
.mdi-cart-plus:before {
content: '\F112';
}
.mdi-case-sensitive-alt:before {
content: '\F113';
}
.mdi-cash:before {
content: '\F114';
}
.mdi-cash-100:before {
content: '\F115';
}
.mdi-cash-multiple:before {
content: '\F116';
}
.mdi-cash-usd:before {
content: '\F117';
}
.mdi-cast:before {
content: '\F118';
}
.mdi-cast-connected:before {
content: '\F119';
}
.mdi-cast-off:before {
content: '\F789';
}
.mdi-castle:before {
content: '\F11A';
}
.mdi-cat:before {
content: '\F11B';
}
.mdi-cctv:before {
content: '\F7AD';
}
.mdi-ceiling-light:before {
content: '\F768';
}
.mdi-cellphone:before {
content: '\F11C';
}
.mdi-cellphone-android:before {
content: '\F11D';
}
.mdi-cellphone-basic:before {
content: '\F11E';
}
.mdi-cellphone-dock:before {
content: '\F11F';
}
.mdi-cellphone-iphone:before {
content: '\F120';
}
.mdi-cellphone-link:before {
content: '\F121';
}
.mdi-cellphone-link-off:before {
content: '\F122';
}
.mdi-cellphone-settings:before {
content: '\F123';
}
.mdi-certificate:before {
content: '\F124';
}
.mdi-chair-school:before {
content: '\F125';
}
.mdi-chart-arc:before {
content: '\F126';
}
.mdi-chart-areaspline:before {
content: '\F127';
}
.mdi-chart-bar:before {
content: '\F128';
}
.mdi-chart-bar-stacked:before {
content: '\F769';
}
.mdi-chart-bubble:before {
content: '\F5E3';
}
.mdi-chart-donut:before {
content: '\F7AE';
}
.mdi-chart-donut-variant:before {
content: '\F7AF';
}
.mdi-chart-gantt:before {
content: '\F66C';
}
.mdi-chart-histogram:before {
content: '\F129';
}
.mdi-chart-line:before {
content: '\F12A';
}
.mdi-chart-line-stacked:before {
content: '\F76A';
}
.mdi-chart-line-variant:before {
content: '\F7B0';
}
.mdi-chart-pie:before {
content: '\F12B';
}
.mdi-chart-scatterplot-hexbin:before {
content: '\F66D';
}
.mdi-chart-timeline:before {
content: '\F66E';
}
.mdi-check:before {
content: '\F12C';
}
.mdi-check-all:before {
content: '\F12D';
}
.mdi-check-circle:before {
content: '\F5E0';
}
.mdi-check-circle-outline:before {
content: '\F5E1';
}
.mdi-checkbox-blank:before {
content: '\F12E';
}
.mdi-checkbox-blank-circle:before {
content: '\F12F';
}
.mdi-checkbox-blank-circle-outline:before {
content: '\F130';
}
.mdi-checkbox-blank-outline:before {
content: '\F131';
}
.mdi-checkbox-marked:before {
content: '\F132';
}
.mdi-checkbox-marked-circle:before {
content: '\F133';
}
.mdi-checkbox-marked-circle-outline:before {
content: '\F134';
}
.mdi-checkbox-marked-outline:before {
content: '\F135';
}
.mdi-checkbox-multiple-blank:before {
content: '\F136';
}
.mdi-checkbox-multiple-blank-circle:before {
content: '\F63B';
}
.mdi-checkbox-multiple-blank-circle-outline:before {
content: '\F63C';
}
.mdi-checkbox-multiple-blank-outline:before {
content: '\F137';
}
.mdi-checkbox-multiple-marked:before {
content: '\F138';
}
.mdi-checkbox-multiple-marked-circle:before {
content: '\F63D';
}
.mdi-checkbox-multiple-marked-circle-outline:before {
content: '\F63E';
}
.mdi-checkbox-multiple-marked-outline:before {
content: '\F139';
}
.mdi-checkerboard:before {
content: '\F13A';
}
.mdi-chemical-weapon:before {
content: '\F13B';
}
.mdi-chevron-double-down:before {
content: '\F13C';
}
.mdi-chevron-double-left:before {
content: '\F13D';
}
.mdi-chevron-double-right:before {
content: '\F13E';
}
.mdi-chevron-double-up:before {
content: '\F13F';
}
.mdi-chevron-down:before {
content: '\F140';
}
.mdi-chevron-left:before {
content: '\F141';
}
.mdi-chevron-right:before {
content: '\F142';
}
.mdi-chevron-up:before {
content: '\F143';
}
.mdi-chili-hot:before {
content: '\F7B1';
}
.mdi-chili-medium:before {
content: '\F7B2';
}
.mdi-chili-mild:before {
content: '\F7B3';
}
.mdi-chip:before {
content: '\F61A';
}
.mdi-church:before {
content: '\F144';
}
.mdi-circle:before {
content: '\F764';
}
.mdi-circle-outline:before {
content: '\F765';
}
.mdi-cisco-webex:before {
content: '\F145';
}
.mdi-city:before {
content: '\F146';
}
.mdi-clipboard:before {
content: '\F147';
}
.mdi-clipboard-account:before {
content: '\F148';
}
.mdi-clipboard-alert:before {
content: '\F149';
}
.mdi-clipboard-arrow-down:before {
content: '\F14A';
}
.mdi-clipboard-arrow-left:before {
content: '\F14B';
}
.mdi-clipboard-check:before {
content: '\F14C';
}
.mdi-clipboard-flow:before {
content: '\F6C7';
}
.mdi-clipboard-outline:before {
content: '\F14D';
}
.mdi-clipboard-plus:before {
content: '\F750';
}
.mdi-clipboard-text:before {
content: '\F14E';
}
.mdi-clippy:before {
content: '\F14F';
}
.mdi-clock:before {
content: '\F150';
}
.mdi-clock-alert:before {
content: '\F5CE';
}
.mdi-clock-end:before {
content: '\F151';
}
.mdi-clock-fast:before {
content: '\F152';
}
.mdi-clock-in:before {
content: '\F153';
}
.mdi-clock-out:before {
content: '\F154';
}
.mdi-clock-start:before {
content: '\F155';
}
.mdi-close:before {
content: '\F156';
}
.mdi-close-box:before {
content: '\F157';
}
.mdi-close-box-outline:before {
content: '\F158';
}
.mdi-close-circle:before {
content: '\F159';
}
.mdi-close-circle-outline:before {
content: '\F15A';
}
.mdi-close-network:before {
content: '\F15B';
}
.mdi-close-octagon:before {
content: '\F15C';
}
.mdi-close-octagon-outline:before {
content: '\F15D';
}
.mdi-close-outline:before {
content: '\F6C8';
}
.mdi-closed-caption:before {
content: '\F15E';
}
.mdi-cloud:before {
content: '\F15F';
}
.mdi-cloud-braces:before {
content: '\F7B4';
}
.mdi-cloud-check:before {
content: '\F160';
}
.mdi-cloud-circle:before {
content: '\F161';
}
.mdi-cloud-download:before {
content: '\F162';
}
.mdi-cloud-off-outline:before {
content: '\F164';
}
.mdi-cloud-outline:before {
content: '\F163';
}
.mdi-cloud-print:before {
content: '\F165';
}
.mdi-cloud-print-outline:before {
content: '\F166';
}
.mdi-cloud-sync:before {
content: '\F63F';
}
.mdi-cloud-tags:before {
content: '\F7B5';
}
.mdi-cloud-upload:before {
content: '\F167';
}
.mdi-code-array:before {
content: '\F168';
}
.mdi-code-braces:before {
content: '\F169';
}
.mdi-code-brackets:before {
content: '\F16A';
}
.mdi-code-equal:before {
content: '\F16B';
}
.mdi-code-greater-than:before {
content: '\F16C';
}
.mdi-code-greater-than-or-equal:before {
content: '\F16D';
}
.mdi-code-less-than:before {
content: '\F16E';
}
.mdi-code-less-than-or-equal:before {
content: '\F16F';
}
.mdi-code-not-equal:before {
content: '\F170';
}
.mdi-code-not-equal-variant:before {
content: '\F171';
}
.mdi-code-parentheses:before {
content: '\F172';
}
.mdi-code-string:before {
content: '\F173';
}
.mdi-code-tags:before {
content: '\F174';
}
.mdi-code-tags-check:before {
content: '\F693';
}
.mdi-codepen:before {
content: '\F175';
}
.mdi-coffee:before {
content: '\F176';
}
.mdi-coffee-outline:before {
content: '\F6C9';
}
.mdi-coffee-to-go:before {
content: '\F177';
}
.mdi-coin:before {
content: '\F178';
}
.mdi-coins:before {
content: '\F694';
}
.mdi-collage:before {
content: '\F640';
}
.mdi-color-helper:before {
content: '\F179';
}
.mdi-comment:before {
content: '\F17A';
}
.mdi-comment-account:before {
content: '\F17B';
}
.mdi-comment-account-outline:before {
content: '\F17C';
}
.mdi-comment-alert:before {
content: '\F17D';
}
.mdi-comment-alert-outline:before {
content: '\F17E';
}
.mdi-comment-check:before {
content: '\F17F';
}
.mdi-comment-check-outline:before {
content: '\F180';
}
.mdi-comment-multiple-outline:before {
content: '\F181';
}
.mdi-comment-outline:before {
content: '\F182';
}
.mdi-comment-plus-outline:before {
content: '\F183';
}
.mdi-comment-processing:before {
content: '\F184';
}
.mdi-comment-processing-outline:before {
content: '\F185';
}
.mdi-comment-question-outline:before {
content: '\F186';
}
.mdi-comment-remove-outline:before {
content: '\F187';
}
.mdi-comment-text:before {
content: '\F188';
}
.mdi-comment-text-outline:before {
content: '\F189';
}
.mdi-compare:before {
content: '\F18A';
}
.mdi-compass:before {
content: '\F18B';
}
.mdi-compass-outline:before {
content: '\F18C';
}
.mdi-console:before {
content: '\F18D';
}
.mdi-console-line:before {
content: '\F7B6';
}
.mdi-contact-mail:before {
content: '\F18E';
}
.mdi-contacts:before {
content: '\F6CA';
}
.mdi-content-copy:before {
content: '\F18F';
}
.mdi-content-cut:before {
content: '\F190';
}
.mdi-content-duplicate:before {
content: '\F191';
}
.mdi-content-paste:before {
content: '\F192';
}
.mdi-content-save:before {
content: '\F193';
}
.mdi-content-save-all:before {
content: '\F194';
}
.mdi-content-save-settings:before {
content: '\F61B';
}
.mdi-contrast:before {
content: '\F195';
}
.mdi-contrast-box:before {
content: '\F196';
}
.mdi-contrast-circle:before {
content: '\F197';
}
.mdi-cookie:before {
content: '\F198';
}
.mdi-copyright:before {
content: '\F5E6';
}
.mdi-corn:before {
content: '\F7B7';
}
.mdi-counter:before {
content: '\F199';
}
.mdi-cow:before {
content: '\F19A';
}
.mdi-creation:before {
content: '\F1C9';
}
.mdi-credit-card:before {
content: '\F19B';
}
.mdi-credit-card-multiple:before {
content: '\F19C';
}
.mdi-credit-card-off:before {
content: '\F5E4';
}
.mdi-credit-card-plus:before {
content: '\F675';
}
.mdi-credit-card-scan:before {
content: '\F19D';
}
.mdi-crop:before {
content: '\F19E';
}
.mdi-crop-free:before {
content: '\F19F';
}
.mdi-crop-landscape:before {
content: '\F1A0';
}
.mdi-crop-portrait:before {
content: '\F1A1';
}
.mdi-crop-rotate:before {
content: '\F695';
}
.mdi-crop-square:before {
content: '\F1A2';
}
.mdi-crosshairs:before {
content: '\F1A3';
}
.mdi-crosshairs-gps:before {
content: '\F1A4';
}
.mdi-crown:before {
content: '\F1A5';
}
.mdi-cube:before {
content: '\F1A6';
}
.mdi-cube-outline:before {
content: '\F1A7';
}
.mdi-cube-send:before {
content: '\F1A8';
}
.mdi-cube-unfolded:before {
content: '\F1A9';
}
.mdi-cup:before {
content: '\F1AA';
}
.mdi-cup-off:before {
content: '\F5E5';
}
.mdi-cup-water:before {
content: '\F1AB';
}
.mdi-currency-btc:before {
content: '\F1AC';
}
.mdi-currency-chf:before {
content: '\F7B8';
}
.mdi-currency-cny:before {
content: '\F7B9';
}
.mdi-currency-eth:before {
content: '\F7BA';
}
.mdi-currency-eur:before {
content: '\F1AD';
}
.mdi-currency-gbp:before {
content: '\F1AE';
}
.mdi-currency-inr:before {
content: '\F1AF';
}
.mdi-currency-jpy:before {
content: '\F7BB';
}
.mdi-currency-krw:before {
content: '\F7BC';
}
.mdi-currency-ngn:before {
content: '\F1B0';
}
.mdi-currency-rub:before {
content: '\F1B1';
}
.mdi-currency-sign:before {
content: '\F7BD';
}
.mdi-currency-try:before {
content: '\F1B2';
}
.mdi-currency-twd:before {
content: '\F7BE';
}
.mdi-currency-usd:before {
content: '\F1B3';
}
.mdi-currency-usd-off:before {
content: '\F679';
}
.mdi-cursor-default:before {
content: '\F1B4';
}
.mdi-cursor-default-outline:before {
content: '\F1B5';
}
.mdi-cursor-move:before {
content: '\F1B6';
}
.mdi-cursor-pointer:before {
content: '\F1B7';
}
.mdi-cursor-text:before {
content: '\F5E7';
}
.mdi-database:before {
content: '\F1B8';
}
.mdi-database-minus:before {
content: '\F1B9';
}
.mdi-database-plus:before {
content: '\F1BA';
}
.mdi-debug-step-into:before {
content: '\F1BB';
}
.mdi-debug-step-out:before {
content: '\F1BC';
}
.mdi-debug-step-over:before {
content: '\F1BD';
}
.mdi-decagram:before {
content: '\F76B';
}
.mdi-decagram-outline:before {
content: '\F76C';
}
.mdi-decimal-decrease:before {
content: '\F1BE';
}
.mdi-decimal-increase:before {
content: '\F1BF';
}
.mdi-delete:before {
content: '\F1C0';
}
.mdi-delete-circle:before {
content: '\F682';
}
.mdi-delete-empty:before {
content: '\F6CB';
}
.mdi-delete-forever:before {
content: '\F5E8';
}
.mdi-delete-sweep:before {
content: '\F5E9';
}
.mdi-delete-variant:before {
content: '\F1C1';
}
.mdi-delta:before {
content: '\F1C2';
}
.mdi-deskphone:before {
content: '\F1C3';
}
.mdi-desktop-classic:before {
content: '\F7BF';
}
.mdi-desktop-mac:before {
content: '\F1C4';
}
.mdi-desktop-tower:before {
content: '\F1C5';
}
.mdi-details:before {
content: '\F1C6';
}
.mdi-developer-board:before {
content: '\F696';
}
.mdi-deviantart:before {
content: '\F1C7';
}
.mdi-dialpad:before {
content: '\F61C';
}
.mdi-diamond:before {
content: '\F1C8';
}
.mdi-dice-1:before {
content: '\F1CA';
}
.mdi-dice-2:before {
content: '\F1CB';
}
.mdi-dice-3:before {
content: '\F1CC';
}
.mdi-dice-4:before {
content: '\F1CD';
}
.mdi-dice-5:before {
content: '\F1CE';
}
.mdi-dice-6:before {
content: '\F1CF';
}
.mdi-dice-d10:before {
content: '\F76E';
}
.mdi-dice-d20:before {
content: '\F5EA';
}
.mdi-dice-d4:before {
content: '\F5EB';
}
.mdi-dice-d6:before {
content: '\F5EC';
}
.mdi-dice-d8:before {
content: '\F5ED';
}
.mdi-dice-multiple:before {
content: '\F76D';
}
.mdi-dictionary:before {
content: '\F61D';
}
.mdi-dip-switch:before {
content: '\F7C0';
}
.mdi-directions:before {
content: '\F1D0';
}
.mdi-directions-fork:before {
content: '\F641';
}
.mdi-discord:before {
content: '\F66F';
}
.mdi-disk:before {
content: '\F5EE';
}
.mdi-disk-alert:before {
content: '\F1D1';
}
.mdi-disqus:before {
content: '\F1D2';
}
.mdi-disqus-outline:before {
content: '\F1D3';
}
.mdi-division:before {
content: '\F1D4';
}
.mdi-division-box:before {
content: '\F1D5';
}
.mdi-dna:before {
content: '\F683';
}
.mdi-dns:before {
content: '\F1D6';
}
.mdi-do-not-disturb:before {
content: '\F697';
}
.mdi-do-not-disturb-off:before {
content: '\F698';
}
.mdi-dolby:before {
content: '\F6B2';
}
.mdi-domain:before {
content: '\F1D7';
}
.mdi-donkey:before {
content: '\F7C1';
}
.mdi-dots-horizontal:before {
content: '\F1D8';
}
.mdi-dots-horizontal-circle:before {
content: '\F7C2';
}
.mdi-dots-vertical:before {
content: '\F1D9';
}
.mdi-dots-vertical-circle:before {
content: '\F7C3';
}
.mdi-douban:before {
content: '\F699';
}
.mdi-download:before {
content: '\F1DA';
}
.mdi-download-network:before {
content: '\F6F3';
}
.mdi-drag:before {
content: '\F1DB';
}
.mdi-drag-horizontal:before {
content: '\F1DC';
}
.mdi-drag-vertical:before {
content: '\F1DD';
}
.mdi-drawing:before {
content: '\F1DE';
}
.mdi-drawing-box:before {
content: '\F1DF';
}
.mdi-dribbble:before {
content: '\F1E0';
}
.mdi-dribbble-box:before {
content: '\F1E1';
}
.mdi-drone:before {
content: '\F1E2';
}
.mdi-dropbox:before {
content: '\F1E3';
}
.mdi-drupal:before {
content: '\F1E4';
}
.mdi-duck:before {
content: '\F1E5';
}
.mdi-dumbbell:before {
content: '\F1E6';
}
.mdi-ear-hearing:before {
content: '\F7C4';
}
.mdi-earth:before {
content: '\F1E7';
}
.mdi-earth-box:before {
content: '\F6CC';
}
.mdi-earth-box-off:before {
content: '\F6CD';
}
.mdi-earth-off:before {
content: '\F1E8';
}
.mdi-edge:before {
content: '\F1E9';
}
.mdi-eject:before {
content: '\F1EA';
}
.mdi-elephant:before {
content: '\F7C5';
}
.mdi-elevation-decline:before {
content: '\F1EB';
}
.mdi-elevation-rise:before {
content: '\F1EC';
}
.mdi-elevator:before {
content: '\F1ED';
}
.mdi-email:before {
content: '\F1EE';
}
.mdi-email-alert:before {
content: '\F6CE';
}
.mdi-email-open:before {
content: '\F1EF';
}
.mdi-email-open-outline:before {
content: '\F5EF';
}
.mdi-email-outline:before {
content: '\F1F0';
}
.mdi-email-secure:before {
content: '\F1F1';
}
.mdi-email-variant:before {
content: '\F5F0';
}
.mdi-emby:before {
content: '\F6B3';
}
.mdi-emoticon:before {
content: '\F1F2';
}
.mdi-emoticon-cool:before {
content: '\F1F3';
}
.mdi-emoticon-dead:before {
content: '\F69A';
}
.mdi-emoticon-devil:before {
content: '\F1F4';
}
.mdi-emoticon-excited:before {
content: '\F69B';
}
.mdi-emoticon-happy:before {
content: '\F1F5';
}
.mdi-emoticon-neutral:before {
content: '\F1F6';
}
.mdi-emoticon-poop:before {
content: '\F1F7';
}
.mdi-emoticon-sad:before {
content: '\F1F8';
}
.mdi-emoticon-tongue:before {
content: '\F1F9';
}
.mdi-engine:before {
content: '\F1FA';
}
.mdi-engine-outline:before {
content: '\F1FB';
}
.mdi-equal:before {
content: '\F1FC';
}
.mdi-equal-box:before {
content: '\F1FD';
}
.mdi-eraser:before {
content: '\F1FE';
}
.mdi-eraser-variant:before {
content: '\F642';
}
.mdi-escalator:before {
content: '\F1FF';
}
.mdi-ethernet:before {
content: '\F200';
}
.mdi-ethernet-cable:before {
content: '\F201';
}
.mdi-ethernet-cable-off:before {
content: '\F202';
}
.mdi-etsy:before {
content: '\F203';
}
.mdi-ev-station:before {
content: '\F5F1';
}
.mdi-eventbrite:before {
content: '\F7C6';
}
.mdi-evernote:before {
content: '\F204';
}
.mdi-exclamation:before {
content: '\F205';
}
.mdi-exit-to-app:before {
content: '\F206';
}
.mdi-export:before {
content: '\F207';
}
.mdi-eye:before {
content: '\F208';
}
.mdi-eye-off:before {
content: '\F209';
}
.mdi-eye-off-outline:before {
content: '\F6D0';
}
.mdi-eye-outline:before {
content: '\F6CF';
}
.mdi-eyedropper:before {
content: '\F20A';
}
.mdi-eyedropper-variant:before {
content: '\F20B';
}
.mdi-face:before {
content: '\F643';
}
.mdi-face-profile:before {
content: '\F644';
}
.mdi-facebook:before {
content: '\F20C';
}
.mdi-facebook-box:before {
content: '\F20D';
}
.mdi-facebook-messenger:before {
content: '\F20E';
}
.mdi-factory:before {
content: '\F20F';
}
.mdi-fan:before {
content: '\F210';
}
.mdi-fast-forward:before {
content: '\F211';
}
.mdi-fast-forward-outline:before {
content: '\F6D1';
}
.mdi-fax:before {
content: '\F212';
}
.mdi-feather:before {
content: '\F6D2';
}
.mdi-ferry:before {
content: '\F213';
}
.mdi-file:before {
content: '\F214';
}
.mdi-file-account:before {
content: '\F73A';
}
.mdi-file-chart:before {
content: '\F215';
}
.mdi-file-check:before {
content: '\F216';
}
.mdi-file-cloud:before {
content: '\F217';
}
.mdi-file-delimited:before {
content: '\F218';
}
.mdi-file-document:before {
content: '\F219';
}
.mdi-file-document-box:before {
content: '\F21A';
}
.mdi-file-excel:before {
content: '\F21B';
}
.mdi-file-excel-box:before {
content: '\F21C';
}
.mdi-file-export:before {
content: '\F21D';
}
.mdi-file-find:before {
content: '\F21E';
}
.mdi-file-hidden:before {
content: '\F613';
}
.mdi-file-image:before {
content: '\F21F';
}
.mdi-file-import:before {
content: '\F220';
}
.mdi-file-lock:before {
content: '\F221';
}
.mdi-file-multiple:before {
content: '\F222';
}
.mdi-file-music:before {
content: '\F223';
}
.mdi-file-outline:before {
content: '\F224';
}
.mdi-file-pdf:before {
content: '\F225';
}
.mdi-file-pdf-box:before {
content: '\F226';
}
.mdi-file-plus:before {
content: '\F751';
}
.mdi-file-powerpoint:before {
content: '\F227';
}
.mdi-file-powerpoint-box:before {
content: '\F228';
}
.mdi-file-presentation-box:before {
content: '\F229';
}
.mdi-file-restore:before {
content: '\F670';
}
.mdi-file-send:before {
content: '\F22A';
}
.mdi-file-tree:before {
content: '\F645';
}
.mdi-file-video:before {
content: '\F22B';
}
.mdi-file-word:before {
content: '\F22C';
}
.mdi-file-word-box:before {
content: '\F22D';
}
.mdi-file-xml:before {
content: '\F22E';
}
.mdi-film:before {
content: '\F22F';
}
.mdi-filmstrip:before {
content: '\F230';
}
.mdi-filmstrip-off:before {
content: '\F231';
}
.mdi-filter:before {
content: '\F232';
}
.mdi-filter-outline:before {
content: '\F233';
}
.mdi-filter-remove:before {
content: '\F234';
}
.mdi-filter-remove-outline:before {
content: '\F235';
}
.mdi-filter-variant:before {
content: '\F236';
}
.mdi-find-replace:before {
content: '\F6D3';
}
.mdi-fingerprint:before {
content: '\F237';
}
.mdi-fire:before {
content: '\F238';
}
.mdi-firefox:before {
content: '\F239';
}
.mdi-fish:before {
content: '\F23A';
}
.mdi-flag:before {
content: '\F23B';
}
.mdi-flag-checkered:before {
content: '\F23C';
}
.mdi-flag-outline:before {
content: '\F23D';
}
.mdi-flag-outline-variant:before {
content: '\F23E';
}
.mdi-flag-triangle:before {
content: '\F23F';
}
.mdi-flag-variant:before {
content: '\F240';
}
.mdi-flash:before {
content: '\F241';
}
.mdi-flash-auto:before {
content: '\F242';
}
.mdi-flash-off:before {
content: '\F243';
}
.mdi-flash-outline:before {
content: '\F6D4';
}
.mdi-flash-red-eye:before {
content: '\F67A';
}
.mdi-flashlight:before {
content: '\F244';
}
.mdi-flashlight-off:before {
content: '\F245';
}
.mdi-flask:before {
content: '\F093';
}
.mdi-flask-empty:before {
content: '\F094';
}
.mdi-flask-empty-outline:before {
content: '\F095';
}
.mdi-flask-outline:before {
content: '\F096';
}
.mdi-flattr:before {
content: '\F246';
}
.mdi-flip-to-back:before {
content: '\F247';
}
.mdi-flip-to-front:before {
content: '\F248';
}
.mdi-floppy:before {
content: '\F249';
}
.mdi-flower:before {
content: '\F24A';
}
.mdi-folder:before {
content: '\F24B';
}
.mdi-folder-account:before {
content: '\F24C';
}
.mdi-folder-download:before {
content: '\F24D';
}
.mdi-folder-google-drive:before {
content: '\F24E';
}
.mdi-folder-image:before {
content: '\F24F';
}
.mdi-folder-lock:before {
content: '\F250';
}
.mdi-folder-lock-open:before {
content: '\F251';
}
.mdi-folder-move:before {
content: '\F252';
}
.mdi-folder-multiple:before {
content: '\F253';
}
.mdi-folder-multiple-image:before {
content: '\F254';
}
.mdi-folder-multiple-outline:before {
content: '\F255';
}
.mdi-folder-open:before {
content: '\F76F';
}
.mdi-folder-outline:before {
content: '\F256';
}
.mdi-folder-plus:before {
content: '\F257';
}
.mdi-folder-remove:before {
content: '\F258';
}
.mdi-folder-star:before {
content: '\F69C';
}
.mdi-folder-upload:before {
content: '\F259';
}
.mdi-font-awesome:before {
content: '\F03A';
}
.mdi-food:before {
content: '\F25A';
}
.mdi-food-apple:before {
content: '\F25B';
}
.mdi-food-croissant:before {
content: '\F7C7';
}
.mdi-food-fork-drink:before {
content: '\F5F2';
}
.mdi-food-off:before {
content: '\F5F3';
}
.mdi-food-variant:before {
content: '\F25C';
}
.mdi-football:before {
content: '\F25D';
}
.mdi-football-australian:before {
content: '\F25E';
}
.mdi-football-helmet:before {
content: '\F25F';
}
.mdi-forklift:before {
content: '\F7C8';
}
.mdi-format-align-bottom:before {
content: '\F752';
}
.mdi-format-align-center:before {
content: '\F260';
}
.mdi-format-align-justify:before {
content: '\F261';
}
.mdi-format-align-left:before {
content: '\F262';
}
.mdi-format-align-middle:before {
content: '\F753';
}
.mdi-format-align-right:before {
content: '\F263';
}
.mdi-format-align-top:before {
content: '\F754';
}
.mdi-format-annotation-plus:before {
content: '\F646';
}
.mdi-format-bold:before {
content: '\F264';
}
.mdi-format-clear:before {
content: '\F265';
}
.mdi-format-color-fill:before {
content: '\F266';
}
.mdi-format-color-text:before {
content: '\F69D';
}
.mdi-format-float-center:before {
content: '\F267';
}
.mdi-format-float-left:before {
content: '\F268';
}
.mdi-format-float-none:before {
content: '\F269';
}
.mdi-format-float-right:before {
content: '\F26A';
}
.mdi-format-font:before {
content: '\F6D5';
}
.mdi-format-header-1:before {
content: '\F26B';
}
.mdi-format-header-2:before {
content: '\F26C';
}
.mdi-format-header-3:before {
content: '\F26D';
}
.mdi-format-header-4:before {
content: '\F26E';
}
.mdi-format-header-5:before {
content: '\F26F';
}
.mdi-format-header-6:before {
content: '\F270';
}
.mdi-format-header-decrease:before {
content: '\F271';
}
.mdi-format-header-equal:before {
content: '\F272';
}
.mdi-format-header-increase:before {
content: '\F273';
}
.mdi-format-header-pound:before {
content: '\F274';
}
.mdi-format-horizontal-align-center:before {
content: '\F61E';
}
.mdi-format-horizontal-align-left:before {
content: '\F61F';
}
.mdi-format-horizontal-align-right:before {
content: '\F620';
}
.mdi-format-indent-decrease:before {
content: '\F275';
}
.mdi-format-indent-increase:before {
content: '\F276';
}
.mdi-format-italic:before {
content: '\F277';
}
.mdi-format-line-spacing:before {
content: '\F278';
}
.mdi-format-line-style:before {
content: '\F5C8';
}
.mdi-format-line-weight:before {
content: '\F5C9';
}
.mdi-format-list-bulleted:before {
content: '\F279';
}
.mdi-format-list-bulleted-type:before {
content: '\F27A';
}
.mdi-format-list-checks:before {
content: '\F755';
}
.mdi-format-list-numbers:before {
content: '\F27B';
}
.mdi-format-page-break:before {
content: '\F6D6';
}
.mdi-format-paint:before {
content: '\F27C';
}
.mdi-format-paragraph:before {
content: '\F27D';
}
.mdi-format-pilcrow:before {
content: '\F6D7';
}
.mdi-format-quote-close:before {
content: '\F27E';
}
.mdi-format-quote-open:before {
content: '\F756';
}
.mdi-format-rotate-90:before {
content: '\F6A9';
}
.mdi-format-section:before {
content: '\F69E';
}
.mdi-format-size:before {
content: '\F27F';
}
.mdi-format-strikethrough:before {
content: '\F280';
}
.mdi-format-strikethrough-variant:before {
content: '\F281';
}
.mdi-format-subscript:before {
content: '\F282';
}
.mdi-format-superscript:before {
content: '\F283';
}
.mdi-format-text:before {
content: '\F284';
}
.mdi-format-textdirection-l-to-r:before {
content: '\F285';
}
.mdi-format-textdirection-r-to-l:before {
content: '\F286';
}
.mdi-format-title:before {
content: '\F5F4';
}
.mdi-format-underline:before {
content: '\F287';
}
.mdi-format-vertical-align-bottom:before {
content: '\F621';
}
.mdi-format-vertical-align-center:before {
content: '\F622';
}
.mdi-format-vertical-align-top:before {
content: '\F623';
}
.mdi-format-wrap-inline:before {
content: '\F288';
}
.mdi-format-wrap-square:before {
content: '\F289';
}
.mdi-format-wrap-tight:before {
content: '\F28A';
}
.mdi-format-wrap-top-bottom:before {
content: '\F28B';
}
.mdi-forum:before {
content: '\F28C';
}
.mdi-forward:before {
content: '\F28D';
}
.mdi-foursquare:before {
content: '\F28E';
}
.mdi-fridge:before {
content: '\F28F';
}
.mdi-fridge-filled:before {
content: '\F290';
}
.mdi-fridge-filled-bottom:before {
content: '\F291';
}
.mdi-fridge-filled-top:before {
content: '\F292';
}
.mdi-fuel:before {
content: '\F7C9';
}
.mdi-fullscreen:before {
content: '\F293';
}
.mdi-fullscreen-exit:before {
content: '\F294';
}
.mdi-function:before {
content: '\F295';
}
.mdi-gamepad:before {
content: '\F296';
}
.mdi-gamepad-variant:before {
content: '\F297';
}
.mdi-garage:before {
content: '\F6D8';
}
.mdi-garage-open:before {
content: '\F6D9';
}
.mdi-gas-cylinder:before {
content: '\F647';
}
.mdi-gas-station:before {
content: '\F298';
}
.mdi-gate:before {
content: '\F299';
}
.mdi-gauge:before {
content: '\F29A';
}
.mdi-gavel:before {
content: '\F29B';
}
.mdi-gender-female:before {
content: '\F29C';
}
.mdi-gender-male:before {
content: '\F29D';
}
.mdi-gender-male-female:before {
content: '\F29E';
}
.mdi-gender-transgender:before {
content: '\F29F';
}
.mdi-gesture:before {
content: '\F7CA';
}
.mdi-gesture-double-tap:before {
content: '\F73B';
}
.mdi-gesture-swipe-down:before {
content: '\F73C';
}
.mdi-gesture-swipe-left:before {
content: '\F73D';
}
.mdi-gesture-swipe-right:before {
content: '\F73E';
}
.mdi-gesture-swipe-up:before {
content: '\F73F';
}
.mdi-gesture-tap:before {
content: '\F740';
}
.mdi-gesture-two-double-tap:before {
content: '\F741';
}
.mdi-gesture-two-tap:before {
content: '\F742';
}
.mdi-ghost:before {
content: '\F2A0';
}
.mdi-gift:before {
content: '\F2A1';
}
.mdi-git:before {
content: '\F2A2';
}
.mdi-github-box:before {
content: '\F2A3';
}
.mdi-github-circle:before {
content: '\F2A4';
}
.mdi-github-face:before {
content: '\F6DA';
}
.mdi-glass-flute:before {
content: '\F2A5';
}
.mdi-glass-mug:before {
content: '\F2A6';
}
.mdi-glass-stange:before {
content: '\F2A7';
}
.mdi-glass-tulip:before {
content: '\F2A8';
}
.mdi-glassdoor:before {
content: '\F2A9';
}
.mdi-glasses:before {
content: '\F2AA';
}
.mdi-gmail:before {
content: '\F2AB';
}
.mdi-gnome:before {
content: '\F2AC';
}
.mdi-gondola:before {
content: '\F685';
}
.mdi-google:before {
content: '\F2AD';
}
.mdi-google-analytics:before {
content: '\F7CB';
}
.mdi-google-assistant:before {
content: '\F7CC';
}
.mdi-google-cardboard:before {
content: '\F2AE';
}
.mdi-google-chrome:before {
content: '\F2AF';
}
.mdi-google-circles:before {
content: '\F2B0';
}
.mdi-google-circles-communities:before {
content: '\F2B1';
}
.mdi-google-circles-extended:before {
content: '\F2B2';
}
.mdi-google-circles-group:before {
content: '\F2B3';
}
.mdi-google-controller:before {
content: '\F2B4';
}
.mdi-google-controller-off:before {
content: '\F2B5';
}
.mdi-google-drive:before {
content: '\F2B6';
}
.mdi-google-earth:before {
content: '\F2B7';
}
.mdi-google-glass:before {
content: '\F2B8';
}
.mdi-google-keep:before {
content: '\F6DB';
}
.mdi-google-maps:before {
content: '\F5F5';
}
.mdi-google-nearby:before {
content: '\F2B9';
}
.mdi-google-pages:before {
content: '\F2BA';
}
.mdi-google-photos:before {
content: '\F6DC';
}
.mdi-google-physical-web:before {
content: '\F2BB';
}
.mdi-google-play:before {
content: '\F2BC';
}
.mdi-google-plus:before {
content: '\F2BD';
}
.mdi-google-plus-box:before {
content: '\F2BE';
}
.mdi-google-translate:before {
content: '\F2BF';
}
.mdi-google-wallet:before {
content: '\F2C0';
}
.mdi-gradient:before {
content: '\F69F';
}
.mdi-grease-pencil:before {
content: '\F648';
}
.mdi-grid:before {
content: '\F2C1';
}
.mdi-grid-large:before {
content: '\F757';
}
.mdi-grid-off:before {
content: '\F2C2';
}
.mdi-group:before {
content: '\F2C3';
}
.mdi-guitar-acoustic:before {
content: '\F770';
}
.mdi-guitar-electric:before {
content: '\F2C4';
}
.mdi-guitar-pick:before {
content: '\F2C5';
}
.mdi-guitar-pick-outline:before {
content: '\F2C6';
}
.mdi-hackernews:before {
content: '\F624';
}
.mdi-hamburger:before {
content: '\F684';
}
.mdi-hand-pointing-right:before {
content: '\F2C7';
}
.mdi-hanger:before {
content: '\F2C8';
}
.mdi-hangouts:before {
content: '\F2C9';
}
.mdi-harddisk:before {
content: '\F2CA';
}
.mdi-headphones:before {
content: '\F2CB';
}
.mdi-headphones-box:before {
content: '\F2CC';
}
.mdi-headphones-off:before {
content: '\F7CD';
}
.mdi-headphones-settings:before {
content: '\F2CD';
}
.mdi-headset:before {
content: '\F2CE';
}
.mdi-headset-dock:before {
content: '\F2CF';
}
.mdi-headset-off:before {
content: '\F2D0';
}
.mdi-heart:before {
content: '\F2D1';
}
.mdi-heart-box:before {
content: '\F2D2';
}
.mdi-heart-box-outline:before {
content: '\F2D3';
}
.mdi-heart-broken:before {
content: '\F2D4';
}
.mdi-heart-half:before {
content: '\F6DE';
}
.mdi-heart-half-full:before {
content: '\F6DD';
}
.mdi-heart-half-outline:before {
content: '\F6DF';
}
.mdi-heart-off:before {
content: '\F758';
}
.mdi-heart-outline:before {
content: '\F2D5';
}
.mdi-heart-pulse:before {
content: '\F5F6';
}
.mdi-help:before {
content: '\F2D6';
}
.mdi-help-box:before {
content: '\F78A';
}
.mdi-help-circle:before {
content: '\F2D7';
}
.mdi-help-circle-outline:before {
content: '\F625';
}
.mdi-help-network:before {
content: '\F6F4';
}
.mdi-hexagon:before {
content: '\F2D8';
}
.mdi-hexagon-multiple:before {
content: '\F6E0';
}
.mdi-hexagon-outline:before {
content: '\F2D9';
}
.mdi-high-definition:before {
content: '\F7CE';
}
.mdi-highway:before {
content: '\F5F7';
}
.mdi-history:before {
content: '\F2DA';
}
.mdi-hololens:before {
content: '\F2DB';
}
.mdi-home:before {
content: '\F2DC';
}
.mdi-home-assistant:before {
content: '\F7CF';
}
.mdi-home-automation:before {
content: '\F7D0';
}
.mdi-home-circle:before {
content: '\F7D1';
}
.mdi-home-map-marker:before {
content: '\F5F8';
}
.mdi-home-modern:before {
content: '\F2DD';
}
.mdi-home-outline:before {
content: '\F6A0';
}
.mdi-home-variant:before {
content: '\F2DE';
}
.mdi-hook:before {
content: '\F6E1';
}
.mdi-hook-off:before {
content: '\F6E2';
}
.mdi-hops:before {
content: '\F2DF';
}
.mdi-hospital:before {
content: '\F2E0';
}
.mdi-hospital-building:before {
content: '\F2E1';
}
.mdi-hospital-marker:before {
content: '\F2E2';
}
.mdi-hotel:before {
content: '\F2E3';
}
.mdi-houzz:before {
content: '\F2E4';
}
.mdi-houzz-box:before {
content: '\F2E5';
}
.mdi-human:before {
content: '\F2E6';
}
.mdi-human-child:before {
content: '\F2E7';
}
.mdi-human-female:before {
content: '\F649';
}
.mdi-human-greeting:before {
content: '\F64A';
}
.mdi-human-handsdown:before {
content: '\F64B';
}
.mdi-human-handsup:before {
content: '\F64C';
}
.mdi-human-male:before {
content: '\F64D';
}
.mdi-human-male-female:before {
content: '\F2E8';
}
.mdi-human-pregnant:before {
content: '\F5CF';
}
.mdi-humble-bundle:before {
content: '\F743';
}
.mdi-image:before {
content: '\F2E9';
}
.mdi-image-album:before {
content: '\F2EA';
}
.mdi-image-area:before {
content: '\F2EB';
}
.mdi-image-area-close:before {
content: '\F2EC';
}
.mdi-image-broken:before {
content: '\F2ED';
}
.mdi-image-broken-variant:before {
content: '\F2EE';
}
.mdi-image-filter:before {
content: '\F2EF';
}
.mdi-image-filter-black-white:before {
content: '\F2F0';
}
.mdi-image-filter-center-focus:before {
content: '\F2F1';
}
.mdi-image-filter-center-focus-weak:before {
content: '\F2F2';
}
.mdi-image-filter-drama:before {
content: '\F2F3';
}
.mdi-image-filter-frames:before {
content: '\F2F4';
}
.mdi-image-filter-hdr:before {
content: '\F2F5';
}
.mdi-image-filter-none:before {
content: '\F2F6';
}
.mdi-image-filter-tilt-shift:before {
content: '\F2F7';
}
.mdi-image-filter-vintage:before {
content: '\F2F8';
}
.mdi-image-multiple:before {
content: '\F2F9';
}
.mdi-import:before {
content: '\F2FA';
}
.mdi-inbox:before {
content: '\F686';
}
.mdi-inbox-arrow-down:before {
content: '\F2FB';
}
.mdi-inbox-arrow-up:before {
content: '\F3D1';
}
.mdi-incognito:before {
content: '\F5F9';
}
.mdi-infinity:before {
content: '\F6E3';
}
.mdi-information:before {
content: '\F2FC';
}
.mdi-information-outline:before {
content: '\F2FD';
}
.mdi-information-variant:before {
content: '\F64E';
}
.mdi-instagram:before {
content: '\F2FE';
}
.mdi-instapaper:before {
content: '\F2FF';
}
.mdi-internet-explorer:before {
content: '\F300';
}
.mdi-invert-colors:before {
content: '\F301';
}
.mdi-itunes:before {
content: '\F676';
}
.mdi-jeepney:before {
content: '\F302';
}
.mdi-jira:before {
content: '\F303';
}
.mdi-jsfiddle:before {
content: '\F304';
}
.mdi-json:before {
content: '\F626';
}
.mdi-keg:before {
content: '\F305';
}
.mdi-kettle:before {
content: '\F5FA';
}
.mdi-key:before {
content: '\F306';
}
.mdi-key-change:before {
content: '\F307';
}
.mdi-key-minus:before {
content: '\F308';
}
.mdi-key-plus:before {
content: '\F309';
}
.mdi-key-remove:before {
content: '\F30A';
}
.mdi-key-variant:before {
content: '\F30B';
}
.mdi-keyboard:before {
content: '\F30C';
}
.mdi-keyboard-backspace:before {
content: '\F30D';
}
.mdi-keyboard-caps:before {
content: '\F30E';
}
.mdi-keyboard-close:before {
content: '\F30F';
}
.mdi-keyboard-off:before {
content: '\F310';
}
.mdi-keyboard-return:before {
content: '\F311';
}
.mdi-keyboard-tab:before {
content: '\F312';
}
.mdi-keyboard-variant:before {
content: '\F313';
}
.mdi-kickstarter:before {
content: '\F744';
}
.mdi-kodi:before {
content: '\F314';
}
.mdi-label:before {
content: '\F315';
}
.mdi-label-outline:before {
content: '\F316';
}
.mdi-lambda:before {
content: '\F627';
}
.mdi-lamp:before {
content: '\F6B4';
}
.mdi-lan:before {
content: '\F317';
}
.mdi-lan-connect:before {
content: '\F318';
}
.mdi-lan-disconnect:before {
content: '\F319';
}
.mdi-lan-pending:before {
content: '\F31A';
}
.mdi-language-c:before {
content: '\F671';
}
.mdi-language-cpp:before {
content: '\F672';
}
.mdi-language-csharp:before {
content: '\F31B';
}
.mdi-language-css3:before {
content: '\F31C';
}
.mdi-language-go:before {
content: '\F7D2';
}
.mdi-language-html5:before {
content: '\F31D';
}
.mdi-language-javascript:before {
content: '\F31E';
}
.mdi-language-php:before {
content: '\F31F';
}
.mdi-language-python:before {
content: '\F320';
}
.mdi-language-python-text:before {
content: '\F321';
}
.mdi-language-r:before {
content: '\F7D3';
}
.mdi-language-swift:before {
content: '\F6E4';
}
.mdi-language-typescript:before {
content: '\F6E5';
}
.mdi-laptop:before {
content: '\F322';
}
.mdi-laptop-chromebook:before {
content: '\F323';
}
.mdi-laptop-mac:before {
content: '\F324';
}
.mdi-laptop-off:before {
content: '\F6E6';
}
.mdi-laptop-windows:before {
content: '\F325';
}
.mdi-lastfm:before {
content: '\F326';
}
.mdi-launch:before {
content: '\F327';
}
.mdi-lava-lamp:before {
content: '\F7D4';
}
.mdi-layers:before {
content: '\F328';
}
.mdi-layers-off:before {
content: '\F329';
}
.mdi-lead-pencil:before {
content: '\F64F';
}
.mdi-leaf:before {
content: '\F32A';
}
.mdi-led-off:before {
content: '\F32B';
}
.mdi-led-on:before {
content: '\F32C';
}
.mdi-led-outline:before {
content: '\F32D';
}
.mdi-led-strip:before {
content: '\F7D5';
}
.mdi-led-variant-off:before {
content: '\F32E';
}
.mdi-led-variant-on:before {
content: '\F32F';
}
.mdi-led-variant-outline:before {
content: '\F330';
}
.mdi-library:before {
content: '\F331';
}
.mdi-library-books:before {
content: '\F332';
}
.mdi-library-music:before {
content: '\F333';
}
.mdi-library-plus:before {
content: '\F334';
}
.mdi-lightbulb:before {
content: '\F335';
}
.mdi-lightbulb-on:before {
content: '\F6E7';
}
.mdi-lightbulb-on-outline:before {
content: '\F6E8';
}
.mdi-lightbulb-outline:before {
content: '\F336';
}
.mdi-link:before {
content: '\F337';
}
.mdi-link-off:before {
content: '\F338';
}
.mdi-link-variant:before {
content: '\F339';
}
.mdi-link-variant-off:before {
content: '\F33A';
}
.mdi-linkedin:before {
content: '\F33B';
}
.mdi-linkedin-box:before {
content: '\F33C';
}
.mdi-linux:before {
content: '\F33D';
}
.mdi-loading:before {
content: '\F771';
}
.mdi-lock:before {
content: '\F33E';
}
.mdi-lock-open:before {
content: '\F33F';
}
.mdi-lock-open-outline:before {
content: '\F340';
}
.mdi-lock-outline:before {
content: '\F341';
}
.mdi-lock-pattern:before {
content: '\F6E9';
}
.mdi-lock-plus:before {
content: '\F5FB';
}
.mdi-lock-reset:before {
content: '\F772';
}
.mdi-locker:before {
content: '\F7D6';
}
.mdi-locker-multiple:before {
content: '\F7D7';
}
.mdi-login:before {
content: '\F342';
}
.mdi-login-variant:before {
content: '\F5FC';
}
.mdi-logout:before {
content: '\F343';
}
.mdi-logout-variant:before {
content: '\F5FD';
}
.mdi-looks:before {
content: '\F344';
}
.mdi-loop:before {
content: '\F6EA';
}
.mdi-loupe:before {
content: '\F345';
}
.mdi-lumx:before {
content: '\F346';
}
.mdi-magnet:before {
content: '\F347';
}
.mdi-magnet-on:before {
content: '\F348';
}
.mdi-magnify:before {
content: '\F349';
}
.mdi-magnify-minus:before {
content: '\F34A';
}
.mdi-magnify-minus-outline:before {
content: '\F6EB';
}
.mdi-magnify-plus:before {
content: '\F34B';
}
.mdi-magnify-plus-outline:before {
content: '\F6EC';
}
.mdi-mail-ru:before {
content: '\F34C';
}
.mdi-mailbox:before {
content: '\F6ED';
}
.mdi-map:before {
content: '\F34D';
}
.mdi-map-marker:before {
content: '\F34E';
}
.mdi-map-marker-circle:before {
content: '\F34F';
}
.mdi-map-marker-minus:before {
content: '\F650';
}
.mdi-map-marker-multiple:before {
content: '\F350';
}
.mdi-map-marker-off:before {
content: '\F351';
}
.mdi-map-marker-outline:before {
content: '\F7D8';
}
.mdi-map-marker-plus:before {
content: '\F651';
}
.mdi-map-marker-radius:before {
content: '\F352';
}
.mdi-margin:before {
content: '\F353';
}
.mdi-markdown:before {
content: '\F354';
}
.mdi-marker:before {
content: '\F652';
}
.mdi-marker-check:before {
content: '\F355';
}
.mdi-martini:before {
content: '\F356';
}
.mdi-material-ui:before {
content: '\F357';
}
.mdi-math-compass:before {
content: '\F358';
}
.mdi-matrix:before {
content: '\F628';
}
.mdi-maxcdn:before {
content: '\F359';
}
.mdi-medical-bag:before {
content: '\F6EE';
}
.mdi-medium:before {
content: '\F35A';
}
.mdi-memory:before {
content: '\F35B';
}
.mdi-menu:before {
content: '\F35C';
}
.mdi-menu-down:before {
content: '\F35D';
}
.mdi-menu-down-outline:before {
content: '\F6B5';
}
.mdi-menu-left:before {
content: '\F35E';
}
.mdi-menu-right:before {
content: '\F35F';
}
.mdi-menu-up:before {
content: '\F360';
}
.mdi-menu-up-outline:before {
content: '\F6B6';
}
.mdi-message:before {
content: '\F361';
}
.mdi-message-alert:before {
content: '\F362';
}
.mdi-message-bulleted:before {
content: '\F6A1';
}
.mdi-message-bulleted-off:before {
content: '\F6A2';
}
.mdi-message-draw:before {
content: '\F363';
}
.mdi-message-image:before {
content: '\F364';
}
.mdi-message-outline:before {
content: '\F365';
}
.mdi-message-plus:before {
content: '\F653';
}
.mdi-message-processing:before {
content: '\F366';
}
.mdi-message-reply:before {
content: '\F367';
}
.mdi-message-reply-text:before {
content: '\F368';
}
.mdi-message-settings:before {
content: '\F6EF';
}
.mdi-message-settings-variant:before {
content: '\F6F0';
}
.mdi-message-text:before {
content: '\F369';
}
.mdi-message-text-outline:before {
content: '\F36A';
}
.mdi-message-video:before {
content: '\F36B';
}
.mdi-meteor:before {
content: '\F629';
}
.mdi-metronome:before {
content: '\F7D9';
}
.mdi-metronome-tick:before {
content: '\F7DA';
}
.mdi-micro-sd:before {
content: '\F7DB';
}
.mdi-microphone:before {
content: '\F36C';
}
.mdi-microphone-off:before {
content: '\F36D';
}
.mdi-microphone-outline:before {
content: '\F36E';
}
.mdi-microphone-settings:before {
content: '\F36F';
}
.mdi-microphone-variant:before {
content: '\F370';
}
.mdi-microphone-variant-off:before {
content: '\F371';
}
.mdi-microscope:before {
content: '\F654';
}
.mdi-microsoft:before {
content: '\F372';
}
.mdi-minecraft:before {
content: '\F373';
}
.mdi-minus:before {
content: '\F374';
}
.mdi-minus-box:before {
content: '\F375';
}
.mdi-minus-box-outline:before {
content: '\F6F1';
}
.mdi-minus-circle:before {
content: '\F376';
}
.mdi-minus-circle-outline:before {
content: '\F377';
}
.mdi-minus-network:before {
content: '\F378';
}
.mdi-mixcloud:before {
content: '\F62A';
}
.mdi-mixer:before {
content: '\F7DC';
}
.mdi-monitor:before {
content: '\F379';
}
.mdi-monitor-multiple:before {
content: '\F37A';
}
.mdi-more:before {
content: '\F37B';
}
.mdi-motorbike:before {
content: '\F37C';
}
.mdi-mouse:before {
content: '\F37D';
}
.mdi-mouse-off:before {
content: '\F37E';
}
.mdi-mouse-variant:before {
content: '\F37F';
}
.mdi-mouse-variant-off:before {
content: '\F380';
}
.mdi-move-resize:before {
content: '\F655';
}
.mdi-move-resize-variant:before {
content: '\F656';
}
.mdi-movie:before {
content: '\F381';
}
.mdi-movie-roll:before {
content: '\F7DD';
}
.mdi-multiplication:before {
content: '\F382';
}
.mdi-multiplication-box:before {
content: '\F383';
}
.mdi-mushroom:before {
content: '\F7DE';
}
.mdi-mushroom-outline:before {
content: '\F7DF';
}
.mdi-music:before {
content: '\F759';
}
.mdi-music-box:before {
content: '\F384';
}
.mdi-music-box-outline:before {
content: '\F385';
}
.mdi-music-circle:before {
content: '\F386';
}
.mdi-music-note:before {
content: '\F387';
}
.mdi-music-note-bluetooth:before {
content: '\F5FE';
}
.mdi-music-note-bluetooth-off:before {
content: '\F5FF';
}
.mdi-music-note-eighth:before {
content: '\F388';
}
.mdi-music-note-half:before {
content: '\F389';
}
.mdi-music-note-off:before {
content: '\F38A';
}
.mdi-music-note-quarter:before {
content: '\F38B';
}
.mdi-music-note-sixteenth:before {
content: '\F38C';
}
.mdi-music-note-whole:before {
content: '\F38D';
}
.mdi-music-off:before {
content: '\F75A';
}
.mdi-nature:before {
content: '\F38E';
}
.mdi-nature-people:before {
content: '\F38F';
}
.mdi-navigation:before {
content: '\F390';
}
.mdi-near-me:before {
content: '\F5CD';
}
.mdi-needle:before {
content: '\F391';
}
.mdi-nest-protect:before {
content: '\F392';
}
.mdi-nest-thermostat:before {
content: '\F393';
}
.mdi-netflix:before {
content: '\F745';
}
.mdi-network:before {
content: '\F6F2';
}
.mdi-new-box:before {
content: '\F394';
}
.mdi-newspaper:before {
content: '\F395';
}
.mdi-nfc:before {
content: '\F396';
}
.mdi-nfc-tap:before {
content: '\F397';
}
.mdi-nfc-variant:before {
content: '\F398';
}
.mdi-ninja:before {
content: '\F773';
}
.mdi-nintendo-switch:before {
content: '\F7E0';
}
.mdi-nodejs:before {
content: '\F399';
}
.mdi-note:before {
content: '\F39A';
}
.mdi-note-multiple:before {
content: '\F6B7';
}
.mdi-note-multiple-outline:before {
content: '\F6B8';
}
.mdi-note-outline:before {
content: '\F39B';
}
.mdi-note-plus:before {
content: '\F39C';
}
.mdi-note-plus-outline:before {
content: '\F39D';
}
.mdi-note-text:before {
content: '\F39E';
}
.mdi-notification-clear-all:before {
content: '\F39F';
}
.mdi-npm:before {
content: '\F6F6';
}
.mdi-nuke:before {
content: '\F6A3';
}
.mdi-null:before {
content: '\F7E1';
}
.mdi-numeric:before {
content: '\F3A0';
}
.mdi-numeric-0-box:before {
content: '\F3A1';
}
.mdi-numeric-0-box-multiple-outline:before {
content: '\F3A2';
}
.mdi-numeric-0-box-outline:before {
content: '\F3A3';
}
.mdi-numeric-1-box:before {
content: '\F3A4';
}
.mdi-numeric-1-box-multiple-outline:before {
content: '\F3A5';
}
.mdi-numeric-1-box-outline:before {
content: '\F3A6';
}
.mdi-numeric-2-box:before {
content: '\F3A7';
}
.mdi-numeric-2-box-multiple-outline:before {
content: '\F3A8';
}
.mdi-numeric-2-box-outline:before {
content: '\F3A9';
}
.mdi-numeric-3-box:before {
content: '\F3AA';
}
.mdi-numeric-3-box-multiple-outline:before {
content: '\F3AB';
}
.mdi-numeric-3-box-outline:before {
content: '\F3AC';
}
.mdi-numeric-4-box:before {
content: '\F3AD';
}
.mdi-numeric-4-box-multiple-outline:before {
content: '\F3AE';
}
.mdi-numeric-4-box-outline:before {
content: '\F3AF';
}
.mdi-numeric-5-box:before {
content: '\F3B0';
}
.mdi-numeric-5-box-multiple-outline:before {
content: '\F3B1';
}
.mdi-numeric-5-box-outline:before {
content: '\F3B2';
}
.mdi-numeric-6-box:before {
content: '\F3B3';
}
.mdi-numeric-6-box-multiple-outline:before {
content: '\F3B4';
}
.mdi-numeric-6-box-outline:before {
content: '\F3B5';
}
.mdi-numeric-7-box:before {
content: '\F3B6';
}
.mdi-numeric-7-box-multiple-outline:before {
content: '\F3B7';
}
.mdi-numeric-7-box-outline:before {
content: '\F3B8';
}
.mdi-numeric-8-box:before {
content: '\F3B9';
}
.mdi-numeric-8-box-multiple-outline:before {
content: '\F3BA';
}
.mdi-numeric-8-box-outline:before {
content: '\F3BB';
}
.mdi-numeric-9-box:before {
content: '\F3BC';
}
.mdi-numeric-9-box-multiple-outline:before {
content: '\F3BD';
}
.mdi-numeric-9-box-outline:before {
content: '\F3BE';
}
.mdi-numeric-9-plus-box:before {
content: '\F3BF';
}
.mdi-numeric-9-plus-box-multiple-outline:before {
content: '\F3C0';
}
.mdi-numeric-9-plus-box-outline:before {
content: '\F3C1';
}
.mdi-nut:before {
content: '\F6F7';
}
.mdi-nutrition:before {
content: '\F3C2';
}
.mdi-oar:before {
content: '\F67B';
}
.mdi-octagon:before {
content: '\F3C3';
}
.mdi-octagon-outline:before {
content: '\F3C4';
}
.mdi-octagram:before {
content: '\F6F8';
}
.mdi-octagram-outline:before {
content: '\F774';
}
.mdi-odnoklassniki:before {
content: '\F3C5';
}
.mdi-office:before {
content: '\F3C6';
}
.mdi-oil:before {
content: '\F3C7';
}
.mdi-oil-temperature:before {
content: '\F3C8';
}
.mdi-omega:before {
content: '\F3C9';
}
.mdi-onedrive:before {
content: '\F3CA';
}
.mdi-onenote:before {
content: '\F746';
}
.mdi-opacity:before {
content: '\F5CC';
}
.mdi-open-in-app:before {
content: '\F3CB';
}
.mdi-open-in-new:before {
content: '\F3CC';
}
.mdi-openid:before {
content: '\F3CD';
}
.mdi-opera:before {
content: '\F3CE';
}
.mdi-orbit:before {
content: '\F018';
}
.mdi-ornament:before {
content: '\F3CF';
}
.mdi-ornament-variant:before {
content: '\F3D0';
}
.mdi-owl:before {
content: '\F3D2';
}
.mdi-package:before {
content: '\F3D3';
}
.mdi-package-down:before {
content: '\F3D4';
}
.mdi-package-up:before {
content: '\F3D5';
}
.mdi-package-variant:before {
content: '\F3D6';
}
.mdi-package-variant-closed:before {
content: '\F3D7';
}
.mdi-page-first:before {
content: '\F600';
}
.mdi-page-last:before {
content: '\F601';
}
.mdi-page-layout-body:before {
content: '\F6F9';
}
.mdi-page-layout-footer:before {
content: '\F6FA';
}
.mdi-page-layout-header:before {
content: '\F6FB';
}
.mdi-page-layout-sidebar-left:before {
content: '\F6FC';
}
.mdi-page-layout-sidebar-right:before {
content: '\F6FD';
}
.mdi-palette:before {
content: '\F3D8';
}
.mdi-palette-advanced:before {
content: '\F3D9';
}
.mdi-panda:before {
content: '\F3DA';
}
.mdi-pandora:before {
content: '\F3DB';
}
.mdi-panorama:before {
content: '\F3DC';
}
.mdi-panorama-fisheye:before {
content: '\F3DD';
}
.mdi-panorama-horizontal:before {
content: '\F3DE';
}
.mdi-panorama-vertical:before {
content: '\F3DF';
}
.mdi-panorama-wide-angle:before {
content: '\F3E0';
}
.mdi-paper-cut-vertical:before {
content: '\F3E1';
}
.mdi-paperclip:before {
content: '\F3E2';
}
.mdi-parking:before {
content: '\F3E3';
}
.mdi-passport:before {
content: '\F7E2';
}
.mdi-pause:before {
content: '\F3E4';
}
.mdi-pause-circle:before {
content: '\F3E5';
}
.mdi-pause-circle-outline:before {
content: '\F3E6';
}
.mdi-pause-octagon:before {
content: '\F3E7';
}
.mdi-pause-octagon-outline:before {
content: '\F3E8';
}
.mdi-paw:before {
content: '\F3E9';
}
.mdi-paw-off:before {
content: '\F657';
}
.mdi-pen:before {
content: '\F3EA';
}
.mdi-pencil:before {
content: '\F3EB';
}
.mdi-pencil-box:before {
content: '\F3EC';
}
.mdi-pencil-box-outline:before {
content: '\F3ED';
}
.mdi-pencil-circle:before {
content: '\F6FE';
}
.mdi-pencil-circle-outline:before {
content: '\F775';
}
.mdi-pencil-lock:before {
content: '\F3EE';
}
.mdi-pencil-off:before {
content: '\F3EF';
}
.mdi-pentagon:before {
content: '\F6FF';
}
.mdi-pentagon-outline:before {
content: '\F700';
}
.mdi-percent:before {
content: '\F3F0';
}
.mdi-periodic-table-co2:before {
content: '\F7E3';
}
.mdi-periscope:before {
content: '\F747';
}
.mdi-pharmacy:before {
content: '\F3F1';
}
.mdi-phone:before {
content: '\F3F2';
}
.mdi-phone-bluetooth:before {
content: '\F3F3';
}
.mdi-phone-classic:before {
content: '\F602';
}
.mdi-phone-forward:before {
content: '\F3F4';
}
.mdi-phone-hangup:before {
content: '\F3F5';
}
.mdi-phone-in-talk:before {
content: '\F3F6';
}
.mdi-phone-incoming:before {
content: '\F3F7';
}
.mdi-phone-locked:before {
content: '\F3F8';
}
.mdi-phone-log:before {
content: '\F3F9';
}
.mdi-phone-minus:before {
content: '\F658';
}
.mdi-phone-missed:before {
content: '\F3FA';
}
.mdi-phone-outgoing:before {
content: '\F3FB';
}
.mdi-phone-paused:before {
content: '\F3FC';
}
.mdi-phone-plus:before {
content: '\F659';
}
.mdi-phone-settings:before {
content: '\F3FD';
}
.mdi-phone-voip:before {
content: '\F3FE';
}
.mdi-pi:before {
content: '\F3FF';
}
.mdi-pi-box:before {
content: '\F400';
}
.mdi-piano:before {
content: '\F67C';
}
.mdi-pig:before {
content: '\F401';
}
.mdi-pill:before {
content: '\F402';
}
.mdi-pillar:before {
content: '\F701';
}
.mdi-pin:before {
content: '\F403';
}
.mdi-pin-off:before {
content: '\F404';
}
.mdi-pine-tree:before {
content: '\F405';
}
.mdi-pine-tree-box:before {
content: '\F406';
}
.mdi-pinterest:before {
content: '\F407';
}
.mdi-pinterest-box:before {
content: '\F408';
}
.mdi-pipe:before {
content: '\F7E4';
}
.mdi-pipe-disconnected:before {
content: '\F7E5';
}
.mdi-pistol:before {
content: '\F702';
}
.mdi-pizza:before {
content: '\F409';
}
.mdi-plane-shield:before {
content: '\F6BA';
}
.mdi-play:before {
content: '\F40A';
}
.mdi-play-box-outline:before {
content: '\F40B';
}
.mdi-play-circle:before {
content: '\F40C';
}
.mdi-play-circle-outline:before {
content: '\F40D';
}
.mdi-play-pause:before {
content: '\F40E';
}
.mdi-play-protected-content:before {
content: '\F40F';
}
.mdi-playlist-check:before {
content: '\F5C7';
}
.mdi-playlist-minus:before {
content: '\F410';
}
.mdi-playlist-play:before {
content: '\F411';
}
.mdi-playlist-plus:before {
content: '\F412';
}
.mdi-playlist-remove:before {
content: '\F413';
}
.mdi-playstation:before {
content: '\F414';
}
.mdi-plex:before {
content: '\F6B9';
}
.mdi-plus:before {
content: '\F415';
}
.mdi-plus-box:before {
content: '\F416';
}
.mdi-plus-box-outline:before {
content: '\F703';
}
.mdi-plus-circle:before {
content: '\F417';
}
.mdi-plus-circle-multiple-outline:before {
content: '\F418';
}
.mdi-plus-circle-outline:before {
content: '\F419';
}
.mdi-plus-network:before {
content: '\F41A';
}
.mdi-plus-one:before {
content: '\F41B';
}
.mdi-plus-outline:before {
content: '\F704';
}
.mdi-pocket:before {
content: '\F41C';
}
.mdi-pokeball:before {
content: '\F41D';
}
.mdi-polaroid:before {
content: '\F41E';
}
.mdi-poll:before {
content: '\F41F';
}
.mdi-poll-box:before {
content: '\F420';
}
.mdi-polymer:before {
content: '\F421';
}
.mdi-pool:before {
content: '\F606';
}
.mdi-popcorn:before {
content: '\F422';
}
.mdi-pot:before {
content: '\F65A';
}
.mdi-pot-mix:before {
content: '\F65B';
}
.mdi-pound:before {
content: '\F423';
}
.mdi-pound-box:before {
content: '\F424';
}
.mdi-power:before {
content: '\F425';
}
.mdi-power-plug:before {
content: '\F6A4';
}
.mdi-power-plug-off:before {
content: '\F6A5';
}
.mdi-power-settings:before {
content: '\F426';
}
.mdi-power-socket:before {
content: '\F427';
}
.mdi-power-socket-eu:before {
content: '\F7E6';
}
.mdi-power-socket-uk:before {
content: '\F7E7';
}
.mdi-power-socket-us:before {
content: '\F7E8';
}
.mdi-prescription:before {
content: '\F705';
}
.mdi-presentation:before {
content: '\F428';
}
.mdi-presentation-play:before {
content: '\F429';
}
.mdi-printer:before {
content: '\F42A';
}
.mdi-printer-3d:before {
content: '\F42B';
}
.mdi-printer-alert:before {
content: '\F42C';
}
.mdi-printer-settings:before {
content: '\F706';
}
.mdi-priority-high:before {
content: '\F603';
}
.mdi-priority-low:before {
content: '\F604';
}
.mdi-professional-hexagon:before {
content: '\F42D';
}
.mdi-projector:before {
content: '\F42E';
}
.mdi-projector-screen:before {
content: '\F42F';
}
.mdi-publish:before {
content: '\F6A6';
}
.mdi-pulse:before {
content: '\F430';
}
.mdi-puzzle:before {
content: '\F431';
}
.mdi-qqchat:before {
content: '\F605';
}
.mdi-qrcode:before {
content: '\F432';
}
.mdi-qrcode-scan:before {
content: '\F433';
}
.mdi-quadcopter:before {
content: '\F434';
}
.mdi-quality-high:before {
content: '\F435';
}
.mdi-quicktime:before {
content: '\F436';
}
.mdi-radar:before {
content: '\F437';
}
.mdi-radiator:before {
content: '\F438';
}
.mdi-radio:before {
content: '\F439';
}
.mdi-radio-handheld:before {
content: '\F43A';
}
.mdi-radio-tower:before {
content: '\F43B';
}
.mdi-radioactive:before {
content: '\F43C';
}
.mdi-radiobox-blank:before {
content: '\F43D';
}
.mdi-radiobox-marked:before {
content: '\F43E';
}
.mdi-raspberrypi:before {
content: '\F43F';
}
.mdi-ray-end:before {
content: '\F440';
}
.mdi-ray-end-arrow:before {
content: '\F441';
}
.mdi-ray-start:before {
content: '\F442';
}
.mdi-ray-start-arrow:before {
content: '\F443';
}
.mdi-ray-start-end:before {
content: '\F444';
}
.mdi-ray-vertex:before {
content: '\F445';
}
.mdi-rdio:before {
content: '\F446';
}
.mdi-react:before {
content: '\F707';
}
.mdi-read:before {
content: '\F447';
}
.mdi-readability:before {
content: '\F448';
}
.mdi-receipt:before {
content: '\F449';
}
.mdi-record:before {
content: '\F44A';
}
.mdi-record-rec:before {
content: '\F44B';
}
.mdi-recycle:before {
content: '\F44C';
}
.mdi-reddit:before {
content: '\F44D';
}
.mdi-redo:before {
content: '\F44E';
}
.mdi-redo-variant:before {
content: '\F44F';
}
.mdi-refresh:before {
content: '\F450';
}
.mdi-regex:before {
content: '\F451';
}
.mdi-relative-scale:before {
content: '\F452';
}
.mdi-reload:before {
content: '\F453';
}
.mdi-remote:before {
content: '\F454';
}
.mdi-rename-box:before {
content: '\F455';
}
.mdi-reorder-horizontal:before {
content: '\F687';
}
.mdi-reorder-vertical:before {
content: '\F688';
}
.mdi-repeat:before {
content: '\F456';
}
.mdi-repeat-off:before {
content: '\F457';
}
.mdi-repeat-once:before {
content: '\F458';
}
.mdi-replay:before {
content: '\F459';
}
.mdi-reply:before {
content: '\F45A';
}
.mdi-reply-all:before {
content: '\F45B';
}
.mdi-reproduction:before {
content: '\F45C';
}
.mdi-resize-bottom-right:before {
content: '\F45D';
}
.mdi-responsive:before {
content: '\F45E';
}
.mdi-restart:before {
content: '\F708';
}
.mdi-restore:before {
content: '\F6A7';
}
.mdi-rewind:before {
content: '\F45F';
}
.mdi-rewind-outline:before {
content: '\F709';
}
.mdi-rhombus:before {
content: '\F70A';
}
.mdi-rhombus-outline:before {
content: '\F70B';
}
.mdi-ribbon:before {
content: '\F460';
}
.mdi-rice:before {
content: '\F7E9';
}
.mdi-ring:before {
content: '\F7EA';
}
.mdi-road:before {
content: '\F461';
}
.mdi-road-variant:before {
content: '\F462';
}
.mdi-robot:before {
content: '\F6A8';
}
.mdi-rocket:before {
content: '\F463';
}
.mdi-roomba:before {
content: '\F70C';
}
.mdi-rotate-3d:before {
content: '\F464';
}
.mdi-rotate-left:before {
content: '\F465';
}
.mdi-rotate-left-variant:before {
content: '\F466';
}
.mdi-rotate-right:before {
content: '\F467';
}
.mdi-rotate-right-variant:before {
content: '\F468';
}
.mdi-rounded-corner:before {
content: '\F607';
}
.mdi-router-wireless:before {
content: '\F469';
}
.mdi-routes:before {
content: '\F46A';
}
.mdi-rowing:before {
content: '\F608';
}
.mdi-rss:before {
content: '\F46B';
}
.mdi-rss-box:before {
content: '\F46C';
}
.mdi-ruler:before {
content: '\F46D';
}
.mdi-run:before {
content: '\F70D';
}
.mdi-run-fast:before {
content: '\F46E';
}
.mdi-sale:before {
content: '\F46F';
}
.mdi-sass:before {
content: '\F7EB';
}
.mdi-satellite:before {
content: '\F470';
}
.mdi-satellite-variant:before {
content: '\F471';
}
.mdi-saxophone:before {
content: '\F609';
}
.mdi-scale:before {
content: '\F472';
}
.mdi-scale-balance:before {
content: '\F5D1';
}
.mdi-scale-bathroom:before {
content: '\F473';
}
.mdi-scanner:before {
content: '\F6AA';
}
.mdi-school:before {
content: '\F474';
}
.mdi-screen-rotation:before {
content: '\F475';
}
.mdi-screen-rotation-lock:before {
content: '\F476';
}
.mdi-screwdriver:before {
content: '\F477';
}
.mdi-script:before {
content: '\F478';
}
.mdi-sd:before {
content: '\F479';
}
.mdi-seal:before {
content: '\F47A';
}
.mdi-search-web:before {
content: '\F70E';
}
.mdi-seat-flat:before {
content: '\F47B';
}
.mdi-seat-flat-angled:before {
content: '\F47C';
}
.mdi-seat-individual-suite:before {
content: '\F47D';
}
.mdi-seat-legroom-extra:before {
content: '\F47E';
}
.mdi-seat-legroom-normal:before {
content: '\F47F';
}
.mdi-seat-legroom-reduced:before {
content: '\F480';
}
.mdi-seat-recline-extra:before {
content: '\F481';
}
.mdi-seat-recline-normal:before {
content: '\F482';
}
.mdi-security:before {
content: '\F483';
}
.mdi-security-home:before {
content: '\F689';
}
.mdi-security-network:before {
content: '\F484';
}
.mdi-select:before {
content: '\F485';
}
.mdi-select-all:before {
content: '\F486';
}
.mdi-select-inverse:before {
content: '\F487';
}
.mdi-select-off:before {
content: '\F488';
}
.mdi-selection:before {
content: '\F489';
}
.mdi-selection-off:before {
content: '\F776';
}
.mdi-send:before {
content: '\F48A';
}
.mdi-send-secure:before {
content: '\F7EC';
}
.mdi-serial-port:before {
content: '\F65C';
}
.mdi-server:before {
content: '\F48B';
}
.mdi-server-minus:before {
content: '\F48C';
}
.mdi-server-network:before {
content: '\F48D';
}
.mdi-server-network-off:before {
content: '\F48E';
}
.mdi-server-off:before {
content: '\F48F';
}
.mdi-server-plus:before {
content: '\F490';
}
.mdi-server-remove:before {
content: '\F491';
}
.mdi-server-security:before {
content: '\F492';
}
.mdi-set-all:before {
content: '\F777';
}
.mdi-set-center:before {
content: '\F778';
}
.mdi-set-center-right:before {
content: '\F779';
}
.mdi-set-left:before {
content: '\F77A';
}
.mdi-set-left-center:before {
content: '\F77B';
}
.mdi-set-left-right:before {
content: '\F77C';
}
.mdi-set-none:before {
content: '\F77D';
}
.mdi-set-right:before {
content: '\F77E';
}
.mdi-settings:before {
content: '\F493';
}
.mdi-settings-box:before {
content: '\F494';
}
.mdi-shape-circle-plus:before {
content: '\F65D';
}
.mdi-shape-plus:before {
content: '\F495';
}
.mdi-shape-polygon-plus:before {
content: '\F65E';
}
.mdi-shape-rectangle-plus:before {
content: '\F65F';
}
.mdi-shape-square-plus:before {
content: '\F660';
}
.mdi-share:before {
content: '\F496';
}
.mdi-share-variant:before {
content: '\F497';
}
.mdi-shield:before {
content: '\F498';
}
.mdi-shield-half-full:before {
content: '\F77F';
}
.mdi-shield-outline:before {
content: '\F499';
}
.mdi-shopping:before {
content: '\F49A';
}
.mdi-shopping-music:before {
content: '\F49B';
}
.mdi-shovel:before {
content: '\F70F';
}
.mdi-shovel-off:before {
content: '\F710';
}
.mdi-shredder:before {
content: '\F49C';
}
.mdi-shuffle:before {
content: '\F49D';
}
.mdi-shuffle-disabled:before {
content: '\F49E';
}
.mdi-shuffle-variant:before {
content: '\F49F';
}
.mdi-sigma:before {
content: '\F4A0';
}
.mdi-sigma-lower:before {
content: '\F62B';
}
.mdi-sign-caution:before {
content: '\F4A1';
}
.mdi-sign-direction:before {
content: '\F780';
}
.mdi-sign-text:before {
content: '\F781';
}
.mdi-signal:before {
content: '\F4A2';
}
.mdi-signal-2g:before {
content: '\F711';
}
.mdi-signal-3g:before {
content: '\F712';
}
.mdi-signal-4g:before {
content: '\F713';
}
.mdi-signal-hspa:before {
content: '\F714';
}
.mdi-signal-hspa-plus:before {
content: '\F715';
}
.mdi-signal-off:before {
content: '\F782';
}
.mdi-signal-variant:before {
content: '\F60A';
}
.mdi-silverware:before {
content: '\F4A3';
}
.mdi-silverware-fork:before {
content: '\F4A4';
}
.mdi-silverware-spoon:before {
content: '\F4A5';
}
.mdi-silverware-variant:before {
content: '\F4A6';
}
.mdi-sim:before {
content: '\F4A7';
}
.mdi-sim-alert:before {
content: '\F4A8';
}
.mdi-sim-off:before {
content: '\F4A9';
}
.mdi-sitemap:before {
content: '\F4AA';
}
.mdi-skip-backward:before {
content: '\F4AB';
}
.mdi-skip-forward:before {
content: '\F4AC';
}
.mdi-skip-next:before {
content: '\F4AD';
}
.mdi-skip-next-circle:before {
content: '\F661';
}
.mdi-skip-next-circle-outline:before {
content: '\F662';
}
.mdi-skip-previous:before {
content: '\F4AE';
}
.mdi-skip-previous-circle:before {
content: '\F663';
}
.mdi-skip-previous-circle-outline:before {
content: '\F664';
}
.mdi-skull:before {
content: '\F68B';
}
.mdi-skype:before {
content: '\F4AF';
}
.mdi-skype-business:before {
content: '\F4B0';
}
.mdi-slack:before {
content: '\F4B1';
}
.mdi-sleep:before {
content: '\F4B2';
}
.mdi-sleep-off:before {
content: '\F4B3';
}
.mdi-smoking:before {
content: '\F4B4';
}
.mdi-smoking-off:before {
content: '\F4B5';
}
.mdi-snapchat:before {
content: '\F4B6';
}
.mdi-snowflake:before {
content: '\F716';
}
.mdi-snowman:before {
content: '\F4B7';
}
.mdi-soccer:before {
content: '\F4B8';
}
.mdi-sofa:before {
content: '\F4B9';
}
.mdi-solid:before {
content: '\F68C';
}
.mdi-sort:before {
content: '\F4BA';
}
.mdi-sort-alphabetical:before {
content: '\F4BB';
}
.mdi-sort-ascending:before {
content: '\F4BC';
}
.mdi-sort-descending:before {
content: '\F4BD';
}
.mdi-sort-numeric:before {
content: '\F4BE';
}
.mdi-sort-variant:before {
content: '\F4BF';
}
.mdi-soundcloud:before {
content: '\F4C0';
}
.mdi-source-branch:before {
content: '\F62C';
}
.mdi-source-commit:before {
content: '\F717';
}
.mdi-source-commit-end:before {
content: '\F718';
}
.mdi-source-commit-end-local:before {
content: '\F719';
}
.mdi-source-commit-local:before {
content: '\F71A';
}
.mdi-source-commit-next-local:before {
content: '\F71B';
}
.mdi-source-commit-start:before {
content: '\F71C';
}
.mdi-source-commit-start-next-local:before {
content: '\F71D';
}
.mdi-source-fork:before {
content: '\F4C1';
}
.mdi-source-merge:before {
content: '\F62D';
}
.mdi-source-pull:before {
content: '\F4C2';
}
.mdi-soy-sauce:before {
content: '\F7ED';
}
.mdi-speaker:before {
content: '\F4C3';
}
.mdi-speaker-off:before {
content: '\F4C4';
}
.mdi-speaker-wireless:before {
content: '\F71E';
}
.mdi-speedometer:before {
content: '\F4C5';
}
.mdi-spellcheck:before {
content: '\F4C6';
}
.mdi-spotify:before {
content: '\F4C7';
}
.mdi-spotlight:before {
content: '\F4C8';
}
.mdi-spotlight-beam:before {
content: '\F4C9';
}
.mdi-spray:before {
content: '\F665';
}
.mdi-square:before {
content: '\F763';
}
.mdi-square-inc:before {
content: '\F4CA';
}
.mdi-square-inc-cash:before {
content: '\F4CB';
}
.mdi-square-outline:before {
content: '\F762';
}
.mdi-square-root:before {
content: '\F783';
}
.mdi-stackexchange:before {
content: '\F60B';
}
.mdi-stackoverflow:before {
content: '\F4CC';
}
.mdi-stadium:before {
content: '\F71F';
}
.mdi-stairs:before {
content: '\F4CD';
}
.mdi-standard-definition:before {
content: '\F7EE';
}
.mdi-star:before {
content: '\F4CE';
}
.mdi-star-circle:before {
content: '\F4CF';
}
.mdi-star-half:before {
content: '\F4D0';
}
.mdi-star-off:before {
content: '\F4D1';
}
.mdi-star-outline:before {
content: '\F4D2';
}
.mdi-steam:before {
content: '\F4D3';
}
.mdi-steering:before {
content: '\F4D4';
}
.mdi-step-backward:before {
content: '\F4D5';
}
.mdi-step-backward-2:before {
content: '\F4D6';
}
.mdi-step-forward:before {
content: '\F4D7';
}
.mdi-step-forward-2:before {
content: '\F4D8';
}
.mdi-stethoscope:before {
content: '\F4D9';
}
.mdi-sticker:before {
content: '\F5D0';
}
.mdi-sticker-emoji:before {
content: '\F784';
}
.mdi-stocking:before {
content: '\F4DA';
}
.mdi-stop:before {
content: '\F4DB';
}
.mdi-stop-circle:before {
content: '\F666';
}
.mdi-stop-circle-outline:before {
content: '\F667';
}
.mdi-store:before {
content: '\F4DC';
}
.mdi-store-24-hour:before {
content: '\F4DD';
}
.mdi-stove:before {
content: '\F4DE';
}
.mdi-subdirectory-arrow-left:before {
content: '\F60C';
}
.mdi-subdirectory-arrow-right:before {
content: '\F60D';
}
.mdi-subway:before {
content: '\F6AB';
}
.mdi-subway-variant:before {
content: '\F4DF';
}
.mdi-summit:before {
content: '\F785';
}
.mdi-sunglasses:before {
content: '\F4E0';
}
.mdi-surround-sound:before {
content: '\F5C5';
}
.mdi-surround-sound-2-0:before {
content: '\F7EF';
}
.mdi-surround-sound-3-1:before {
content: '\F7F0';
}
.mdi-surround-sound-5-1:before {
content: '\F7F1';
}
.mdi-surround-sound-7-1:before {
content: '\F7F2';
}
.mdi-svg:before {
content: '\F720';
}
.mdi-swap-horizontal:before {
content: '\F4E1';
}
.mdi-swap-vertical:before {
content: '\F4E2';
}
.mdi-swim:before {
content: '\F4E3';
}
.mdi-switch:before {
content: '\F4E4';
}
.mdi-sword:before {
content: '\F4E5';
}
.mdi-sword-cross:before {
content: '\F786';
}
.mdi-sync:before {
content: '\F4E6';
}
.mdi-sync-alert:before {
content: '\F4E7';
}
.mdi-sync-off:before {
content: '\F4E8';
}
.mdi-tab:before {
content: '\F4E9';
}
.mdi-tab-plus:before {
content: '\F75B';
}
.mdi-tab-unselected:before {
content: '\F4EA';
}
.mdi-table:before {
content: '\F4EB';
}
.mdi-table-column-plus-after:before {
content: '\F4EC';
}
.mdi-table-column-plus-before:before {
content: '\F4ED';
}
.mdi-table-column-remove:before {
content: '\F4EE';
}
.mdi-table-column-width:before {
content: '\F4EF';
}
.mdi-table-edit:before {
content: '\F4F0';
}
.mdi-table-large:before {
content: '\F4F1';
}
.mdi-table-row-height:before {
content: '\F4F2';
}
.mdi-table-row-plus-after:before {
content: '\F4F3';
}
.mdi-table-row-plus-before:before {
content: '\F4F4';
}
.mdi-table-row-remove:before {
content: '\F4F5';
}
.mdi-tablet:before {
content: '\F4F6';
}
.mdi-tablet-android:before {
content: '\F4F7';
}
.mdi-tablet-ipad:before {
content: '\F4F8';
}
.mdi-taco:before {
content: '\F761';
}
.mdi-tag:before {
content: '\F4F9';
}
.mdi-tag-faces:before {
content: '\F4FA';
}
.mdi-tag-heart:before {
content: '\F68A';
}
.mdi-tag-multiple:before {
content: '\F4FB';
}
.mdi-tag-outline:before {
content: '\F4FC';
}
.mdi-tag-plus:before {
content: '\F721';
}
.mdi-tag-remove:before {
content: '\F722';
}
.mdi-tag-text-outline:before {
content: '\F4FD';
}
.mdi-target:before {
content: '\F4FE';
}
.mdi-taxi:before {
content: '\F4FF';
}
.mdi-teamviewer:before {
content: '\F500';
}
.mdi-telegram:before {
content: '\F501';
}
.mdi-television:before {
content: '\F502';
}
.mdi-television-classic:before {
content: '\F7F3';
}
.mdi-television-guide:before {
content: '\F503';
}
.mdi-temperature-celsius:before {
content: '\F504';
}
.mdi-temperature-fahrenheit:before {
content: '\F505';
}
.mdi-temperature-kelvin:before {
content: '\F506';
}
.mdi-tennis:before {
content: '\F507';
}
.mdi-tent:before {
content: '\F508';
}
.mdi-terrain:before {
content: '\F509';
}
.mdi-test-tube:before {
content: '\F668';
}
.mdi-text-shadow:before {
content: '\F669';
}
.mdi-text-to-speech:before {
content: '\F50A';
}
.mdi-text-to-speech-off:before {
content: '\F50B';
}
.mdi-textbox:before {
content: '\F60E';
}
.mdi-textbox-password:before {
content: '\F7F4';
}
.mdi-texture:before {
content: '\F50C';
}
.mdi-theater:before {
content: '\F50D';
}
.mdi-theme-light-dark:before {
content: '\F50E';
}
.mdi-thermometer:before {
content: '\F50F';
}
.mdi-thermometer-lines:before {
content: '\F510';
}
.mdi-thought-bubble:before {
content: '\F7F5';
}
.mdi-thought-bubble-outline:before {
content: '\F7F6';
}
.mdi-thumb-down:before {
content: '\F511';
}
.mdi-thumb-down-outline:before {
content: '\F512';
}
.mdi-thumb-up:before {
content: '\F513';
}
.mdi-thumb-up-outline:before {
content: '\F514';
}
.mdi-thumbs-up-down:before {
content: '\F515';
}
.mdi-ticket:before {
content: '\F516';
}
.mdi-ticket-account:before {
content: '\F517';
}
.mdi-ticket-confirmation:before {
content: '\F518';
}
.mdi-ticket-percent:before {
content: '\F723';
}
.mdi-tie:before {
content: '\F519';
}
.mdi-tilde:before {
content: '\F724';
}
.mdi-timelapse:before {
content: '\F51A';
}
.mdi-timer:before {
content: '\F51B';
}
.mdi-timer-10:before {
content: '\F51C';
}
.mdi-timer-3:before {
content: '\F51D';
}
.mdi-timer-off:before {
content: '\F51E';
}
.mdi-timer-sand:before {
content: '\F51F';
}
.mdi-timer-sand-empty:before {
content: '\F6AC';
}
.mdi-timer-sand-full:before {
content: '\F78B';
}
.mdi-timetable:before {
content: '\F520';
}
.mdi-toggle-switch:before {
content: '\F521';
}
.mdi-toggle-switch-off:before {
content: '\F522';
}
.mdi-tooltip:before {
content: '\F523';
}
.mdi-tooltip-edit:before {
content: '\F524';
}
.mdi-tooltip-image:before {
content: '\F525';
}
.mdi-tooltip-outline:before {
content: '\F526';
}
.mdi-tooltip-outline-plus:before {
content: '\F527';
}
.mdi-tooltip-text:before {
content: '\F528';
}
.mdi-tooth:before {
content: '\F529';
}
.mdi-tor:before {
content: '\F52A';
}
.mdi-tower-beach:before {
content: '\F680';
}
.mdi-tower-fire:before {
content: '\F681';
}
.mdi-trackpad:before {
content: '\F7F7';
}
.mdi-traffic-light:before {
content: '\F52B';
}
.mdi-train:before {
content: '\F52C';
}
.mdi-tram:before {
content: '\F52D';
}
.mdi-transcribe:before {
content: '\F52E';
}
.mdi-transcribe-close:before {
content: '\F52F';
}
.mdi-transfer:before {
content: '\F530';
}
.mdi-transit-transfer:before {
content: '\F6AD';
}
.mdi-translate:before {
content: '\F5CA';
}
.mdi-treasure-chest:before {
content: '\F725';
}
.mdi-tree:before {
content: '\F531';
}
.mdi-trello:before {
content: '\F532';
}
.mdi-trending-down:before {
content: '\F533';
}
.mdi-trending-neutral:before {
content: '\F534';
}
.mdi-trending-up:before {
content: '\F535';
}
.mdi-triangle:before {
content: '\F536';
}
.mdi-triangle-outline:before {
content: '\F537';
}
.mdi-trophy:before {
content: '\F538';
}
.mdi-trophy-award:before {
content: '\F539';
}
.mdi-trophy-outline:before {
content: '\F53A';
}
.mdi-trophy-variant:before {
content: '\F53B';
}
.mdi-trophy-variant-outline:before {
content: '\F53C';
}
.mdi-truck:before {
content: '\F53D';
}
.mdi-truck-delivery:before {
content: '\F53E';
}
.mdi-truck-fast:before {
content: '\F787';
}
.mdi-truck-trailer:before {
content: '\F726';
}
.mdi-tshirt-crew:before {
content: '\F53F';
}
.mdi-tshirt-v:before {
content: '\F540';
}
.mdi-tumblr:before {
content: '\F541';
}
.mdi-tumblr-reblog:before {
content: '\F542';
}
.mdi-tune:before {
content: '\F62E';
}
.mdi-tune-vertical:before {
content: '\F66A';
}
.mdi-twitch:before {
content: '\F543';
}
.mdi-twitter:before {
content: '\F544';
}
.mdi-twitter-box:before {
content: '\F545';
}
.mdi-twitter-circle:before {
content: '\F546';
}
.mdi-twitter-retweet:before {
content: '\F547';
}
.mdi-uber:before {
content: '\F748';
}
.mdi-ubuntu:before {
content: '\F548';
}
.mdi-ultra-high-definition:before {
content: '\F7F8';
}
.mdi-umbraco:before {
content: '\F549';
}
.mdi-umbrella:before {
content: '\F54A';
}
.mdi-umbrella-outline:before {
content: '\F54B';
}
.mdi-undo:before {
content: '\F54C';
}
.mdi-undo-variant:before {
content: '\F54D';
}
.mdi-unfold-less-horizontal:before {
content: '\F54E';
}
.mdi-unfold-less-vertical:before {
content: '\F75F';
}
.mdi-unfold-more-horizontal:before {
content: '\F54F';
}
.mdi-unfold-more-vertical:before {
content: '\F760';
}
.mdi-ungroup:before {
content: '\F550';
}
.mdi-unity:before {
content: '\F6AE';
}
.mdi-untappd:before {
content: '\F551';
}
.mdi-update:before {
content: '\F6AF';
}
.mdi-upload:before {
content: '\F552';
}
.mdi-upload-network:before {
content: '\F6F5';
}
.mdi-usb:before {
content: '\F553';
}
.mdi-van-passenger:before {
content: '\F7F9';
}
.mdi-van-utility:before {
content: '\F7FA';
}
.mdi-vanish:before {
content: '\F7FB';
}
.mdi-vector-arrange-above:before {
content: '\F554';
}
.mdi-vector-arrange-below:before {
content: '\F555';
}
.mdi-vector-circle:before {
content: '\F556';
}
.mdi-vector-circle-variant:before {
content: '\F557';
}
.mdi-vector-combine:before {
content: '\F558';
}
.mdi-vector-curve:before {
content: '\F559';
}
.mdi-vector-difference:before {
content: '\F55A';
}
.mdi-vector-difference-ab:before {
content: '\F55B';
}
.mdi-vector-difference-ba:before {
content: '\F55C';
}
.mdi-vector-intersection:before {
content: '\F55D';
}
.mdi-vector-line:before {
content: '\F55E';
}
.mdi-vector-point:before {
content: '\F55F';
}
.mdi-vector-polygon:before {
content: '\F560';
}
.mdi-vector-polyline:before {
content: '\F561';
}
.mdi-vector-radius:before {
content: '\F749';
}
.mdi-vector-rectangle:before {
content: '\F5C6';
}
.mdi-vector-selection:before {
content: '\F562';
}
.mdi-vector-square:before {
content: '\F001';
}
.mdi-vector-triangle:before {
content: '\F563';
}
.mdi-vector-union:before {
content: '\F564';
}
.mdi-verified:before {
content: '\F565';
}
.mdi-vibrate:before {
content: '\F566';
}
.mdi-video:before {
content: '\F567';
}
.mdi-video-3d:before {
content: '\F7FC';
}
.mdi-video-off:before {
content: '\F568';
}
.mdi-video-switch:before {
content: '\F569';
}
.mdi-view-agenda:before {
content: '\F56A';
}
.mdi-view-array:before {
content: '\F56B';
}
.mdi-view-carousel:before {
content: '\F56C';
}
.mdi-view-column:before {
content: '\F56D';
}
.mdi-view-dashboard:before {
content: '\F56E';
}
.mdi-view-day:before {
content: '\F56F';
}
.mdi-view-grid:before {
content: '\F570';
}
.mdi-view-headline:before {
content: '\F571';
}
.mdi-view-list:before {
content: '\F572';
}
.mdi-view-module:before {
content: '\F573';
}
.mdi-view-parallel:before {
content: '\F727';
}
.mdi-view-quilt:before {
content: '\F574';
}
.mdi-view-sequential:before {
content: '\F728';
}
.mdi-view-stream:before {
content: '\F575';
}
.mdi-view-week:before {
content: '\F576';
}
.mdi-vimeo:before {
content: '\F577';
}
.mdi-vine:before {
content: '\F578';
}
.mdi-violin:before {
content: '\F60F';
}
.mdi-visualstudio:before {
content: '\F610';
}
.mdi-vk:before {
content: '\F579';
}
.mdi-vk-box:before {
content: '\F57A';
}
.mdi-vk-circle:before {
content: '\F57B';
}
.mdi-vlc:before {
content: '\F57C';
}
.mdi-voice:before {
content: '\F5CB';
}
.mdi-voicemail:before {
content: '\F57D';
}
.mdi-volume-high:before {
content: '\F57E';
}
.mdi-volume-low:before {
content: '\F57F';
}
.mdi-volume-medium:before {
content: '\F580';
}
.mdi-volume-minus:before {
content: '\F75D';
}
.mdi-volume-mute:before {
content: '\F75E';
}
.mdi-volume-off:before {
content: '\F581';
}
.mdi-volume-plus:before {
content: '\F75C';
}
.mdi-vpn:before {
content: '\F582';
}
.mdi-walk:before {
content: '\F583';
}
.mdi-wall:before {
content: '\F7FD';
}
.mdi-wallet:before {
content: '\F584';
}
.mdi-wallet-giftcard:before {
content: '\F585';
}
.mdi-wallet-membership:before {
content: '\F586';
}
.mdi-wallet-travel:before {
content: '\F587';
}
.mdi-wan:before {
content: '\F588';
}
.mdi-washing-machine:before {
content: '\F729';
}
.mdi-watch:before {
content: '\F589';
}
.mdi-watch-export:before {
content: '\F58A';
}
.mdi-watch-import:before {
content: '\F58B';
}
.mdi-watch-vibrate:before {
content: '\F6B0';
}
.mdi-water:before {
content: '\F58C';
}
.mdi-water-off:before {
content: '\F58D';
}
.mdi-water-percent:before {
content: '\F58E';
}
.mdi-water-pump:before {
content: '\F58F';
}
.mdi-watermark:before {
content: '\F612';
}
.mdi-waves:before {
content: '\F78C';
}
.mdi-weather-cloudy:before {
content: '\F590';
}
.mdi-weather-fog:before {
content: '\F591';
}
.mdi-weather-hail:before {
content: '\F592';
}
.mdi-weather-lightning:before {
content: '\F593';
}
.mdi-weather-lightning-rainy:before {
content: '\F67D';
}
.mdi-weather-night:before {
content: '\F594';
}
.mdi-weather-partlycloudy:before {
content: '\F595';
}
.mdi-weather-pouring:before {
content: '\F596';
}
.mdi-weather-rainy:before {
content: '\F597';
}
.mdi-weather-snowy:before {
content: '\F598';
}
.mdi-weather-snowy-rainy:before {
content: '\F67E';
}
.mdi-weather-sunny:before {
content: '\F599';
}
.mdi-weather-sunset:before {
content: '\F59A';
}
.mdi-weather-sunset-down:before {
content: '\F59B';
}
.mdi-weather-sunset-up:before {
content: '\F59C';
}
.mdi-weather-windy:before {
content: '\F59D';
}
.mdi-weather-windy-variant:before {
content: '\F59E';
}
.mdi-web:before {
content: '\F59F';
}
.mdi-webcam:before {
content: '\F5A0';
}
.mdi-webhook:before {
content: '\F62F';
}
.mdi-webpack:before {
content: '\F72A';
}
.mdi-wechat:before {
content: '\F611';
}
.mdi-weight:before {
content: '\F5A1';
}
.mdi-weight-kilogram:before {
content: '\F5A2';
}
.mdi-whatsapp:before {
content: '\F5A3';
}
.mdi-wheelchair-accessibility:before {
content: '\F5A4';
}
.mdi-white-balance-auto:before {
content: '\F5A5';
}
.mdi-white-balance-incandescent:before {
content: '\F5A6';
}
.mdi-white-balance-iridescent:before {
content: '\F5A7';
}
.mdi-white-balance-sunny:before {
content: '\F5A8';
}
.mdi-widgets:before {
content: '\F72B';
}
.mdi-wifi:before {
content: '\F5A9';
}
.mdi-wifi-off:before {
content: '\F5AA';
}
.mdi-wii:before {
content: '\F5AB';
}
.mdi-wiiu:before {
content: '\F72C';
}
.mdi-wikipedia:before {
content: '\F5AC';
}
.mdi-window-close:before {
content: '\F5AD';
}
.mdi-window-closed:before {
content: '\F5AE';
}
.mdi-window-maximize:before {
content: '\F5AF';
}
.mdi-window-minimize:before {
content: '\F5B0';
}
.mdi-window-open:before {
content: '\F5B1';
}
.mdi-window-restore:before {
content: '\F5B2';
}
.mdi-windows:before {
content: '\F5B3';
}
.mdi-wordpress:before {
content: '\F5B4';
}
.mdi-worker:before {
content: '\F5B5';
}
.mdi-wrap:before {
content: '\F5B6';
}
.mdi-wrench:before {
content: '\F5B7';
}
.mdi-wunderlist:before {
content: '\F5B8';
}
.mdi-xaml:before {
content: '\F673';
}
.mdi-xbox:before {
content: '\F5B9';
}
.mdi-xbox-controller:before {
content: '\F5BA';
}
.mdi-xbox-controller-battery-alert:before {
content: '\F74A';
}
.mdi-xbox-controller-battery-empty:before {
content: '\F74B';
}
.mdi-xbox-controller-battery-full:before {
content: '\F74C';
}
.mdi-xbox-controller-battery-low:before {
content: '\F74D';
}
.mdi-xbox-controller-battery-medium:before {
content: '\F74E';
}
.mdi-xbox-controller-battery-unknown:before {
content: '\F74F';
}
.mdi-xbox-controller-off:before {
content: '\F5BB';
}
.mdi-xda:before {
content: '\F5BC';
}
.mdi-xing:before {
content: '\F5BD';
}
.mdi-xing-box:before {
content: '\F5BE';
}
.mdi-xing-circle:before {
content: '\F5BF';
}
.mdi-xml:before {
content: '\F5C0';
}
.mdi-xmpp:before {
content: '\F7FE';
}
.mdi-yammer:before {
content: '\F788';
}
.mdi-yeast:before {
content: '\F5C1';
}
.mdi-yelp:before {
content: '\F5C2';
}
.mdi-yin-yang:before {
content: '\F67F';
}
.mdi-youtube-play:before {
content: '\F5C3';
}
.mdi-zip-box:before {
content: '\F5C4';
}
.mdi-blank:before {
content: '\F68C';
visibility: hidden;
}
@font-face {
font-family: 'simple-line-icons';
src: url('Simple-Line-Icons.eot?v=2.4.0');
src: url('Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'),
url('Simple-Line-Icons.woff2?v=2.4.0') format('woff2'),
url('Simple-Line-Icons.ttf?v=2.4.0') format('truetype'),
url('Simple-Line-Icons.woff?v=2.4.0') format('woff'),
url('Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.si {
font-family: 'simple-line-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.si-user:before {
content: '\e005';
}
.si-people:before {
content: '\e001';
}
.si-user-female:before {
content: '\e000';
}
.si-user-follow:before {
content: '\e002';
}
.si-user-following:before {
content: '\e003';
}
.si-user-unfollow:before {
content: '\e004';
}
.si-login:before {
content: '\e066';
}
.si-logout:before {
content: '\e065';
}
.si-emotsmile:before {
content: '\e021';
}
.si-phone:before {
content: '\e600';
}
.si-call-end:before {
content: '\e048';
}
.si-call-in:before {
content: '\e047';
}
.si-call-out:before {
content: '\e046';
}
.si-map:before {
content: '\e033';
}
.si-location-pin:before {
content: '\e096';
}
.si-direction:before {
content: '\e042';
}
.si-directions:before {
content: '\e041';
}
.si-compass:before {
content: '\e045';
}
.si-layers:before {
content: '\e034';
}
.si-menu:before {
content: '\e601';
}
.si-list:before {
content: '\e067';
}
.si-options-vertical:before {
content: '\e602';
}
.si-options:before {
content: '\e603';
}
.si-arrow-down:before {
content: '\e604';
}
.si-arrow-left:before {
content: '\e605';
}
.si-arrow-right:before {
content: '\e606';
}
.si-arrow-up:before {
content: '\e607';
}
.si-arrow-up-circle:before {
content: '\e078';
}
.si-arrow-left-circle:before {
content: '\e07a';
}
.si-arrow-right-circle:before {
content: '\e079';
}
.si-arrow-down-circle:before {
content: '\e07b';
}
.si-check:before {
content: '\e080';
}
.si-clock:before {
content: '\e081';
}
.si-plus:before {
content: '\e095';
}
.si-minus:before {
content: '\e615';
}
.si-close:before {
content: '\e082';
}
.si-event:before {
content: '\e619';
}
.si-exclamation:before {
content: '\e617';
}
.si-organization:before {
content: '\e616';
}
.si-trophy:before {
content: '\e006';
}
.si-screen-smartphone:before {
content: '\e010';
}
.si-screen-desktop:before {
content: '\e011';
}
.si-plane:before {
content: '\e012';
}
.si-notebook:before {
content: '\e013';
}
.si-mustache:before {
content: '\e014';
}
.si-mouse:before {
content: '\e015';
}
.si-magnet:before {
content: '\e016';
}
.si-energy:before {
content: '\e020';
}
.si-disc:before {
content: '\e022';
}
.si-cursor:before {
content: '\e06e';
}
.si-cursor-move:before {
content: '\e023';
}
.si-crop:before {
content: '\e024';
}
.si-chemistry:before {
content: '\e026';
}
.si-speedometer:before {
content: '\e007';
}
.si-shield:before {
content: '\e00e';
}
.si-screen-tablet:before {
content: '\e00f';
}
.si-magic-wand:before {
content: '\e017';
}
.si-hourglass:before {
content: '\e018';
}
.si-graduation:before {
content: '\e019';
}
.si-ghost:before {
content: '\e01a';
}
.si-game-controller:before {
content: '\e01b';
}
.si-fire:before {
content: '\e01c';
}
.si-eyeglass:before {
content: '\e01d';
}
.si-envelope-open:before {
content: '\e01e';
}
.si-envelope-letter:before {
content: '\e01f';
}
.si-bell:before {
content: '\e027';
}
.si-badge:before {
content: '\e028';
}
.si-anchor:before {
content: '\e029';
}
.si-wallet:before {
content: '\e02a';
}
.si-vector:before {
content: '\e02b';
}
.si-speech:before {
content: '\e02c';
}
.si-puzzle:before {
content: '\e02d';
}
.si-printer:before {
content: '\e02e';
}
.si-present:before {
content: '\e02f';
}
.si-playlist:before {
content: '\e030';
}
.si-pin:before {
content: '\e031';
}
.si-picture:before {
content: '\e032';
}
.si-handbag:before {
content: '\e035';
}
.si-globe-alt:before {
content: '\e036';
}
.si-globe:before {
content: '\e037';
}
.si-folder-alt:before {
content: '\e039';
}
.si-folder:before {
content: '\e089';
}
.si-film:before {
content: '\e03a';
}
.si-feed:before {
content: '\e03b';
}
.si-drop:before {
content: '\e03e';
}
.si-drawer:before {
content: '\e03f';
}
.si-docs:before {
content: '\e040';
}
.si-doc:before {
content: '\e085';
}
.si-diamond:before {
content: '\e043';
}
.si-cup:before {
content: '\e044';
}
.si-calculator:before {
content: '\e049';
}
.si-bubbles:before {
content: '\e04a';
}
.si-briefcase:before {
content: '\e04b';
}
.si-book-open:before {
content: '\e04c';
}
.si-basket-loaded:before {
content: '\e04d';
}
.si-basket:before {
content: '\e04e';
}
.si-bag:before {
content: '\e04f';
}
.si-action-undo:before {
content: '\e050';
}
.si-action-redo:before {
content: '\e051';
}
.si-wrench:before {
content: '\e052';
}
.si-umbrella:before {
content: '\e053';
}
.si-trash:before {
content: '\e054';
}
.si-tag:before {
content: '\e055';
}
.si-support:before {
content: '\e056';
}
.si-frame:before {
content: '\e038';
}
.si-size-fullscreen:before {
content: '\e057';
}
.si-size-actual:before {
content: '\e058';
}
.si-shuffle:before {
content: '\e059';
}
.si-share-alt:before {
content: '\e05a';
}
.si-share:before {
content: '\e05b';
}
.si-rocket:before {
content: '\e05c';
}
.si-question:before {
content: '\e05d';
}
.si-pie-chart:before {
content: '\e05e';
}
.si-pencil:before {
content: '\e05f';
}
.si-note:before {
content: '\e060';
}
.si-loop:before {
content: '\e064';
}
.si-home:before {
content: '\e069';
}
.si-grid:before {
content: '\e06a';
}
.si-graph:before {
content: '\e06b';
}
.si-microphone:before {
content: '\e063';
}
.si-music-tone-alt:before {
content: '\e061';
}
.si-music-tone:before {
content: '\e062';
}
.si-earphones-alt:before {
content: '\e03c';
}
.si-earphones:before {
content: '\e03d';
}
.si-equalizer:before {
content: '\e06c';
}
.si-like:before {
content: '\e068';
}
.si-dislike:before {
content: '\e06d';
}
.si-control-start:before {
content: '\e06f';
}
.si-control-rewind:before {
content: '\e070';
}
.si-control-play:before {
content: '\e071';
}
.si-control-pause:before {
content: '\e072';
}
.si-control-forward:before {
content: '\e073';
}
.si-control-end:before {
content: '\e074';
}
.si-volume-1:before {
content: '\e09f';
}
.si-volume-2:before {
content: '\e0a0';
}
.si-volume-off:before {
content: '\e0a1';
}
.si-calendar:before {
content: '\e075';
}
.si-bulb:before {
content: '\e076';
}
.si-chart:before {
content: '\e077';
}
.si-ban:before {
content: '\e07c';
}
.si-bubble:before {
content: '\e07d';
}
.si-camrecorder:before {
content: '\e07e';
}
.si-camera:before {
content: '\e07f';
}
.si-cloud-download:before {
content: '\e083';
}
.si-cloud-upload:before {
content: '\e084';
}
.si-envelope:before {
content: '\e086';
}
.si-eye:before {
content: '\e087';
}
.si-flag:before {
content: '\e088';
}
.si-heart:before {
content: '\e08a';
}
.si-info:before {
content: '\e08b';
}
.si-key:before {
content: '\e08c';
}
.si-link:before {
content: '\e08d';
}
.si-lock:before {
content: '\e08e';
}
.si-lock-open:before {
content: '\e08f';
}
.si-magnifier:before {
content: '\e090';
}
.si-magnifier-add:before {
content: '\e091';
}
.si-magnifier-remove:before {
content: '\e092';
}
.si-paper-clip:before {
content: '\e093';
}
.si-paper-plane:before {
content: '\e094';
}
.si-power:before {
content: '\e097';
}
.si-refresh:before {
content: '\e098';
}
.si-reload:before {
content: '\e099';
}
.si-settings:before {
content: '\e09a';
}
.si-star:before {
content: '\e09b';
}
.si-symbol-female:before {
content: '\e09c';
}
.si-symbol-male:before {
content: '\e09d';
}
.si-target:before {
content: '\e09e';
}
.si-credit-card:before {
content: '\e025';
}
.si-paypal:before {
content: '\e608';
}
.si-social-tumblr:before {
content: '\e00a';
}
.si-social-twitter:before {
content: '\e009';
}
.si-social-facebook:before {
content: '\e00b';
}
.si-social-instagram:before {
content: '\e609';
}
.si-social-linkedin:before {
content: '\e60a';
}
.si-social-pinterest:before {
content: '\e60b';
}
.si-social-github:before {
content: '\e60c';
}
.si-social-google:before {
content: '\e60d';
}
.si-social-reddit:before {
content: '\e60e';
}
.si-social-skype:before {
content: '\e60f';
}
.si-social-dribbble:before {
content: '\e00d';
}
.si-social-behance:before {
content: '\e610';
}
.si-social-foursqare:before {
content: '\e611';
}
.si-social-soundcloud:before {
content: '\e612';
}
.si-social-spotify:before {
content: '\e613';
}
.si-social-stumbleupon:before {
content: '\e614';
}
.si-social-youtube:before {
content: '\e008';
}
.si-social-dropbox:before {
content: '\e00c';
}
.si-social-vkontakte:before {
content: '\e618';
}
.si-social-steam:before {
content: '\e620';
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('glyphicons-halflings-regular.eot');
src: url('glyphicons-halflings-regular.eot') format('embedded-opentype'),
url('glyphicons-halflings-regular.woff2') format('woff2'), url('glyphicons-halflings-regular.woff') format('woff'),
url('glyphicons-halflings-regular.ttf') format('truetype'),
url('glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: '\2a';
}
.glyphicon-plus:before {
content: '\2b';
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: '\20ac';
}
.glyphicon-minus:before {
content: '\2212';
}
.glyphicon-cloud:before {
content: '\2601';
}
.glyphicon-envelope:before {
content: '\2709';
}
.glyphicon-pencil:before {
content: '\270f';
}
.glyphicon-glass:before {
content: '\e001';
}
.glyphicon-music:before {
content: '\e002';
}
.glyphicon-search:before {
content: '\e003';
}
.glyphicon-heart:before {
content: '\e005';
}
.glyphicon-star:before {
content: '\e006';
}
.glyphicon-star-empty:before {
content: '\e007';
}
.glyphicon-user:before {
content: '\e008';
}
.glyphicon-film:before {
content: '\e009';
}
.glyphicon-th-large:before {
content: '\e010';
}
.glyphicon-th:before {
content: '\e011';
}
.glyphicon-th-list:before {
content: '\e012';
}
.glyphicon-ok:before {
content: '\e013';
}
.glyphicon-remove:before {
content: '\e014';
}
.glyphicon-zoom-in:before {
content: '\e015';
}
.glyphicon-zoom-out:before {
content: '\e016';
}
.glyphicon-off:before {
content: '\e017';
}
.glyphicon-signal:before {
content: '\e018';
}
.glyphicon-cog:before {
content: '\e019';
}
.glyphicon-trash:before {
content: '\e020';
}
.glyphicon-home:before {
content: '\e021';
}
.glyphicon-file:before {
content: '\e022';
}
.glyphicon-time:before {
content: '\e023';
}
.glyphicon-road:before {
content: '\e024';
}
.glyphicon-download-alt:before {
content: '\e025';
}
.glyphicon-download:before {
content: '\e026';
}
.glyphicon-upload:before {
content: '\e027';
}
.glyphicon-inbox:before {
content: '\e028';
}
.glyphicon-play-circle:before {
content: '\e029';
}
.glyphicon-repeat:before {
content: '\e030';
}
.glyphicon-refresh:before {
content: '\e031';
}
.glyphicon-list-alt:before {
content: '\e032';
}
.glyphicon-lock:before {
content: '\e033';
}
.glyphicon-flag:before {
content: '\e034';
}
.glyphicon-headphones:before {
content: '\e035';
}
.glyphicon-volume-off:before {
content: '\e036';
}
.glyphicon-volume-down:before {
content: '\e037';
}
.glyphicon-volume-up:before {
content: '\e038';
}
.glyphicon-qrcode:before {
content: '\e039';
}
.glyphicon-barcode:before {
content: '\e040';
}
.glyphicon-tag:before {
content: '\e041';
}
.glyphicon-tags:before {
content: '\e042';
}
.glyphicon-book:before {
content: '\e043';
}
.glyphicon-bookmark:before {
content: '\e044';
}
.glyphicon-print:before {
content: '\e045';
}
.glyphicon-camera:before {
content: '\e046';
}
.glyphicon-font:before {
content: '\e047';
}
.glyphicon-bold:before {
content: '\e048';
}
.glyphicon-italic:before {
content: '\e049';
}
.glyphicon-text-height:before {
content: '\e050';
}
.glyphicon-text-width:before {
content: '\e051';
}
.glyphicon-align-left:before {
content: '\e052';
}
.glyphicon-align-center:before {
content: '\e053';
}
.glyphicon-align-right:before {
content: '\e054';
}
.glyphicon-align-justify:before {
content: '\e055';
}
.glyphicon-list:before {
content: '\e056';
}
.glyphicon-indent-left:before {
content: '\e057';
}
.glyphicon-indent-right:before {
content: '\e058';
}
.glyphicon-facetime-video:before {
content: '\e059';
}
.glyphicon-picture:before {
content: '\e060';
}
.glyphicon-map-marker:before {
content: '\e062';
}
.glyphicon-adjust:before {
content: '\e063';
}
.glyphicon-tint:before {
content: '\e064';
}
.glyphicon-edit:before {
content: '\e065';
}
.glyphicon-share:before {
content: '\e066';
}
.glyphicon-check:before {
content: '\e067';
}
.glyphicon-move:before {
content: '\e068';
}
.glyphicon-step-backward:before {
content: '\e069';
}
.glyphicon-fast-backward:before {
content: '\e070';
}
.glyphicon-backward:before {
content: '\e071';
}
.glyphicon-play:before {
content: '\e072';
}
.glyphicon-pause:before {
content: '\e073';
}
.glyphicon-stop:before {
content: '\e074';
}
.glyphicon-forward:before {
content: '\e075';
}
.glyphicon-fast-forward:before {
content: '\e076';
}
.glyphicon-step-forward:before {
content: '\e077';
}
.glyphicon-eject:before {
content: '\e078';
}
.glyphicon-chevron-left:before {
content: '\e079';
}
.glyphicon-chevron-right:before {
content: '\e080';
}
.glyphicon-plus-sign:before {
content: '\e081';
}
.glyphicon-minus-sign:before {
content: '\e082';
}
.glyphicon-remove-sign:before {
content: '\e083';
}
.glyphicon-ok-sign:before {
content: '\e084';
}
.glyphicon-question-sign:before {
content: '\e085';
}
.glyphicon-info-sign:before {
content: '\e086';
}
.glyphicon-screenshot:before {
content: '\e087';
}
.glyphicon-remove-circle:before {
content: '\e088';
}
.glyphicon-ok-circle:before {
content: '\e089';
}
.glyphicon-ban-circle:before {
content: '\e090';
}
.glyphicon-arrow-left:before {
content: '\e091';
}
.glyphicon-arrow-right:before {
content: '\e092';
}
.glyphicon-arrow-up:before {
content: '\e093';
}
.glyphicon-arrow-down:before {
content: '\e094';
}
.glyphicon-share-alt:before {
content: '\e095';
}
.glyphicon-resize-full:before {
content: '\e096';
}
.glyphicon-resize-small:before {
content: '\e097';
}
.glyphicon-exclamation-sign:before {
content: '\e101';
}
.glyphicon-gift:before {
content: '\e102';
}
.glyphicon-leaf:before {
content: '\e103';
}
.glyphicon-fire:before {
content: '\e104';
}
.glyphicon-eye-open:before {
content: '\e105';
}
.glyphicon-eye-close:before {
content: '\e106';
}
.glyphicon-warning-sign:before {
content: '\e107';
}
.glyphicon-plane:before {
content: '\e108';
}
.glyphicon-calendar:before {
content: '\e109';
}
.glyphicon-random:before {
content: '\e110';
}
.glyphicon-comment:before {
content: '\e111';
}
.glyphicon-magnet:before {
content: '\e112';
}
.glyphicon-chevron-up:before {
content: '\e113';
}
.glyphicon-chevron-down:before {
content: '\e114';
}
.glyphicon-retweet:before {
content: '\e115';
}
.glyphicon-shopping-cart:before {
content: '\e116';
}
.glyphicon-folder-close:before {
content: '\e117';
}
.glyphicon-folder-open:before {
content: '\e118';
}
.glyphicon-resize-vertical:before {
content: '\e119';
}
.glyphicon-resize-horizontal:before {
content: '\e120';
}
.glyphicon-hdd:before {
content: '\e121';
}
.glyphicon-bullhorn:before {
content: '\e122';
}
.glyphicon-bell:before {
content: '\e123';
}
.glyphicon-certificate:before {
content: '\e124';
}
.glyphicon-thumbs-up:before {
content: '\e125';
}
.glyphicon-thumbs-down:before {
content: '\e126';
}
.glyphicon-hand-right:before {
content: '\e127';
}
.glyphicon-hand-left:before {
content: '\e128';
}
.glyphicon-hand-up:before {
content: '\e129';
}
.glyphicon-hand-down:before {
content: '\e130';
}
.glyphicon-circle-arrow-right:before {
content: '\e131';
}
.glyphicon-circle-arrow-left:before {
content: '\e132';
}
.glyphicon-circle-arrow-up:before {
content: '\e133';
}
.glyphicon-circle-arrow-down:before {
content: '\e134';
}
.glyphicon-globe:before {
content: '\e135';
}
.glyphicon-wrench:before {
content: '\e136';
}
.glyphicon-tasks:before {
content: '\e137';
}
.glyphicon-filter:before {
content: '\e138';
}
.glyphicon-briefcase:before {
content: '\e139';
}
.glyphicon-fullscreen:before {
content: '\e140';
}
.glyphicon-dashboard:before {
content: '\e141';
}
.glyphicon-paperclip:before {
content: '\e142';
}
.glyphicon-heart-empty:before {
content: '\e143';
}
.glyphicon-link:before {
content: '\e144';
}
.glyphicon-phone:before {
content: '\e145';
}
.glyphicon-pushpin:before {
content: '\e146';
}
.glyphicon-usd:before {
content: '\e148';
}
.glyphicon-gbp:before {
content: '\e149';
}
.glyphicon-sort:before {
content: '\e150';
}
.glyphicon-sort-by-alphabet:before {
content: '\e151';
}
.glyphicon-sort-by-alphabet-alt:before {
content: '\e152';
}
.glyphicon-sort-by-order:before {
content: '\e153';
}
.glyphicon-sort-by-order-alt:before {
content: '\e154';
}
.glyphicon-sort-by-attributes:before {
content: '\e155';
}
.glyphicon-sort-by-attributes-alt:before {
content: '\e156';
}
.glyphicon-unchecked:before {
content: '\e157';
}
.glyphicon-expand:before {
content: '\e158';
}
.glyphicon-collapse-down:before {
content: '\e159';
}
.glyphicon-collapse-up:before {
content: '\e160';
}
.glyphicon-log-in:before {
content: '\e161';
}
.glyphicon-flash:before {
content: '\e162';
}
.glyphicon-log-out:before {
content: '\e163';
}
.glyphicon-new-window:before {
content: '\e164';
}
.glyphicon-record:before {
content: '\e165';
}
.glyphicon-save:before {
content: '\e166';
}
.glyphicon-open:before {
content: '\e167';
}
.glyphicon-saved:before {
content: '\e168';
}
.glyphicon-import:before {
content: '\e169';
}
.glyphicon-export:before {
content: '\e170';
}
.glyphicon-send:before {
content: '\e171';
}
.glyphicon-floppy-disk:before {
content: '\e172';
}
.glyphicon-floppy-saved:before {
content: '\e173';
}
.glyphicon-floppy-remove:before {
content: '\e174';
}
.glyphicon-floppy-save:before {
content: '\e175';
}
.glyphicon-floppy-open:before {
content: '\e176';
}
.glyphicon-credit-card:before {
content: '\e177';
}
.glyphicon-transfer:before {
content: '\e178';
}
.glyphicon-cutlery:before {
content: '\e179';
}
.glyphicon-header:before {
content: '\e180';
}
.glyphicon-compressed:before {
content: '\e181';
}
.glyphicon-earphone:before {
content: '\e182';
}
.glyphicon-phone-alt:before {
content: '\e183';
}
.glyphicon-tower:before {
content: '\e184';
}
.glyphicon-stats:before {
content: '\e185';
}
.glyphicon-sd-video:before {
content: '\e186';
}
.glyphicon-hd-video:before {
content: '\e187';
}
.glyphicon-subtitles:before {
content: '\e188';
}
.glyphicon-sound-stereo:before {
content: '\e189';
}
.glyphicon-sound-dolby:before {
content: '\e190';
}
.glyphicon-sound-5-1:before {
content: '\e191';
}
.glyphicon-sound-6-1:before {
content: '\e192';
}
.glyphicon-sound-7-1:before {
content: '\e193';
}
.glyphicon-copyright-mark:before {
content: '\e194';
}
.glyphicon-registration-mark:before {
content: '\e195';
}
.glyphicon-cloud-download:before {
content: '\e197';
}
.glyphicon-cloud-upload:before {
content: '\e198';
}
.glyphicon-tree-conifer:before {
content: '\e199';
}
.glyphicon-tree-deciduous:before {
content: '\e200';
}
.glyphicon-cd:before {
content: '\e201';
}
.glyphicon-save-file:before {
content: '\e202';
}
.glyphicon-open-file:before {
content: '\e203';
}
.glyphicon-level-up:before {
content: '\e204';
}
.glyphicon-copy:before {
content: '\e205';
}
.glyphicon-paste:before {
content: '\e206';
}
.glyphicon-alert:before {
content: '\e209';
}
.glyphicon-equalizer:before {
content: '\e210';
}
.glyphicon-king:before {
content: '\e211';
}
.glyphicon-queen:before {
content: '\e212';
}
.glyphicon-pawn:before {
content: '\e213';
}
.glyphicon-bishop:before {
content: '\e214';
}
.glyphicon-knight:before {
content: '\e215';
}
.glyphicon-baby-formula:before {
content: '\e216';
}
.glyphicon-tent:before {
content: '\26fa';
}
.glyphicon-blackboard:before {
content: '\e218';
}
.glyphicon-bed:before {
content: '\e219';
}
.glyphicon-apple:before {
content: '\f8ff';
}
.glyphicon-erase:before {
content: '\e221';
}
.glyphicon-hourglass:before {
content: '\231b';
}
.glyphicon-lamp:before {
content: '\e223';
}
.glyphicon-duplicate:before {
content: '\e224';
}
.glyphicon-piggy-bank:before {
content: '\e225';
}
.glyphicon-scissors:before {
content: '\e226';
}
.glyphicon-bitcoin:before {
content: '\e227';
}
.glyphicon-btc:before {
content: '\e227';
}
.glyphicon-xbt:before {
content: '\e227';
}
.glyphicon-yen:before {
content: '\00a5';
}
.glyphicon-jpy:before {
content: '\00a5';
}
.glyphicon-ruble:before {
content: '\20bd';
}
.glyphicon-rub:before {
content: '\20bd';
}
.glyphicon-scale:before {
content: '\e230';
}
.glyphicon-ice-lolly:before {
content: '\e231';
}
.glyphicon-ice-lolly-tasted:before {
content: '\e232';
}
.glyphicon-education:before {
content: '\e233';
}
.glyphicon-option-horizontal:before {
content: '\e234';
}
.glyphicon-option-vertical:before {
content: '\e235';
}
.glyphicon-menu-hamburger:before {
content: '\e236';
}
.glyphicon-modal-window:before {
content: '\e237';
}
.glyphicon-oil:before {
content: '\e238';
}
.glyphicon-grain:before {
content: '\e239';
}
.glyphicon-sunglasses:before {
content: '\e240';
}
.glyphicon-text-size:before {
content: '\e241';
}
.glyphicon-text-color:before {
content: '\e242';
}
.glyphicon-text-background:before {
content: '\e243';
}
.glyphicon-object-align-top:before {
content: '\e244';
}
.glyphicon-object-align-bottom:before {
content: '\e245';
}
.glyphicon-object-align-horizontal:before {
content: '\e246';
}
.glyphicon-object-align-left:before {
content: '\e247';
}
.glyphicon-object-align-vertical:before {
content: '\e248';
}
.glyphicon-object-align-right:before {
content: '\e249';
}
.glyphicon-triangle-right:before {
content: '\e250';
}
.glyphicon-triangle-left:before {
content: '\e251';
}
.glyphicon-triangle-bottom:before {
content: '\e252';
}
.glyphicon-triangle-top:before {
content: '\e253';
}
.glyphicon-console:before {
content: '\e254';
}
.glyphicon-superscript:before {
content: '\e255';
}
.glyphicon-subscript:before {
content: '\e256';
}
.glyphicon-menu-left:before {
content: '\e257';
}
.glyphicon-menu-right:before {
content: '\e258';
}
.glyphicon-menu-down:before {
content: '\e259';
}
.glyphicon-menu-up:before {
content: '\e260';
}
/*------------------------------------------------------------------
[Animations Stylesheet]
Project : Rapo - HTML5 Bootstrap Admin Template
Version : V.1
Create Date : 10/03/20
Copyright : Spruko Technologies Private Limited
Author : Spruko
Author URL : https://themeforest.net/user/spruko
Support : support@spruko.com
License : Licensed under ThemeForest License
-------------------------------------------------------------------*/
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
animation-duration: 0.75s;
}
@keyframes bounce {
20%,
53%,
80%,
from,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%,
43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
50%,
from,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from,
to {
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
}
@keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
11.1%,
from,
to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
20%,
40%,
60%,
80%,
from,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
60%,
75%,
90%,
from,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 10%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%,
60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%,
80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
body.default-body {
background: #f2f6f9;
}
body.default-body.dark-mode {
background: #191f48;
}
body.card-shadow.default-body {
background: #eff0f6;
}
body.card-shadow.white-body {
background: #fff;
}
body.white-body {
background: #fff;
}
body.white-body .card {
border: 1px solid #e8eaf7;
}
body.white-body.dark-mode {
background: #10163a;
}
body.white-body.dark-mode .card {
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.card-shadow.light-dark-body {
background: #edf3f7;
}
body.card-shadow.dark-mode {
background: #1c2248;
}
body.card-shadow .header.top-header {
box-shadow: none;
border-bottom: 1px solid #eff0f6;
}
body.card-shadow .horizontalMenucontainer .header.top-header {
box-shadow: none;
border-bottom: 0 solid #eff0f6;
}
body.card-shadow .horizontal-main {
box-shadow: none;
}
body.card-shadow .app-sidebar {
box-shadow: none;
}
body.light-dark-body {
background: #edf3f7;
}
body.light-dark-body.dark-mode {
background: #1c2248;
}
body.light-card .card {
background: #f4f5fc;
}
body.card-shadow {
background: #eff0f6;
}
body.card-shadow .card {
box-shadow: none !important;
}
body.card-radius .card {
border-radius: 0;
}
.default-horizontal .horizontal-main {
background: #fff;
background: #fff;
}
.default-horizontal .hor-icon {
color: #8e98db !important;
fill: #d2d6f1 !important;
}
.default-horizontal .horizontalMenu > .horizontalMenu-list > li > a {
color: #424e79;
border-left: 1px solid #eff0f6;
}
.default-horizontal .horizontalMenu > .horizontalMenu-list > li > a.active {
color: #4454c3;
text-decoration: none;
background: #f4f5fc;
}
.default-horizontal .horizontalMenu > .horizontalMenu-list > li:last-child > a {
border-right: 1px solid #eff0f6;
}
.default-horizontal .horizontalMenu > .horizontalMenu-list > li > a:hover .hor-icon {
color: #4454c3 !important;
fill: #d2d6f1;
}
.default-horizontal .horizontalMenu > .horizontalMenu-list > li > a.active .hor-icon,
.default-horizontal .horizontalMenu > .horizontalMenu-list > li > a:hover {
color: #4454c3 !important;
}
@media only screen and (max-width: 991px) {
.default-horizontal.dark-mode .horizontal-main {
background: #10163a;
}
.default-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list {
background: #fff;
}
.default-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li {
background-color: #fff;
}
.default-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > a {
color: #424e79;
background-color: #fff;
}
.default-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
color: #424e79;
background-color: #fff;
}
.default-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
color: #424e79;
}
.default-horizontal.dark-mode .mega-menubg {
color: #424e79;
background-color: #fff !important;
}
.default-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
color: #424e79;
}
.default-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
color: rgba(0, 0, 0, 0.5);
}
.default-horizontal.light-mode .horizontal-main {
background: #fff;
}
.default-horizontal.light-mode .horizontalMenu > .horizontalMenu-list {
background: #fff;
}
.default-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li {
background-color: #fff;
}
.default-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > a {
color: #424e79;
background-color: #fff;
}
.default-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
color: #424e79;
background-color: #fff;
}
.default-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
color: #424e79;
}
.default-horizontal.light-mode .mega-menubg {
color: #424e79;
background-color: #fff !important;
}
.default-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
color: #424e79;
}
.default-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
color: rgba(0, 0, 0, 0.5);
}
}
.dark-horizontal .horizontalMenu > .horizontalMenu-list > li:hover a .hor-icon {
color: rgba(255, 255, 255, 0.8) !important;
fill: rgba(255, 255, 255, 0.2);
}
.dark-horizontal .horizontal-main {
background: #10163a;
background: #10163a;
}
.dark-horizontal .hor-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.2);
}
.dark-horizontal .horizontalMenu > .horizontalMenu-list > li > a {
color: rgba(255, 255, 255, 0.8);
border-left: 1px solid #202647;
}
.dark-horizontal .horizontalMenu > .horizontalMenu-list > li > a.active {
color: #fff;
text-decoration: none;
background: rgba(255, 255, 255, 0.04);
}
.dark-horizontal .horizontalMenu > .horizontalMenu-list > li:last-child > a {
border-right: 1px solid #202647;
}
.dark-horizontal .horizontalMenu > .horizontalMenu-list > li > a:hover .hor-icon {
color: #fff !important;
fill: rgba(255, 255, 255, 0.5);
}
.dark-horizontal .horizontalMenu > .horizontalMenu-list > li > a.active .hor-icon {
color: #fff !important;
}
.dark-horizontal .horizontalMenu > .horizontalMenu-list > li > a:hover {
color: #fff !important;
}
@media only screen and (max-width: 991px) {
.dark-horizontal.dark-mode .horizontal-main {
background: #10163a;
}
.dark-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list {
background: #10163a;
}
.dark-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li {
background-color: #10163a;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > a {
color: rgba(255, 255, 255, 0.8);
background-color: #10163a;
}
.dark-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
color: rgba(255, 255, 255, 0.8);
background-color: #10163a;
}
.dark-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
color: rgba(255, 255, 255, 0.8);
}
.dark-horizontal.dark-mode .mega-menubg {
color: rgba(255, 255, 255, 0.8);
background-color: #10163a !important;
}
.dark-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
color: rgba(255, 255, 255, 0.8);
}
.dark-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
color: rgba(255, 255, 255, 0.5);
}
.dark-horizontal.light-mode .horizontal-main {
background: #10163a;
}
.dark-horizontal.light-mode .horizontalMenu > .horizontalMenu-list {
background: #10163a;
}
.dark-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li {
background-color: #10163a;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > a {
color: rgba(255, 255, 255, 0.8);
background-color: #10163a;
}
.dark-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
color: rgba(255, 255, 255, 0.8);
background-color: #10163a;
}
.dark-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
color: rgba(255, 255, 255, 0.8);
}
.dark-horizontal.light-mode .mega-menubg {
color: rgba(255, 255, 255, 0.8);
background-color: #10163a !important;
}
.dark-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
color: rgba(255, 255, 255, 0.8);
}
.dark-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
color: rgba(255, 255, 255, 0.5);
}
}
.color-horizontal .horizontalMenu > .horizontalMenu-list > li:hover a .hor-icon {
color: rgba(255, 255, 255, 0.8) !important;
fill: rgba(255, 255, 255, 0.2);
}
.color-horizontal .horizontal-main {
background: #4454c3;
background: #4454c3;
}
.color-horizontal .hor-icon {
color: rgba(255, 255, 255, 0.8) !important;
fill: rgba(255, 255, 255, 0.2);
}
.color-horizontal .horizontalMenu > .horizontalMenu-list > li > a {
color: rgba(255, 255, 255, 0.8);
border-left: 1px solid #5765c9;
}
.color-horizontal .horizontalMenu > .horizontalMenu-list > li > a.active {
color: #fff;
text-decoration: none;
background: rgba(255, 255, 255, 0.04);
}
.color-horizontal .horizontalMenu > .horizontalMenu-list > li > a.hover .hor-icon {
color: rgba(255, 255, 255, 0.8) !important;
fill: rgba(255, 255, 255, 0.2);
}
.color-horizontal .horizontalMenu > .horizontalMenu-list > li:last-child > a {
border-right: 1px solid #5765c9;
}
.color-horizontal .horizontalMenu > .horizontalMenu-list > li > a:hover .hor-icon {
color: #fff !important;
fill: rgba(255, 255, 255, 0.5);
}
.color-horizontal .horizontalMenu > .horizontalMenu-list > li > a.active .hor-icon {
color: #fff !important;
}
.color-horizontal .horizontalMenu > .horizontalMenu-list > li > a:hover {
color: #fff !important;
}
@media only screen and (max-width: 991px) {
.color-horizontal.dark-mode .horizontal-main {
background: #10163a;
}
.color-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list {
background: #4454c3;
}
.color-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li {
background-color: #4454c3;
border-color: rgba(255, 255, 255, 0.1);
}
.color-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > a {
color: rgba(255, 255, 255, 0.8) !important;
background-color: #4454c3;
}
.color-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
color: rgba(255, 255, 255, 0.8);
background-color: #4454c3;
}
.color-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
color: rgba(255, 255, 255, 0.8);
}
.color-horizontal.dark-mode .mega-menubg {
color: rgba(255, 255, 255, 0.8);
background-color: #4454c3 !important;
}
.color-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
color: rgba(255, 255, 255, 0.8);
}
.color-horizontal.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
color: rgba(255, 255, 255, 0.5);
}
.color-horizontal.light-mode .horizontal-main {
background: #4454c3;
}
.color-horizontal.light-mode .horizontalMenu > .horizontalMenu-list {
background: #4454c3;
}
.color-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li {
background-color: #4454c3;
border-color: rgba(255, 255, 255, 0.1);
}
.color-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > a {
color: rgba(255, 255, 255, 0.8) !important;
background-color: #4454c3;
}
.color-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
color: rgba(255, 255, 255, 0.8);
background-color: #4454c3;
}
.color-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
color: rgba(255, 255, 255, 0.8);
}
.color-horizontal.light-mode .mega-menubg {
color: rgba(255, 255, 255, 0.8);
background-color: #4454c3 !important;
}
.color-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
color: rgba(255, 255, 255, 0.8);
}
.color-horizontal.light-mode .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
color: rgba(255, 255, 255, 0.5);
}
}
@media only screen and (max-width: 767px) and (min-width: 568px) {
.app.light-mode .app-header .header-brand .header-brand-img.mobile-logo {
display: none;
}
.app.light-mode .app-header .header-brand .header-brand-img.darkmobile-logo {
display: none;
}
.app.light-mode .app-header .header-brand .header-brand-img.desktop-lgo {
display: block !important;
margin-top: 6px;
}
.app.light-mode .app-header .header-brand .header-brand-img.dark-logo {
display: none;
}
}
@media only screen and (max-width: 567px) {
.app.light-mode .app-header .header-brand .header-brand-img.desktop-lgo {
display: none !important;
}
.app.light-mode .app-header .header-brand .header-brand-img.mobile-logo {
display: block !important;
margin-top: 8px;
}
}
.dark-sidebar.dark-mode .app-sidebar {
background: #10163a !important;
border-right: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 10px 10px 20px rgba(38, 43, 72, 0.11), 10px 10px 15px -5px rgba(38, 43, 72, 0.13);
}
.dark-sidebar.dark-mode .app-sidebar__logo {
border-bottom: 1px solid #2c3650;
}
.dark-sidebar.dark-mode .app-sidebar__user {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
color: #fff;
}
.dark-sidebar.dark-mode .app-sidebar__user .text-muted {
color: rgba(255, 255, 255, 0.4) !important;
}
.dark-sidebar.dark-mode .slide a {
color: #edf0f5 !important;
background: 0 0;
}
.dark-sidebar.dark-mode .app-sidebar-help {
border-top: 1px solid rgba(255, 255, 255, 0.07);
background: #10163a;
}
.dark-sidebar.dark-mode .app-sidebar-help a {
color: #fff !important;
}
.dark-sidebar.dark-mode .app-sidebar-help .header-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.8);
}
.dark-sidebar.dark-mode .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.color-sidebar .app-sidebar.toggle-sidemenu {
background: 0 0 !important;
border-right: 0;
box-shadow: none;
width: inherit;
}
.color-sidebar .first-sidemenu {
background: #4454c3;
}
.color-sidebar .second-sidemenu {
background: #4454c3;
border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.color-sidebar .resp-vtabs .resp-tabs-list li {
border: 1px solid rgba(255, 255, 255, 0.07) !important;
border-left: 0 !important;
border-top: 0 !important;
border-bottom: 0;
}
.color-sidebar .first-sidemenu li.active,
.color-sidebar .first-sidemenu li:hover {
background: rgba(255, 255, 255, 0.03);
border-right: 0 !important;
}
.color-sidebar .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.color-sidebar .first-sidemenu li.active svg,
.color-sidebar .first-sidemenu li:hover svg {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.color-sidebar .second-sidemenu h5,
.color-sidebar .side-menu .slide.submenu a,
.color-sidebar .slide-item {
color: rgba(255, 255, 255, 0.8);
}
.color-sidebar .slide-item.active,
.color-sidebar .slide-item:hover {
color: #fff;
}
.color-sidebar .side-menu .slide.submenu a.active,
.color-sidebar .side-menu .slide.submenu a:hover {
color: #fff;
}
.color-sidebar .second-sidemenu .angle {
color: rgba(255, 255, 255, 0.2) !important;
}
.dark-sidebar .app-sidebar.toggle-sidemenu {
background: 0 0 !important;
border-right: 0;
box-shadow: none;
width: inherit;
}
.dark-sidebar .first-sidemenu {
background: #10163a;
}
.dark-sidebar .second-sidemenu {
background: #10163a;
border-right: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: none;
}
.dark-sidebar .resp-vtabs .resp-tabs-list li {
border: 1px solid rgba(255, 255, 255, 0.07) !important;
border-left: 0 !important;
border-top: 0 !important;
border-bottom: 0;
}
.dark-sidebar.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active {
border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-sidebar .first-sidemenu .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.dark-sidebar .first-sidemenu li.active {
background: #12183f;
border-right: 0 !important;
}
.dark-sidebar .resp-vtabs .resp-tab-active:hover {
background: #12183f;
border-right: 0 !important;
}
.dark-sidebar .second-sidemenu h5 {
color: rgba(255, 255, 255, 0.8);
}
.dark-sidebar .first-sidemenu li.active svg,
.dark-sidebar .first-sidemenu li:hover svg {
color: #4454c3;
}
.dark-sidebar .side-menu .slide.submenu a,
.dark-sidebar .slide-item {
color: #edf0f5;
}
.default-sidebar .app-sidebar.toggle-sidemenu {
background: 0 0 !important;
border-right: 0;
box-shadow: none;
width: inherit;
}
.default-sidebar .first-sidemenu {
background: #fff;
}
.default-sidebar .second-sidemenu {
background: #fff;
border-right: 1px solid #eff0f6;
box-shadow: 0 10px 10px 20px rgba(176, 184, 214, 0.01), 10px 10px 15px -5px #b0b8d6;
}
.default-sidebar .resp-vtabs .resp-tabs-list li {
border: 1px solid #eff0f6 !important;
border-left: 0 !important;
border-top: 0 !important;
border-bottom: 0;
}
.default-sidebar.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active {
border-right: 1px solid #eff0f6 !important;
}
.default-sidebar .first-sidemenu .side-menu__icon {
color: #8e98db;
fill: #d2d6f1;
}
.default-sidebar .first-sidemenu li.active {
background: #f4f5fc;
border-right: 0 !important;
}
.default-sidebar .resp-vtabs .resp-tab-active:hover {
background: #f4f5fc;
border-right: 0 !important;
}
.default-sidebar .second-sidemenu h5 {
color: #576483;
}
.default-sidebar .first-sidemenu li.active svg,
.default-sidebar .first-sidemenu li:hover svg {
color: #4454c3;
}
.default-sidebar .side-menu .slide.submenu a,
.default-sidebar .slide-item {
color: #576482;
}
.default-sidebar.dark-mode .second-sidemenu {
box-shadow: none;
}
.color-sidebar .app-sidebar {
background: #4454c3 !important;
border-right: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 10px 10px 20px rgba(38, 43, 72, 0.11), 10px 10px 15px -5px rgba(38, 43, 72, 0.13);
}
.color-sidebar .app-sidebar__logo {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.color-sidebar .app-sidebar__user {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
color: #fff;
}
.color-sidebar .app-sidebar__user .text-muted {
color: rgba(255, 255, 255, 0.4) !important;
}
.color-sidebar .slide a {
color: rgba(255, 255, 255, 0.8) !important;
background: 0 0;
}
.color-sidebar .slide a.active,
.color-sidebar .slide a:hover {
color: #fff !important;
}
.color-sidebar .app-sidebar-help {
border-top: 1px solid rgba(255, 255, 255, 0.07);
background: #4454c3;
}
.color-sidebar .app-sidebar-help a {
color: #fff !important;
}
.color-sidebar .app-sidebar-help .header-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.8);
}
.color-sidebar .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.color-sidebar .slide-menu a.active,
.color-sidebar .slide-menu a:hover {
color: #fff !important;
background: 0 0;
}
.color-sidebar .side-menu__label:hover {
color: #fff !important;
background: 0 0;
}
.color-sidebar .side-menu__item.active .side-menu__icon,
.color-sidebar .side-menu__item:focus .side-menu__icon,
.color-sidebar .side-menu__item:hover .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
@media (min-width: 768px) {
.color-sidebar .app-sidebar2 .header-brand-img.darkmobile-logo,
.color-sidebar .app-sidebar2 .header-brand-img.desktop-lgo,
.color-sidebar .app-sidebar2 .header-brand-img.mobile-logo {
display: none;
}
.color-sidebar .app-sidebar2 .header-brand-img.dark-logo {
display: block;
margin: 0 auto;
margin-top: 5px;
}
}
.default-sidebar .app-sidebar {
background: #fff !important;
border-right: 1px solid #eff0f6;
box-shadow: 0 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;
}
.default-sidebar .app-sidebar__logo {
border-bottom: 1px solid #eff0f6;
}
.default-sidebar .app-sidebar__user {
border-bottom: 1px solid #eff0f6;
color: #424e79;
}
.default-sidebar .app-sidebar__user .text-muted {
color: #b3bdca !important;
}
.default-sidebar .slide a {
color: #576482 !important;
background: 0 0;
}
.default-sidebar .slide a.active,
.default-sidebar .slide a:hover {
color: #4454c3 !important;
}
.default-sidebar .app-sidebar-help {
border-top: 1px solid #eff0f6;
background: #fff;
}
.default-sidebar .app-sidebar-help a {
color: #424e79 !important;
}
.default-sidebar .app-sidebar-help .header-icon {
color: #8e98db;
fill: #d2d6f1;
}
.default-sidebar .side-menu__icon {
color: #8e98db;
fill: #d2d6f1;
}
.default-sidebar .slide-menu a.active,
.default-sidebar .slide-menu a:hover {
color: #4454c3 !important;
background: 0 0;
}
.default-sidebar .side-menu__label:hover {
color: #4454c3 !important;
background: 0 0;
}
.default-sidebar .side-menu__item.active .side-menu__icon,
.default-sidebar .side-menu__item:focus .side-menu__icon,
.default-sidebar .side-menu__item:hover .side-menu__icon {
color: #4454c3;
}
.default-sidebar.dark-mode .app-sidebar {
border-right: 0;
box-shadow: none;
}
@media (min-width: 768px) {
.default-sidebar .app-sidebar2 .header-brand-img.dark-logo,
.default-sidebar .app-sidebar2 .header-brand-img.darkmobile-logo,
.default-sidebar .app-sidebar2 .header-brand-img.mobile-logo {
display: none;
}
.default-sidebar .app-sidebar2 .header-brand-img.desktop-lgo {
display: block;
margin: 0 auto;
margin-top: 5px;
}
}
.dark-sidebar .app-sidebar {
background: #10163a !important;
border-right: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 10px 10px 20px rgba(38, 43, 72, 0.11), 10px 10px 15px -5px rgba(38, 43, 72, 0.13);
}
.dark-sidebar .app-sidebar__logo {
border-bottom: 1px solid #2c3650;
}
.dark-sidebar .app-sidebar__user {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
color: #fff;
}
.dark-sidebar .app-sidebar__user .text-muted {
color: rgba(255, 255, 255, 0.4) !important;
}
.dark-sidebar .slide a {
color: #edf0f5 !important;
background: 0 0;
}
.dark-sidebar .app-sidebar-help {
border-top: 1px solid rgba(255, 255, 255, 0.07);
background: #10163a;
}
.dark-sidebar .app-sidebar-help a {
color: #fff !important;
}
.dark-sidebar .app-sidebar-help .header-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.8);
}
.dark-sidebar .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
@media (min-width: 768px) {
.dark-sidebar .app-sidebar2 .header-brand-img.darkmobile-logo,
.dark-sidebar .app-sidebar2 .header-brand-img.desktop-lgo,
.dark-sidebar .app-sidebar2 .header-brand-img.mobile-logo {
display: none;
}
.dark-sidebar .app-sidebar2 .header-brand-img.dark-logo {
display: block;
margin: 0 auto;
margin-top: 5px;
}
}
.dark-sidebar .side-menu__item.active .side-menu__icon,
.dark-sidebar .side-menu__item:focus .side-menu__icon,
.dark-sidebar .side-menu__item:hover .side-menu__icon {
fill: rgba(255, 255, 255, 0.08);
}
.dark-sidebar .slide a {
color: #edf0f5 !important;
background: 0 0;
}
.dark-mode.dark-sidebar .slide a,
.light-mode.dark-sidebar .slide a {
color: #edf0f5 !important;
background: 0 0;
}
.color-sidebar.sidenav-toggled .app-sidebar2 .dark-logo,
.dark-sidebar.sidenav-toggled .app-sidebar2 .dark-logo {
display: none;
}
.color-sidebar.sidenav-toggled .app-sidebar2 .darkmobile-logo,
.dark-sidebar.sidenav-toggled .app-sidebar2 .darkmobile-logo {
display: block;
margin: 0 auto;
margin-top: 5px;
}
.default-sidebar.sidenav-toggled .app-sidebar2 .desktop-lgo {
display: none;
}
.default-sidebar.sidenav-toggled .app-sidebar2 .mobile-logo {
display: block;
margin: 0 auto;
margin-top: 5px;
}
.light-mode.dark-sidebar .side-menu__item.active,
.light-mode.dark-sidebar .side-menu__item:focus,
.light-mode.dark-sidebar .side-menu__item:hover {
text-decoration: none;
color: #4454c3 !important;
}
.light-mode.dark-sidebar .slide a.active,
.light-mode.dark-sidebar .slide a:focus,
.light-mode.dark-sidebar .slide a:hover {
text-decoration: none;
color: #4454c3 !important;
}
.dark-mode.dark-sidebar .side-menu__item.active,
.dark-mode.dark-sidebar .side-menu__item:focus,
.dark-mode.dark-sidebar .side-menu__item:hover {
text-decoration: none;
color: #4454c3 !important;
}
.dark-mode.dark-sidebar .slide a.active,
.dark-mode.dark-sidebar .slide a:focus,
.dark-mode.dark-sidebar .slide a:hover {
text-decoration: none;
color: #4454c3 !important;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover,
.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
color: #4454c3;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
color: #4454c3;
}
.dark-mode .second-sidemenu .side-menu .slide.submenu a.active,
.dark-mode .second-sidemenu .side-menu .slide.submenu a:hover {
color: #4454c3 !important;
}
.color-sidebar .side-menu-label1 {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
color: #fff;
}
.dark-sidebar .side-menu-label1 {
border-bottom: 1px solid #2c3650 !important;
color: #fff;
}
.dark-mode.default-sidebar .side-menu-label1 {
color: #5c6287;
}
.top-header.top-header1 {
display: none;
}
.centerlogo-horizontal .top-header.top-header1 {
display: block !important;
}
.centerlogo-horizontal .header.top-header {
display: none;
}
@media (max-width: 767px) {
.centerlogo-horizontal .top-header.top-header1 {
display: none !important;
}
.centerlogo-horizontal .header.top-header {
display: block;
}
}
@media (max-width: 767px) {
.app {
overflow-x: hidden;
}
.app .app-sidebar {
left: 0;
margin-top: 100px;
}
.app .app-sidebar__overlay {
visibility: hidden;
}
.app.sidenav-toggled .app-content {
margin-left: 0;
}
.app.sidenav-toggled .app-sidebar {
left: -265px;
}
.app.sidenav-toggled .app-sidebar__overlay {
visibility: visible;
}
.app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
line-height: 1;
}
.app-sidebar__toggle {
order: -1;
}
.app-sidebar__overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
}
.app-sidebar__logo {
display: none;
}
.app-content {
min-width: 100%;
}
}
.app-content {
min-height: calc(100vh);
margin-bottom: 0 !important;
transition: margin-left 0.2s ease;
overflow: hidden;
background-color: #f9f9ff;
}
.app-content .side-app {
margin-top: 100px;
margin-bottom: 20px;
padding: 0 1.5rem 0 1.5rem;
}
.footer .container {
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
.light-text {
font-weight: 300 !important;
}
.semibold-text {
font-weight: 600 !important;
}
.line-head {
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.app-header {
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
display: flex;
z-index: 999;
padding-right: 15px;
padding: 0.75rem 0;
transition: padding-left 0.2s ease;
}
@media print {
.app-title {
display: none;
}
.tile {
border: 1px solid #ddd;
}
.app-sidebar {
display: none;
}
.app-header {
display: none;
}
.app-content {
margin: 0;
padding: 0;
background-color: #fff;
}
}
.app-header__logo {
flex: 1 0 auto;
color: #fff;
text-align: center;
font-family: Niconne;
padding: 0 15px;
font-size: 26px;
font-weight: 400;
line-height: 50px;
}
.app-header__logo:focus,
.app-header__logo:hover {
text-decoration: none;
}
.app-sidebar__toggle {
margin: 5px;
padding: 5px 18px;
text-align: center;
height: 2.5rem;
font-size: 1.2rem;
position: relative;
border-radius: 3px;
}
.app-sidebar__toggle a {
color: #b6c1d9;
}
.app-sidebar__toggle:hover {
color: #4454c3;
}
.app-sidebar__toggle:focus,
.app-sidebar__toggle:hover {
text-decoration: none;
}
.app-nav {
display: flex;
margin-bottom: 0;
justify-content: flex-end;
}
.app-nav__item {
display: block;
padding: 15px;
line-height: 20px;
color: #a8a8a8;
transition: background-color 0.3s ease;
}
.app-nav__item:focus,
.app-nav__item:hover {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.app-search {
position: relative;
display: flex;
align-self: center;
margin-right: 15px;
padding: 10px 0;
}
.app-search__input {
border: 0;
padding: 5px 10px;
padding-right: 30px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 0.8);
transition: background-color 0.3s ease;
}
.app-search__input:-ms-input-placeholder,
.app-search__input::-ms-input-placeholder,
.app-search__input::-webkit-input-placeholder,
.app-search__input::placeholder {
color: #b3bdca;
}
.app-search__button {
position: absolute;
right: 0;
top: 10px;
bottom: 10px;
padding: 0 10px;
border: 0;
color: rgba(0, 0, 0, 0.8);
background: 0 0;
cursor: pointer;
}
.app-notification {
min-width: 270px;
}
.app-notification__title {
padding: 8px 20px;
text-align: center;
background-color: rgba(0, 150, 136, 0.4);
color: #333;
}
.app-notification__footer {
padding: 8px 20px;
text-align: center;
background-color: #eee;
}
.app-notification__content {
max-height: 220px;
overflow-y: auto;
}
.app-notification__content::-webkit-scrollbar {
width: 6px;
}
.app-notification__content::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
.app-notification__item {
display: flex;
padding: 8px 20px;
color: inherit;
border-bottom: 1px solid #ddd;
transition: background-color 0.3s ease;
}
.app-notification__item:focus,
.app-notification__item:hover {
color: inherit;
text-decoration: none;
background-color: #e0e0e0;
}
.app-notification__message,
.app-notification__meta {
margin-bottom: 0;
}
.app-notification__icon {
padding-right: 10px;
}
.app-notification__message {
line-height: 1.2;
}
.app-sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
margin-top: 0;
width: 250px;
max-height: 100%;
z-index: 1000;
background: #fff !important;
border-right: 1px solid #eff0f6;
/*box-shadow: 0 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;*/
transition: left 0.2s ease, width 0.2s ease;
}
.app-sidebar::-webkit-scrollbar {
width: 6px;
}
.app-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
.app-sidebar__user {
display: flex;
align-items: center;
color: #424e79;
width: 100%;
padding: 25px 20px;
display: inline-block;
border-bottom: 1px solid #eff0f6;
}
.app-sidebar__user .dropdown-menu {
top: 10px !important;
}
.sidenav-toggled .app-sidebar__user .user-pic {
margin: 0;
}
.app-sidebar__user .user-pic {
margin: 0 0 10px 0;
}
.app-sidebar__user-avatar {
flex: 0 0 auto;
margin-right: 15px;
}
.app-sidebar__user-name.text-muted {
font-size: 17px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #b3bdca !important;
font-size: 15px;
margin-top: 5px !important;
}
.app-sidebar__user-name.text-muted.text-sm {
font-size: 12px;
font-weight: 400;
}
.app-sidebar__user-designation {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
}
.side-menu {
margin-bottom: 0;
padding-bottom: 40px;
padding: 4px 10px;
}
.side-menu__item {
position: relative;
display: flex;
align-items: center;
padding: 5px 19px 5px 19px;
border-radius: 3px;
font-size: 14px;
font-weight: 400;
transition: border-left-color 0.3s ease, background-color 0.3s ease;
color: #424e79 !important;
margin: 5px 0;
}
.side-menu__item.active,
.side-menu__item:focus,
.side-menu__item:hover {
text-decoration: none;
color: #4454c3;
}
.side-menu__item.active .side-menu__icon,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:hover .side-menu__icon {
color: #4454c3;
}
.slide-menu a.active {
color: #ff663c !important;
background: #fff;
}
.slide-item.active,
.slide-item:focus,
.slide-item:hover {
text-decoration: none;
color: #4454c3 !important;
background: #fff;
}
.slide a {
color: #8b9bac !important;
}
.slide.is-expanded a {
color: #8b9bac;
text-decoration: none;
}
.slide.is-expanded a.slide-item {
transition: all 0.3s;
}
.slide.is-expanded a.slide-item:hover {
margin-left: 5px;
text-decoration: none;
transition: all 0.3s;
}
.side-menu .side-menu__icon {
font-size: 25px;
line-height: 30px;
text-align: center;
vertical-align: middle;
margin-right: 8px;
margin-left: -8px;
}
.side-menu__icon {
flex: 0 0 auto;
width: 25px;
}
.side-menu__label {
white-space: nowrap;
flex: 1 1 auto;
font-size: 0.85rem;
font-weight: 500;
letter-spacing: 0.6px;
opacity: 1;
height: auto;
transition: width 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.slide.is-expanded .slide-menu {
max-height: 300vh;
transition: max-height 2s ease;
animation-name: fadeInUp;
}
.slide.is-expanded .slide-menu li a:hover {
color: #8b9bac !important;
}
.slide.is-expanded .angle {
transform: rotate(90deg);
}
.slide-menu {
max-height: 0;
overflow: hidden;
padding: 0;
font-size: 0.8rem !important;
transition: max-height 0.9s ease;
}
.slide-item {
display: flex;
align-items: center;
padding: 8px 14px 8px 30px;
font-size: 12px;
color: #576482;
}
.slide-item .icon {
margin-right: 5px;
}
.angle {
transform-origin: center;
transition: transform 0.3s ease;
}
@media (min-width: 768px) {
.app.sidebar-mini.sidenav-toggled .side-menu__label {
display: none !important;
position: relative;
padding: 0;
min-width: 100%;
margin: 0;
left: 0;
color: rgba(255, 255, 255, 0.8);
opacity: 1;
background: 0 0;
font-size: 12px;
box-shadow: none;
}
.app-nav {
flex: 1 0 auto;
}
.app-content {
margin-left: 250px;
padding-bottom: 1rem;
}
.app.sidenav-toggled .app-content {
margin-left: 0;
}
.app.sidenav-toggled .app-sidebar {
left: 250px;
}
.app.sidenav-toggled .app-sidebar__overlay {
visibility: hidden;
}
.app-header {
padding-right: 0;
}
.app-header__logo {
flex: 0 0 auto;
display: block;
width: 250px;
}
}
@media (min-width: 768px) {
/* .sidebar-mini.sidenav-toggled {
top: 0.5rem;
} */
.sidebar-mini.sidenav-toggled .angle,
.sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
.sidebar-mini.sidenav-toggled .app-sidebar__user-name,
.sidebar-mini.sidenav-toggled .user-info,
.sidebar-mini.sidenav-toggled .user-notification {
display: none;
}
.sidebar-mini.sidenav-toggled .sidebar-mini.sidenav-toggled.user-notification::before {
background: 0 0;
display: none;
}
.sidebar-mini.sidenav-toggled .avatar-xl {
width: 3rem !important;
height: 3rem !important;
line-height: 3rem;
font-size: 1rem;
margin-bottom: 0 !important;
}
.sidebar-mini.sidenav-toggled .app-sidebar__user {
top: 0.5rem;
right: 30px !important;
margin-top: 0;
}
.sidebar-mini.sidenav-toggled .side-menu {
margin-top: 0;
padding-right: 5px;
}
.sidebar-mini.sidenav-toggled .app-sidebar__user-avatar {
width: 25px;
height: 25px;
}
.sidebar-mini.sidenav-toggled .side-menu li .side-menu__item.active:before {
display: none;
}
.sidebar-mini.sidenav-toggled .app-sidebar__user {
padding: 12px 0 12px 0;
margin-bottom: 0;
}
.sidebar-mini.sidenav-toggled .profile-img {
top: 0;
right: 19px;
}
.sidebar-mini.sidenav-toggled .app-content {
margin-left: 80px;
}
.sidebar-mini.sidenav-toggled .app-sidebar {
left: 0;
width: 80px;
overflow: hidden;
transition: left 0.3s ease, width 0.3s ease;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar {
overflow: visible;
}
.sidebar-mini.sidenav-toggled .side-menu__item {
overflow: hidden;
}
.sidebar-mini.sidenav-toggled .side-menu__item:hover {
overflow: visible;
}
.sidebar-mini.sidenav-toggled .side-menu__item:hover .side-menu__label {
opacity: 1;
color: #8b9bac !important;
}
.sidebar-mini.sidenav-toggled .side-menu__item:hover + .slide-menu {
visibility: visible;
}
.sidebar-mini.sidenav-toggled .side-menu__label {
display: block;
position: absolute;
top: 0;
left: 50px;
min-width: 180px;
padding: 12px 5px 12px 20px;
margin-left: -3px;
line-height: 1;
opacity: 0;
background: #fff;
color: #a8a8a8;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
}
.sidebar-mini.sidenav-toggled .slide:hover .side-menu__label {
opacity: 1;
}
.sidebar-mini.sidenav-toggled .slide:hover .slide-menu {
max-height: 100%;
opacity: 1;
visibility: visible;
z-index: 10;
}
.sidebar-mini.sidenav-toggled .slide .side-menu__label {
border-bottom-right-radius: 0;
}
.sidebar-mini.sidenav-toggled .slide-menu {
position: fixed;
opacity: 0;
border-bottom-right-radius: 4px;
z-index: 9;
visibility: hidden;
transition: visibility 0.3s ease;
box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
}
.app.sidebar-mini.sidenav-toggled .side-menu__item {
display: flex;
padding: 5px 15px;
margin: 0 auto;
text-align: center;
border-left: 0;
}
.app.sidebar-mini.sidenav-toggled .side-menu_label {
display: block;
font-size: 12px;
}
.app.sidebar-mini.sidenav-toggled .side-menu__label {
display: block;
position: relative;
padding: 0;
min-width: 100%;
margin: 0;
left: 0;
color: #5c6287;
opacity: 1;
background: 0 0;
font-size: 12px;
box-shadow: none;
}
.sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {
margin: 0 auto;
}
.app.sidebar-mini.sidenav-toggled .nav-badge {
position: absolute;
top: 8px;
right: 28px;
padding: 0.2rem 0.4rem;
font-size: 11px;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar {
width: 250px;
transition: left 0.3s ease, width 0.3s ease;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
display: inline-block;
align-items: center;
color: #8e9cad;
width: 100%;
padding: 12px 17px;
display: inline-block;
border-bottom: 1px solid #eff0f6;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user .dropdown-menu {
top: 10px !important;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user img {
padding: 5px;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user-avatar {
flex: 0 0 auto;
margin-right: 15px;
display: inline-block;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user-name {
font-size: 17px;
display: inline-block;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
display: inline-block;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user-name.text-sm {
font-size: 12px;
font-weight: 400;
display: inline-block;
width: 100%;
height: auto;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu {
margin-bottom: 0;
padding-bottom: 40px;
padding: 4px 10px;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item {
position: relative;
display: flex !important;
display: -ms-flexbox;
align-items: center;
padding: 6px 19px 6px 19px;
font-size: 14px;
font-weight: 400;
transition: border-left-color 0.3s ease, background-color 0.3s ease;
color: #424e79;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item.active {
text-decoration: none;
color: #4454c3;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu a.active {
color: #4454c3;
background: #fff;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item:hover .side-menu__label {
color: #8b9bac !important;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item.active .side-menu__label {
color: white !important;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item.active .side-menu__label {
color: #ff663c;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide.is-expanded a {
text-decoration: none;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu .side-menu__icon {
margin-right: 8px;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__icon {
flex: 0 0 auto;
width: 25px;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__label {
display: inline-flex !important;
font-size: 16px;
position: unset;
min-width: inherit;
white-space: nowrap;
flex: 1 1 auto;
position: unset;
display: inline-block;
font-size: 14px;
color: #8b9bac;
flex: 1 1 auto;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide.is-expanded .slide-menu {
max-height: 100%;
background: #fff;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide.is-expanded .angle {
transform: rotate(90deg);
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .angle {
display: inline-block;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu {
max-height: 0;
overflow: hidden;
padding: 0;
font-size: 0.8rem !important;
box-shadow: none;
position: unset;
top: inherit;
min-width: 0;
width: 100%;
opacity: inherit;
visibility: inherit;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item {
display: flex;
align-items: center;
/*padding: 10px 14px 10px 55px;*/
font-size: 13px;
color: #424e79;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item .icon {
margin-right: 5px;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .angle {
transform-origin: center;
transition: transform 0.3s ease;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user img {
padding: 5px;
width: 4rem !important;
height: 4rem !important;
line-height: 4rem;
font-size: 1.75rem;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .user-info {
display: block;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .user-pic {
margin-bottom: 0.25rem;
margin: 0 0 15px 0;
}
.app-sidebar__user-designation {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0;
overflow: hidden;
font-weight: 600;
color: #e5e9ec;
font-size: 15px;
margin-top: 5px !important;
display: inline-block;
}
.side-menu__item:focus,
.side-menu__item:hover {
background-color: #f9f9ff !important;
text-decoration: none;
color: #8b9bac !important;
}
/* .side-menu__item:hover .svg-color {
color: #ff663c;
fill: #ff663c;
} */
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item.active .side-menu__icon {
color: #4454c3;
}
.side-menu__item:focus .side-menu__icon,
.side-menu__item:hover .side-menu__icon {
color: #4454c3;
}
.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item.active {
text-decoration: none;
color: #b48ef4;
}
.slide-item:focus,
.slide-item:hover {
text-decoration: none;
color: #b48ef4;
}
.slide-item:focus,
.slide-item:hover {
text-decoration: none;
color: #8b9bac !important;
background: #f9f9ff;
}
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__icon {
padding: 0 !important;
}
.app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
margin-left: 0;
text-align: center;
/*height: 2.5rem;*/
font-size: 1.2rem;
position: relative;
border-radius: 3px;
border: 0 solid #eff0f6;
border-radius: 3px;
}
.app.sidebar-mini .side-menu_label {
display: none;
}
@media (min-width: 767px) {
.app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon {
margin-right: 3px;
}
}
.dropdown-menu {
border-radius: 0;
}
.dropdown-menu.dropdown-menu-end {
left: auto;
}
.dropdown-item .fa,
.dropdown-item .icon {
vertical-align: middle;
}
.app-title {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
background-color: #fff;
margin: -30px -30px 30px;
padding: 20px 30px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.app-title h1 {
margin: 0;
font-size: 24px;
font-weight: 400;
}
.app-title p {
margin-bottom: 0;
font-style: italic;
}
@media (max-width: 480px) {
.app-title {
margin: -15px -15px 15px;
padding: 20px;
flex-direction: column;
align-items: flex-start;
}
.app-title p {
display: none;
}
.app-breadcrumb {
margin-top: 10px;
}
.app-search {
display: none;
}
.app-sidebar__toggle {
padding: 5px !important;
}
}
.app-breadcrumb {
margin-bottom: 0;
text-align: right;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
padding: 0;
text-align: left;
padding: 0;
background-color: transparent;
}
.sidenav-toggled .app-sidebar__user .avatar-md {
line-height: 2rem;
font-size: 1rem;
}
.app-sidebar .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(0, 0, 0, 0.05);
}
.app-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.app-sidebar .mCSB_scrollTools .mCSB_draggerRail {
background: rgba(255, 255, 255, 0.2);
}
.slide-menu a:before {
content: '\e50';
margin-right: 8px;
position: relative;
font-family: typicons !important;
opacity: 0.6;
}
.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
position: absolute;
top: 5px;
left: 57px;
display: block !important;
padding: 3px 5px !important;
}
.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge1 {
display: none;
}
.nav-badge {
border-radius: 30px;
padding: 0.4em 0.6em;
font-size: 12px;
}
@media (max-width: 575.98px) {
.app-header .header-brand-img.mobile-logo {
margin-left: 0;
}
.app-sidebar {
margin-top: 75px;
}
}
@media (max-width: 992px) and (min-width: 768px) {
.app-header .header-brand,
.app-header .header-brand-img.desktop-lgo {
margin-left: 0;
}
}
@media (min-width: 768px) {
.footer {
padding: 1.25rem 1.25rem;
}
footer.footer {
padding: 1.25rem 1.25rem 1.25rem 250px;
}
.sidenav-toggled footer.footer {
padding: 1.25rem 1.25rem 1.25rem 70px;
}
.app-header .header-brand {
display: none;
}
.header.top-header {
padding-left: 250px;
}
.sidenav-toggled .header.top-header {
padding-left: 80px;
}
.sidenav-toggled .app-sidebar__logo {
padding: 13px 16px;
}
}
@media (max-width: 768px) and (min-width: 481px) {
.header-brand {
margin-left: 0;
min-width: auto !important;
}
}
.app-sidebar__logo {
padding: 13px 15px;
border-bottom: 1px solid #eff0f6;
height: 100px;
text-align: center;
}
.close-toggle {
display: none;
}
.app-sidebar__toggle a i {
line-height: 1.5;
margin-top: 0;
}
.sidenav-toggled .close-toggle {
display: flex;
}
.sidenav-toggled .open-toggle {
display: none;
}
@media (min-width: 768px) {
.header-brand-img.dark-logo,
.header-brand-img.darkmobile-logo,
.header-brand-img.mobile-logo {
display: none;
}
.sidenav-toggled .header-brand-img.desktop-lgo {
display: none;
}
.sidenav-toggled .header-brand-img.mobile-logo {
display: initial;
}
.sidenav-toggled.sidenav-toggled1 .header-brand-img.mobile-logo {
display: none;
}
.sidenav-toggled.sidenav-toggled1 .header-brand-img.desktop-lgo {
display: initial;
margin: 0 auto;
}
.app-sidebar.app-sidebar3 {
top: 100px;
}
.app-sidebar.app-sidebar2 {
box-shadow: none;
z-index: 9999;
height: 100px;
}
.sidenav-toggled .app-sidebar-help .help-dropdown {
display: none;
}
.sidenav-toggled.sidenav-toggled1 .app-sidebar-help .help-dropdown {
display: flex;
}
.sidenav-toggled .app-sidebar-help {
width: 70px;
padding: 8px 13px;
}
.sidenav-toggled.sidenav-toggled1 .app-sidebar-help {
width: 250px;
}
}
.app-sidebar.app-sidebar3 {
padding-bottom: 70px;
}
.app-sidebar-help {
position: fixed;
bottom: 0;
border-top: 1px solid #eff0f6;
background: #f7f8fb;
z-index: 11;
width: 250px;
padding: 8px 13px;
}
.app-sidebar-help .header-icon {
width: 30px;
height: 30px;
color: #4454c3;
fill: #8e98db;
}
.sub-slide-item {
display: flex;
align-items: center;
position: relative;
list-style: none;
height: 30px;
padding: 0 0 0 25px !important;
padding-left: 60px !important;
height: 28px !important;
padding: 19px 0 19px 65px !important;
}
.sub-slide-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.9s ease;
padding: 0;
font-size: 0.8rem !important;
padding-left: 0;
list-style: none;
}
.slide-menu .sub-slide.active.is-expanded {
background: rgba(255, 255, 255, 0.09);
}
.sub-slide.is-expanded .sub-slide-menu {
max-height: 100vh;
transition: max-height 2s ease;
}
.sub-slide.is-expanded .sub-slide-menu li:last-child {
padding-bottom: 10px;
}
.sub-side-menu__item {
padding-left: 48px !important;
padding-right: 20px !important;
height: 40px !important;
display: block;
line-height: 40px;
}
.sub-angle {
float: right;
line-height: 40px;
}
.help-dropdown {
color: #424e79 !important;
}
.default-sidebar .app-sidebar .help .dropdown-menu a {
color: #fff !important;
}
.default-sidebar .app-sidebar .dropdown-menu {
box-shadow: 0 10px 10px 20px rgba(16, 22, 58, 0.02), 10px 10px 15px -5px rgba(16, 22, 58, 0.08);
background: #4454c3;
color: #fff;
}
.default-sidebar .app-sidebar .dropdown-menu .border-bottom {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.default-sidebar .app-sidebar .dropdown-menu a {
color: #fff;
}
.default-sidebar .app-sidebar .dropdown-menu a.text-primary {
color: rgba(255, 255, 255, 0.8) !important;
}
.default-sidebar .app-sidebar .dropdown-menu-arrow.dropdown-menu-end:before,
default-sidebar .app-sidebar .dropdown-menu-arrow.dropdown-menu-start:before {
border-bottom: 10px solid #eff0f6;
bottom: -12px;
}
.default-sidebar .app-sidebar .dropdown-menu-arrow.dropdown-menu-end:after,
.default-sidebar .app-sidebar .dropdown-menu-arrow.dropdown-menu-start:after {
border-bottom: 9px solid #4454c3;
bottom: -7px;
}
.light-mode .app-sidebar .dropdown-menu {
box-shadow: 0 10px 10px 20px rgba(16, 22, 58, 0.02), 10px 10px 15px -5px rgba(16, 22, 58, 0.08);
background: #4454c3;
color: #fff;
border: 1px solid #eff0f6;
}
.light-mode .app-sidebar .dropdown-menu .border-bottom {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.light-mode .app-sidebar .dropdown-menu a {
color: #fff;
}
.light-mode .app-sidebar .dropdown-menu a.text-primary {
color: rgba(255, 255, 255, 0.8) !important;
}
.light-mode .app-sidebar .dropdown-menu-arrow.dropdown-menu-end:before,
.light-mode .app-sidebar .dropdown-menu-arrow.dropdown-menu-start:before {
border-bottom: 10px solid #eff0f6;
bottom: -12px;
}
.light-mode .app-sidebar .dropdown-menu-arrow.dropdown-menu-end:after,
.light-mode .app-sidebar .dropdown-menu-arrow.dropdown-menu-start:after {
border-bottom: 9px solid #4454c3;
bottom: -7px;
}
.sub-side-menu__item {
padding-left: 48px !important;
padding-right: 20px !important;
height: 40px !important;
display: block;
line-height: 40px;
}
.color-sidebar .app-sidebar {
background: #4454c3 !important;
border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.color-sidebar .app-sidebar__logo {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.color-sidebar .app-sidebar__user {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
color: #fff;
}
.color-sidebar .app-sidebar__user .text-muted {
color: rgba(255, 255, 255, 0.4) !important;
}
.color-sidebar .slide a {
color: rgba(255, 255, 255, 0.8) !important;
background: 0 0;
}
.color-sidebar .slide a.active,
.color-sidebar .slide a:hover {
color: #fff !important;
}
.color-sidebar .app-sidebar-help {
border-top: 1px solid rgba(255, 255, 255, 0.07);
background: #4454c3 !important;
}
.color-sidebar .app-sidebar-help a {
color: #fff !important;
}
.color-sidebar .app-sidebar-help .header-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.8);
}
.color-sidebar .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.color-sidebar .slide-menu a.active,
.color-sidebar .slide-menu a:hover {
color: #fff !important;
background: 0 0;
}
.color-sidebar .side-menu__label:hover {
color: #fff !important;
background: 0 0;
}
.color-sidebar .side-menu__item.active .side-menu__icon,
.color-sidebar .side-menu__item:focus .side-menu__icon,
.color-sidebar .side-menu__item:hover .side-menu__icon {
color: rgba(255, 255, 255, 0.8) !important;
fill: rgba(255, 255, 255, 0.08) !important;
}
@media (min-width: 768px) {
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item.active .side-menu__icon {
color: #fff;
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar {
background: #4454c3 !important;
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu {
background: #4454c3 !important;
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user-name {
color: #e5e9ec;
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item.active {
color: #fff;
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__label {
color: rgba(255, 255, 255, 0.72);
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item {
color: rgba(255, 255, 255, 0.8);
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item.active .side-menu__label {
color: #fff !important;
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item.active {
text-decoration: none;
color: #fff;
background: 0 0;
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu a.active {
color: #fff;
background: 0 0;
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item:hover {
color: #fff !important;
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item {
color: #424e79;
}
.color-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item.active {
text-decoration: none;
color: #fff;
}
.color-sidebar.app.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__icon {
padding: 0 !important;
}
.color-sidebar.sidenav-toggled .header-brand-img.dark-logo {
display: none;
}
.color-sidebar.sidenav-toggled .header-brand-img.darkmobile-logo {
display: flex;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .header-brand-img.darkmobile-logo {
display: none;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
display: flex;
margin: 0 auto;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .header-brand-img.desktop-lgo {
display: none;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar-help .help-dropdown {
color: rgba(255, 255, 255, 0.79);
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar-help {
width: 250px;
}
}
.color-sidebar .color-sidebar .side-menu__item:hover .angle,
.color-sidebar .color-sidebar .side-menu__item:hover .side-menu__icon,
.color-sidebar .color-sidebar .side-menu__item:hover .side-menu__label {
color: #fff !important;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar {
background: #4454c3 !important;
border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar__user {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
color: #fff;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar__user .text-muted {
color: rgba(255, 255, 255, 0.4) !important;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .slide a {
color: rgba(255, 255, 255, 0.8) !important;
background: 0 0;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .slide a.active,
.color-sidebar.sidenav-toggled.sidenav-toggled1 .slide a:hover {
color: #fff !important;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar-help {
border-top: 1px solid rgba(255, 255, 255, 0.07);
background: #4454c3;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar-help a {
color: #fff !important;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar-help .header-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.8);
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .slide-menu a.active,
.color-sidebar.sidenav-toggled.sidenav-toggled1 .slide-menu a:hover {
color: #fff !important;
background: 0 0;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__label:hover {
color: #fff !important;
background: 0 0;
}
.color-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__item.active .side-menu__icon,
.color-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__item:focus .side-menu__icon,
.color-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__item:hover .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.default-sidebar .app-sidebar {
background: #fff !important;
border-right: 1px solid #eff0f6;
}
.default-sidebar .app-sidebar__logo {
border-bottom: 1px solid #eff0f6;
}
.default-sidebar .app-sidebar__user {
border-bottom: 1px solid #eff0f6;
color: #424e79;
}
.default-sidebar .app-sidebar__user .text-muted {
color: #b3bdca !important;
}
.default-sidebar .slide a {
color: #576482 !important;
background: 0 0;
}
.default-sidebar .slide a.active,
.default-sidebar .slide a:hover {
color: #4454c3 !important;
}
.default-sidebar .side-menu__icon {
color: #8e98db;
fill: #d2d6f1;
}
.default-sidebar .slide-menu a.active,
.default-sidebar .slide-menu a:hover {
color: #4454c3 !important;
background: 0 0;
}
.default-sidebar .side-menu__label:hover {
color: #4454c3 !important;
background: 0 0;
}
.default-sidebar .side-menu__item.active .side-menu__icon,
.default-sidebar .side-menu__item:focus .side-menu__icon,
.default-sidebar .side-menu__item:hover .side-menu__icon {
color: #4454c3;
}
.default-sidebar.dark-mode .app-sidebar {
border-right: 0;
box-shadow: none;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar {
background: #fff !important;
border-right: 1px solid #eff0f6;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
border-bottom: 1px solid #eff0f6;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar__user {
border-bottom: 1px solid #eff0f6;
color: #424e79;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar__user .text-muted {
color: #b3bdca !important;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1 .slide a {
color: #576482 !important;
background: 0 0;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1 .slide a.active,
.default-sidebar.sidenav-toggled.sidenav-toggled1 .slide a:hover {
color: #4454c3 !important;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__icon {
color: #8e98db;
fill: #d2d6f1;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1 .slide-menu a.active,
.default-sidebar.sidenav-toggled.sidenav-toggled1 .slide-menu a:hover {
color: #4454c3 !important;
background: 0 0;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__label:hover {
color: #4454c3 !important;
background: 0 0;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__item.active .side-menu__icon,
.default-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__item:focus .side-menu__icon,
.default-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__item:hover .side-menu__icon {
color: #4454c3;
}
.default-sidebar.sidenav-toggled.sidenav-toggled1.dark-mode .app-sidebar {
border-right: 0;
box-shadow: none;
}
.dark-sidebar .app-sidebar {
background: #10163a !important;
border-right: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 10px 10px 20px rgba(38, 43, 72, 0.11), 10px 10px 15px -5px rgba(38, 43, 72, 0.13);
}
.dark-sidebar .app-sidebar__logo {
border-bottom: 1px solid #2c3650;
}
.dark-sidebar .app-sidebar__user {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
color: #fff;
}
.dark-sidebar .app-sidebar__user .text-muted {
color: rgba(255, 255, 255, 0.4) !important;
}
.dark-sidebar .slide a {
color: #edf0f5 !important;
background: 0 0;
}
.dark-sidebar .app-sidebar-help {
border-top: 1px solid rgba(255, 255, 255, 0.07);
background: #10163a;
}
.dark-sidebar .app-sidebar-help a {
color: #fff !important;
}
.dark-sidebar .app-sidebar-help .header-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.8);
}
.dark-sidebar .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
@media (min-width: 768px) {
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item.active .side-menu__icon {
color: #4454c3;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar {
background: #10163a !important;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user {
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu {
background: #10163a !important;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .sub-slide-menu a.sub-slide-item:hover {
color: #fff !important;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .app-sidebar__user-name {
color: #e5e9ec;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item.active {
color: #4454c3;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__label {
color: rgba(255, 255, 255, 0.72);
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item {
color: rgba(255, 255, 255, 0.8);
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item.active .side-menu__label {
color: #4454c3 !important;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item.active {
text-decoration: none;
color: #4454c3;
background: 0 0;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-menu a.active {
color: #4454c3;
background: 0 0;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .slide-item:hover {
color: #4454c3 !important;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item {
color: #424e79;
}
.dark-sidebar.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__item.active {
text-decoration: none;
color: #4454c3;
}
.dark-sidebar.app.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__icon {
padding: 0 !important;
}
.dark-sidebar.sidenav-toggled .header-brand-img.dark-logo {
display: none;
}
.dark-sidebar.sidenav-toggled .header-brand-img.darkmobile-logo {
display: flex;
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .header-brand-img.darkmobile-logo {
display: none;
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .header-brand-img.dark-logo {
display: flex;
margin: 0 auto;
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .header-brand-img.desktop-lgo {
display: none;
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar-help .help-dropdown {
color: rgba(255, 255, 255, 0.79);
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar-help {
width: 250px;
}
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar {
background: #10163a !important;
border-right: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 10px 10px 20px rgba(38, 43, 72, 0.11), 10px 10px 15px -5px rgba(38, 43, 72, 0.13);
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar__logo {
border-bottom: 1px solid #2c3650;
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar__user {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
color: #fff;
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar__user .text-muted {
color: rgba(255, 255, 255, 0.4) !important;
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .slide a {
color: #edf0f5 !important;
background: 0 0;
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar-help {
border-top: 1px solid rgba(255, 255, 255, 0.07);
background: #10163a;
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar-help a {
color: #fff !important;
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .app-sidebar-help .header-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.8);
}
.dark-sidebar.sidenav-toggled.sidenav-toggled1 .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.dark-sidebar .side-menu__item.active .side-menu__icon,
.dark-sidebar .side-menu__item:focus .side-menu__icon,
.dark-sidebar .side-menu__item:hover .side-menu__icon {
fill: rgba(255, 255, 255, 0.08);
}
@media (min-width: 1025px) {
.boxed .page {
width: 1170px;
margin: 0 auto;
background: #f2f6f9;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
box-shadow: rgba(0, 0, 0, 0.3) 0 5px 0 0, rgba(0, 0, 0, 0.3) 0 5px 25px 0;
}
.boxed .header.top-header {
width: 1170px !important;
}
.boxed .hor-menu.horizontal-main {
max-width: 1170px;
}
.boxed .main-content .container,
.boxed .main-content .container-fluid {
padding-left: 20px;
padding-right: 20px;
}
.boxed .main-header > .container,
.boxed .main-header > .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
.boxed .app-sidebar {
left: auto !important;
}
.boxed .side-header {
left: auto !important;
right: auto !important;
z-index: 1044;
}
.boxed .main-header.side-header {
max-width: 1170px;
}
.boxed .nav-tabs .nav-link {
padding: 1rem 1.2rem;
}
.boxed.app.sidenav-toggled .app-sidebar.comb-sidebar {
left: -230px !important;
}
.boxed .horizontalMenu > .horizontalMenu-list > li:last-child > ul.sub-menu {
right: 0;
}
.boxed .page-style1 .page-content {
z-index: 999;
}
.boxed .app-header {
padding-right: 10px !important;
}
.boxed .second-sidemenu {
left: auto !important;
margin-left: 70px;
}
.boxed.app.sidebar-mini.sidenav-toggled4 .first-sidemenu {
left: auto !important;
}
.boxed .profile-dropdown {
padding-right: 0;
}
body.boxed {
background: #bdc0c8 !important;
}
}
@media only screen and (max-width: 1162px) and (min-width: 992px) {
.boxed .hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
font-size: 12px;
padding: 10px 5px 10px 5px !important;
}
}
.boxed .today-profit {
margin-left: 30px;
}
@media (min-width: 1025px) {
.boxed.dark-mode .page {
width: 1170px;
margin: 0 auto;
background: #262b48;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
box-shadow: rgba(0, 0, 0, 0.3) 0 5px 0 0, rgba(0, 0, 0, 0.3) 0 5px 25px 0;
}
.boxed.dark-mode .header.top-header {
width: 1170px !important;
}
.boxed.dark-mode .hor-menu.horizontal-main {
max-width: 1170px;
}
.boxed.dark-mode .main-content .container,
.boxed.dark-mode .main-content .container-fluid {
padding-left: 20px;
padding-right: 20px;
}
.boxed.dark-mode .main-header > .container,
.boxed.dark-mode .main-header > .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
.boxed.dark-mode .app-sidebar {
left: auto !important;
}
.boxed.dark-mode .side-header {
left: auto !important;
right: auto !important;
z-index: 1044;
}
.boxed.dark-mode .main-header.side-header {
max-width: 1170px;
}
.boxed.dark-mode .nav-tabs .nav-link {
padding: 1rem 1.2rem;
}
.boxed.dark-mode.sidenav-toggled .comb-page .horizontal-main {
max-width: 1170px;
}
.boxed.dark-mode.app.sidenav-toggled .app-sidebar.comb-sidebar {
left: -230px !important;
}
.boxed.dark-mode .horizontalMenu > .horizontalMenu-list > li:last-child > ul.sub-menu {
right: 0;
}
.boxed.dark-mode .page-style1 .page-content {
z-index: 999;
}
.boxed.dark-mode .app-header {
padding-right: 10px !important;
}
.boxed.dark-mode .second-sidemenu {
left: auto !important;
margin-left: 70px;
}
.boxed.dark-mode.app.sidebar-mini.sidenav-toggled4 .first-sidemenu {
left: auto !important;
}
body.dark-mode.boxed {
background: #303449 !important;
}
}
@media only screen and (max-width: 1162px) and (min-width: 992px) {
.dark-mode.boxed .horizontalMenu > .horizontalMenu-list > li > a {
font-size: 12px;
padding: 10px 5px 10px 5px !important;
}
}
/*!
* Bootstrap v5.1.3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1, .h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem;
}
}
h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem;
}
}
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
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: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small, .small {
font-size: 0.875em;
}
mark, .mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0d6efd;
text-decoration: underline;
}
a:hover {
color: #0a58ca;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
direction: ltr /* rtl:ignore */;
unicode-bidi: bidi-override;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem;
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem;
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem;
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem;
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem;
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem;
}
}
.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: 0.875em;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.875em;
color: #6c757d;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6;
}
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table > :not(:first-child) {
border-top: 2px solid currentColor;
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color);
}
.table-active {
--bs-table-accent-bg: var(--bs-table-active-bg);
color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover > * {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color);
}
.table-primary {
--bs-table-bg: #cfe2ff;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: #000;
border-color: #bacbe6;
}
.table-secondary {
--bs-table-bg: #e2e3e5;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: #000;
border-color: #cbccce;
}
.table-success {
--bs-table-bg: #d1e7dd;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: #000;
border-color: #bcd0c7;
}
.table-info {
--bs-table-bg: #cff4fc;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: #000;
border-color: #badce3;
}
.table-warning {
--bs-table-bg: #fff3cd;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: #000;
border-color: #e6dbb9;
}
.table-danger {
--bs-table-bg: #f8d7da;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfc2c4;
}
.table-light {
--bs-table-bg: #f8f9fa;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfe0e1;
}
.table-dark {
--bs-table-bg: #212529;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: #fff;
border-color: #373b3e;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.form-label {
margin-bottom: 0.5rem;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
}
.form-text {
margin-top: 0.25rem;
font-size: 0.875em;
color: #6c757d;
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
appearance: none;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control[type=file] {
overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
height: 1.5em;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
.form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
-webkit-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;
}
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
.form-control::file-selector-button {
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
-webkit-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;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-lg {
min-height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem;
}
textarea.form-control {
min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + 2px);
}
.form-control-color {
width: 3rem;
height: auto;
padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control-color::-moz-color-swatch {
height: 1.5em;
border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
height: 1.5em;
border-radius: 0.25rem;
}
.form-select {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none;
}
}
.form-select:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none;
}
.form-select:disabled {
background-color: #e9ecef;
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #212529;
}
.form-select-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em;
}
.form-check-input {
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, 0.25);
-webkit-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.form-check-input[type=checkbox] {
border-radius: 0.25em;
}
.form-check-input[type=radio] {
border-radius: 50%;
}
.form-check-input:active {
filter: brightness(90%);
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
background-color: #0d6efd;
border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
opacity: 0.5;
}
.form-switch {
padding-left: 2.5em;
}
.form-switch .form-check-input {
width: 2em;
margin-left: -2.5em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none;
}
}
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
background-position: right center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-inline {
display: inline-block;
margin-right: 1rem;
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
pointer-events: none;
filter: none;
opacity: 0.65;
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
appearance: none;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-webkit-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-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-moz-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;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
.form-range::-moz-range-thumb:active {
background-color: #b6d4fe;
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
background-color: #adb5bd;
}
.form-floating {
position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
height: calc(3.5rem + 2px);
line-height: 1.25;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1rem 0.75rem;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none;
}
}
.form-floating > .form-control {
padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder {
color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
z-index: 3;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 3;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #198754;
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(25, 135, 84, 0.9);
border-radius: 0.25rem;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #198754;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #198754;
}
.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
z-index: 3;
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: #dc3545;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
z-index: 3;
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: #212529;
}
.btn-check:focus + .btn, .btn:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
pointer-events: none;
opacity: 0.65;
}
.btn-primary {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-primary:hover {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0a58ca;
border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #565e64;
border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-success {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-success:hover {
color: #fff;
background-color: #157347;
border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
color: #fff;
background-color: #157347;
border-color: #146c43;
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #146c43;
border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-info {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-info:hover {
color: #000;
background-color: #31d2f2;
border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
color: #000;
background-color: #31d2f2;
border-color: #25cff2;
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
color: #000;
background-color: #3dd5f3;
border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-warning {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
color: #000;
background-color: #ffcd39;
border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #b02a37;
border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-light {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-dark {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-dark:hover {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
color: #fff;
background-color: #1c1f23;
border-color: #1a1e21;
box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1a1e21;
border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-outline-primary {
color: #0d6efd;
border-color: #0d6efd;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
color: #0d6efd;
background-color: transparent;
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
color: #6c757d;
background-color: transparent;
}
.btn-outline-success {
color: #198754;
border-color: #198754;
}
.btn-outline-success:hover {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
color: #fff;
background-color: #198754;
border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
color: #198754;
background-color: transparent;
}
.btn-outline-info {
color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-outline-info:hover {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
color: #0dcaf0;
background-color: transparent;
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:hover {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
color: #ffc107;
background-color: transparent;
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
color: #dc3545;
background-color: transparent;
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-dark {
color: #212529;
border-color: #212529;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
color: #fff;
background-color: #212529;
border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
color: #212529;
background-color: transparent;
}
.btn-link {
font-weight: 400;
color: #0d6efd;
text-decoration: underline;
}
.btn-link:hover {
color: #0a58ca;
}
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
}
.btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
.dropup,
.dropend,
.dropdown,
.dropstart {
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;
z-index: 1000;
display: none;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: 0.125rem;
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-sm-end {
--bs-position: end;
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-md-end {
--bs-position: end;
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-lg-end {
--bs-position: end;
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xl-end {
--bs-position: end;
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xxl-end {
--bs-position: end;
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu[data-bs-popper] {
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;
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem;
}
.dropend .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;
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropstart .dropdown-toggle::after {
display: none;
}
.dropstart .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;
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #1e2125;
background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #0d6efd;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1rem;
color: #212529;
}
.dropdown-menu-dark {
color: #dee2e6;
background-color: #343a40;
border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
color: #fff;
background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
color: #fff;
background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
color: #0d6efd;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover, .nav-link:focus {
color: #0a58ca;
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background: none;
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6;
isolation: isolate;
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills .nav-link {
background: none;
border: 0;
border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #0d6efd;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
text-decoration: none;
white-space: nowrap;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 0.25rem;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-sm .offcanvas-top,
.navbar-expand-sm .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.navbar-expand-md .offcanvas-header {
display: none;
}
.navbar-expand-md .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-md .offcanvas-top,
.navbar-expand-md .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-lg .offcanvas-top,
.navbar-expand-lg .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.navbar-expand-xl .offcanvas-header {
display: none;
}
.navbar-expand-xl .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-xl .offcanvas-top,
.navbar-expand-xl .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
.navbar-expand-xxl .offcanvas-header {
display: none;
}
.navbar-expand-xxl .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-xxl .offcanvas-top,
.navbar-expand-xxl .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-expand .offcanvas-header {
display: none;
}
.navbar-expand .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.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.55);
}
.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 .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.55);
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.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.55);
}
.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 .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.55);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: #fff;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem;
}
.card-title {
margin-bottom: 0.5rem;
}
.card-subtitle {
margin-top: -0.25rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link + .card-link {
margin-left: 1rem;
}
.card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.5rem;
margin-bottom: -0.5rem;
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: 1rem;
border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-group > .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
font-size: 1rem;
color: #212529;
text-align: left;
background-color: #fff;
border: 0;
border-radius: 0;
overflow-anchor: none;
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, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: #0c63e4;
background-color: #e7f1ff;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
transform: rotate(-180deg);
}
.accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.accordion-body {
padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
border-width: 0;
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0;
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
border-radius: 0;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0 0;
margin-bottom: 1rem;
list-style: none;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: 0.5rem;
color: #6c757d;
content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
color: #6c757d;
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
}
.page-link {
position: relative;
display: block;
color: #0d6efd;
text-decoration: none;
background-color: #fff;
border: 1px solid #dee2e6;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none;
}
}
.page-link:hover {
z-index: 2;
color: #0a58ca;
background-color: #e9ecef;
border-color: #dee2e6;
}
.page-link:focus {
z-index: 3;
color: #0a58ca;
background-color: #e9ecef;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.page-item:not(:first-child) .page-link {
margin-left: -1px;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
background-color: #fff;
border-color: #dee2e6;
}
.page-link {
padding: 0.375rem 0.75rem;
}
.page-item:first-child .page-link {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.badge {
display: inline-block;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.alert {
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
}
.alert-dismissible {
padding-right: 3rem;
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}
.alert-primary {
color: #084298;
background-color: #cfe2ff;
border-color: #b6d4fe;
}
.alert-primary .alert-link {
color: #06357a;
}
.alert-secondary {
color: #41464b;
background-color: #e2e3e5;
border-color: #d3d6d8;
}
.alert-secondary .alert-link {
color: #34383c;
}
.alert-success {
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc;
}
.alert-success .alert-link {
color: #0c4128;
}
.alert-info {
color: #055160;
background-color: #cff4fc;
border-color: #b6effb;
}
.alert-info .alert-link {
color: #04414d;
}
.alert-warning {
color: #664d03;
background-color: #fff3cd;
border-color: #ffecb5;
}
.alert-warning .alert-link {
color: #523e02;
}
.alert-danger {
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7;
}
.alert-danger .alert-link {
color: #6a1a21;
}
.alert-light {
color: #636464;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-light .alert-link {
color: #4f5050;
}
.alert-dark {
color: #141619;
background-color: #d3d3d4;
border-color: #bcbebf;
}
.alert-dark .alert-link {
color: #101214;
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem;
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #0d6efd;
transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none;
}
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 0.25rem;
}
.list-group-numbered {
list-style-type: none;
counter-reset: section;
}
.list-group-numbered > li::before {
content: counters(section, ".") ". ";
counter-increment: section;
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa;
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef;
}
.list-group-item {
position: relative;
display: block;
padding: 0.5rem 1rem;
color: #212529;
text-decoration: none;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff;
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px;
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1400px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
color: #084298;
background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #084298;
background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #084298;
border-color: #084298;
}
.list-group-item-secondary {
color: #41464b;
background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #41464b;
background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #41464b;
border-color: #41464b;
}
.list-group-item-success {
color: #0f5132;
background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #0f5132;
background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #0f5132;
border-color: #0f5132;
}
.list-group-item-info {
color: #055160;
background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #055160;
background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #055160;
border-color: #055160;
}
.list-group-item-warning {
color: #664d03;
background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #664d03;
background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #664d03;
border-color: #664d03;
}
.list-group-item-danger {
color: #842029;
background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #842029;
background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #842029;
border-color: #842029;
}
.list-group-item-light {
color: #636464;
background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #636464;
background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #636464;
border-color: #636464;
}
.list-group-item-dark {
color: #141619;
background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #141619;
background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #141619;
border-color: #141619;
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: 0.25rem;
opacity: 0.5;
}
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: 0.75;
}
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
opacity: 0.25;
}
.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
width: 350px;
max-width: 100%;
font-size: 0.875rem;
pointer-events: auto;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.toast.showing {
opacity: 0;
}
.toast:not(.show) {
display: none;
}
.toast-container {
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
margin-bottom: 0.75rem;
}
.toast-header {
display: flex;
align-items: center;
padding: 0.5rem 0.75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
margin-right: -0.375rem;
margin-left: 0.75rem;
}
.toast-body {
padding: 0.75rem;
word-wrap: break-word;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1055;
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100vw;
height: 100vh;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
padding: 0.5rem 0.5rem;
margin: -0.5rem -0.5rem -0.5rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
margin: 0.25rem;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-scrollable {
height: calc(100% - 3.5rem);
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px;
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen .modal-header {
border-radius: 0;
}
.modal-fullscreen .modal-body {
overflow-y: auto;
}
.modal-fullscreen .modal-footer {
border-radius: 0;
}
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-md-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-md-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0;
}
}
@media (max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-header {
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto;
}
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0;
}
}
.tooltip {
position: absolute;
z-index: 1080;
display: block;
margin: 0;
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .tooltip-arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: -1px;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: -1px;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem;
}
.popover {
position: absolute;
top: 0;
left: 0 /* rtl:ignore */;
z-index: 1070;
display: block;
max-width: 276px;
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
.popover .popover-arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
left: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f0f0f0;
}
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
right: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f0f0f0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 1rem 1rem;
color: #212529;
}
.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%);
}
/* rtl:end:ignore */
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none;
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none;
}
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}
/* rtl:options: {
"autoRename": true,
"stringMap":[ {
"name" : "prev-next",
"search" : "prev",
"replace" : "next"
} ]
} */
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000;
}
.carousel-dark .carousel-caption {
color: #000;
}
@keyframes spinner-border {
to {
transform: rotate(360deg) /* rtl:ignore */;
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
width: 1rem;
height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
animation-duration: 1.5s;
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: 1045;
display: flex;
flex-direction: column;
max-width: 100%;
visibility: hidden;
background-color: #fff;
background-clip: padding-box;
outline: 0;
transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.offcanvas {
transition: none;
}
}
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.offcanvas-backdrop.fade {
opacity: 0;
}
.offcanvas-backdrop.show {
opacity: 0.5;
}
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
padding: 0.5rem 0.5rem;
margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: -0.5rem;
}
.offcanvas-title {
margin-bottom: 0;
line-height: 1.5;
}
.offcanvas-body {
flex-grow: 1;
padding: 1rem 1rem;
overflow-y: auto;
}
.offcanvas-start {
top: 0;
left: 0;
width: 400px;
border-right: 1px solid rgba(0, 0, 0, 0.2);
transform: translateX(-100%);
}
.offcanvas-end {
top: 0;
right: 0;
width: 400px;
border-left: 1px solid rgba(0, 0, 0, 0.2);
transform: translateX(100%);
}
.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
transform: translateY(-100%);
}
.offcanvas-bottom {
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.2);
transform: translateY(100%);
}
.offcanvas.show {
transform: none;
}
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentColor;
opacity: 0.5;
}
.placeholder.btn::before {
display: inline-block;
content: "";
}
.placeholder-xs {
min-height: 0.6em;
}
.placeholder-sm {
min-height: 0.8em;
}
.placeholder-lg {
min-height: 1.2em;
}
.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
.placeholder-wave {
-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
-webkit-mask-size: 200% 100%;
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
100% {
-webkit-mask-position: -200% 0%;
mask-position: -200% 0%;
}
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.link-primary {
color: #0d6efd;
}
.link-primary:hover, .link-primary:focus {
color: #0a58ca;
}
.link-secondary {
color: #6c757d;
}
.link-secondary:hover, .link-secondary:focus {
color: #565e64;
}
.link-success {
color: #198754;
}
.link-success:hover, .link-success:focus {
color: #146c43;
}
.link-info {
color: #0dcaf0;
}
.link-info:hover, .link-info:focus {
color: #3dd5f3;
}
.link-warning {
color: #ffc107;
}
.link-warning:hover, .link-warning:focus {
color: #ffcd39;
}
.link-danger {
color: #dc3545;
}
.link-danger:hover, .link-danger:focus {
color: #b02a37;
}
.link-light {
color: #f8f9fa;
}
.link-light:hover, .link-light:focus {
color: #f9fafb;
}
.link-dark {
color: #212529;
}
.link-dark:hover, .link-dark:focus {
color: #1a1e21;
}
.ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio-1x1 {
--bs-aspect-ratio: 100%;
}
.ratio-4x3 {
--bs-aspect-ratio: 75%;
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vr {
display: inline-block;
align-self: stretch;
width: 1px;
min-height: 1em;
background-color: currentColor;
opacity: 0.25;
}
.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;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
left: 0 !important;
}
.start-50 {
left: 50% !important;
}
.start-100 {
left: 100% !important;
}
.end-0 {
right: 0 !important;
}
.end-50 {
right: 50% !important;
}
.end-100 {
right: 100% !important;
}
.translate-middle {
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
transform: translateX(-50%) !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #0d6efd !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #198754 !important;
}
.border-info {
border-color: #0dcaf0 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #212529 !important;
}
.border-white {
border-color: #fff !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !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;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !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;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 3rem !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.font-monospace {
font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
--bs-text-opacity: 1;
color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
--bs-text-opacity: 1;
color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
--bs-text-opacity: 1;
color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
--bs-text-opacity: 1;
color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
--bs-text-opacity: 1;
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
--bs-text-opacity: 1;
color: #6c757d !important;
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
--bs-text-opacity: 1;
color: inherit !important;
}
.text-opacity-25 {
--bs-text-opacity: 0.25;
}
.text-opacity-50 {
--bs-text-opacity: 0.5;
}
.text-opacity-75 {
--bs-text-opacity: 0.75;
}
.text-opacity-100 {
--bs-text-opacity: 1;
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important;
}
.bg-opacity-10 {
--bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
--bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
--bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
--bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.user-select-all {
-webkit-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
user-select: none !important;
}
.pe-none {
pointer-events: none !important;
}
.pe-auto {
pointer-events: auto !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: 0.2rem !important;
}
.rounded-2 {
border-radius: 0.25rem !important;
}
.rounded-3 {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-end {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
border-bottom-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.gap-md-5 {
gap: 3rem !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 1rem !important;
}
.me-md-4 {
margin-right: 1.5rem !important;
}
.me-md-5 {
margin-right: 3rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 1rem !important;
}
.ms-md-4 {
margin-left: 1.5rem !important;
}
.ms-md-5 {
margin-left: 3rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 1rem !important;
}
.pe-md-4 {
padding-right: 1.5rem !important;
}
.pe-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.gap-lg-5 {
gap: 3rem !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 1rem !important;
}
.me-lg-4 {
margin-right: 1.5rem !important;
}
.me-lg-5 {
margin-right: 3rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 1rem !important;
}
.ms-lg-4 {
margin-left: 1.5rem !important;
}
.ms-lg-5 {
margin-left: 3rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 1rem !important;
}
.pe-lg-4 {
padding-right: 1.5rem !important;
}
.pe-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.gap-xl-5 {
gap: 3rem !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 1rem !important;
}
.me-xl-4 {
margin-right: 1.5rem !important;
}
.me-xl-5 {
margin-right: 3rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 1rem !important;
}
.ms-xl-4 {
margin-left: 1.5rem !important;
}
.ms-xl-5 {
margin-left: 3rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 1rem !important;
}
.pe-xl-4 {
padding-right: 1.5rem !important;
}
.pe-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float: left !important;
}
.float-xxl-end {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.gap-xxl-5 {
gap: 3rem !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 3rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 1rem !important;
}
.me-xxl-4 {
margin-right: 1.5rem !important;
}
.me-xxl-5 {
margin-right: 3rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 1rem !important;
}
.ms-xxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxl-5 {
margin-left: 3rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 1rem !important;
}
.pe-xxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important;
}
.fs-2 {
font-size: 2rem !important;
}
.fs-3 {
font-size: 1.75rem !important;
}
.fs-4 {
font-size: 1.5rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}
.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}
.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}
.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}
.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}
.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}
.ng-select .ng-has-value .ng-placeholder{display:none}
.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}
.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}
.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}
[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}
.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}
.ng-select.ng-select-single .ng-select-container{height:36px}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}
[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}
.ng-select .ng-clear-wrapper{color:#999}
.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}
.ng-select .ng-spinner-zone{padding:5px 5px 0 0}
[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}
.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}
[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}
.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}
.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}
.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}
.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}
.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}
.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}
[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container.leaflet-touch-zoom {
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url('layers.png');
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url('layers-2x.png');
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
background-image: url('marker-icon.png');
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-control-attribution svg {
display: inline !important;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/* Printing */
@media print {
/* Prevent printers from removing background-images of controls. */
.leaflet-control {
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
}
.iti {
position: relative;
display: inline-block; }
.iti * {
box-sizing: border-box;
-moz-box-sizing: border-box; }
.iti__hide {
display: none; }
.iti__v-hide {
visibility: hidden; }
.iti input, .iti input[type=text], .iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0; }
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px; }
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px; }
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555; }
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555; }
.iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px; }
@media (max-width: 500px) {
.iti__country-list {
white-space: normal; } }
.iti__flag-box {
display: inline-block;
width: 20px; }
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC; }
.iti__country {
padding: 5px 10px;
outline: none; }
.iti__dial-code {
color: #999; }
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05); }
.iti__flag-box, .iti__country-name, .iti__dial-code {
vertical-align: middle; }
.iti__flag-box, .iti__country-name {
margin-right: 6px; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0; }
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0; }
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default; }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
background-color: transparent; }
.iti--separate-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.iti--separate-dial-code .iti__selected-dial-code {
margin-left: 6px; }
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px; }
.iti--container:hover {
cursor: pointer; }
.iti-mobile .iti--container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed; }
.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%; }
.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em; }
.iti__flag {
width: 20px; }
.iti__flag.iti__be {
width: 18px; }
.iti__flag.iti__ch {
width: 15px; }
.iti__flag.iti__mc {
width: 19px; }
.iti__flag.iti__ne {
width: 18px; }
.iti__flag.iti__np {
width: 13px; }
.iti__flag.iti__va {
width: 15px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-size: 5652px 15px; } }
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px; }
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px; }
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px; }
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px; }
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px; }
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px; }
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px; }
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px; }
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px; }
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px; }
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px; }
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px; }
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px; }
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px; }
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px; }
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px; }
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px; }
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px; }
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px; }
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px; }
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px; }
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px; }
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px; }
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px; }
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px; }
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px; }
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px; }
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px; }
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px; }
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px; }
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px; }
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px; }
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px; }
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px; }
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px; }
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px; }
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px; }
.iti__flag.iti__bz {
height: 14px;
background-position: -812px 0px; }
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px; }
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px; }
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px; }
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px; }
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px; }
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px; }
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px; }
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px; }
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px; }
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px; }
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px; }
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px; }
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px; }
.iti__flag.iti__cr {
height: 12px;
background-position: -1115px 0px; }
.iti__flag.iti__cu {
height: 10px;
background-position: -1137px 0px; }
.iti__flag.iti__cv {
height: 12px;
background-position: -1159px 0px; }
.iti__flag.iti__cw {
height: 14px;
background-position: -1181px 0px; }
.iti__flag.iti__cx {
height: 10px;
background-position: -1203px 0px; }
.iti__flag.iti__cy {
height: 14px;
background-position: -1225px 0px; }
.iti__flag.iti__cz {
height: 14px;
background-position: -1247px 0px; }
.iti__flag.iti__de {
height: 12px;
background-position: -1269px 0px; }
.iti__flag.iti__dg {
height: 10px;
background-position: -1291px 0px; }
.iti__flag.iti__dj {
height: 14px;
background-position: -1313px 0px; }
.iti__flag.iti__dk {
height: 15px;
background-position: -1335px 0px; }
.iti__flag.iti__dm {
height: 10px;
background-position: -1357px 0px; }
.iti__flag.iti__do {
height: 14px;
background-position: -1379px 0px; }
.iti__flag.iti__dz {
height: 14px;
background-position: -1401px 0px; }
.iti__flag.iti__ea {
height: 14px;
background-position: -1423px 0px; }
.iti__flag.iti__ec {
height: 14px;
background-position: -1445px 0px; }
.iti__flag.iti__ee {
height: 13px;
background-position: -1467px 0px; }
.iti__flag.iti__eg {
height: 14px;
background-position: -1489px 0px; }
.iti__flag.iti__eh {
height: 10px;
background-position: -1511px 0px; }
.iti__flag.iti__er {
height: 10px;
background-position: -1533px 0px; }
.iti__flag.iti__es {
height: 14px;
background-position: -1555px 0px; }
.iti__flag.iti__et {
height: 10px;
background-position: -1577px 0px; }
.iti__flag.iti__eu {
height: 14px;
background-position: -1599px 0px; }
.iti__flag.iti__fi {
height: 12px;
background-position: -1621px 0px; }
.iti__flag.iti__fj {
height: 10px;
background-position: -1643px 0px; }
.iti__flag.iti__fk {
height: 10px;
background-position: -1665px 0px; }
.iti__flag.iti__fm {
height: 11px;
background-position: -1687px 0px; }
.iti__flag.iti__fo {
height: 15px;
background-position: -1709px 0px; }
.iti__flag.iti__fr {
height: 14px;
background-position: -1731px 0px; }
.iti__flag.iti__ga {
height: 15px;
background-position: -1753px 0px; }
.iti__flag.iti__gb {
height: 10px;
background-position: -1775px 0px; }
.iti__flag.iti__gd {
height: 12px;
background-position: -1797px 0px; }
.iti__flag.iti__ge {
height: 14px;
background-position: -1819px 0px; }
.iti__flag.iti__gf {
height: 14px;
background-position: -1841px 0px; }
.iti__flag.iti__gg {
height: 14px;
background-position: -1863px 0px; }
.iti__flag.iti__gh {
height: 14px;
background-position: -1885px 0px; }
.iti__flag.iti__gi {
height: 10px;
background-position: -1907px 0px; }
.iti__flag.iti__gl {
height: 14px;
background-position: -1929px 0px; }
.iti__flag.iti__gm {
height: 14px;
background-position: -1951px 0px; }
.iti__flag.iti__gn {
height: 14px;
background-position: -1973px 0px; }
.iti__flag.iti__gp {
height: 14px;
background-position: -1995px 0px; }
.iti__flag.iti__gq {
height: 14px;
background-position: -2017px 0px; }
.iti__flag.iti__gr {
height: 14px;
background-position: -2039px 0px; }
.iti__flag.iti__gs {
height: 10px;
background-position: -2061px 0px; }
.iti__flag.iti__gt {
height: 13px;
background-position: -2083px 0px; }
.iti__flag.iti__gu {
height: 11px;
background-position: -2105px 0px; }
.iti__flag.iti__gw {
height: 10px;
background-position: -2127px 0px; }
.iti__flag.iti__gy {
height: 12px;
background-position: -2149px 0px; }
.iti__flag.iti__hk {
height: 14px;
background-position: -2171px 0px; }
.iti__flag.iti__hm {
height: 10px;
background-position: -2193px 0px; }
.iti__flag.iti__hn {
height: 10px;
background-position: -2215px 0px; }
.iti__flag.iti__hr {
height: 10px;
background-position: -2237px 0px; }
.iti__flag.iti__ht {
height: 12px;
background-position: -2259px 0px; }
.iti__flag.iti__hu {
height: 10px;
background-position: -2281px 0px; }
.iti__flag.iti__ic {
height: 14px;
background-position: -2303px 0px; }
.iti__flag.iti__id {
height: 14px;
background-position: -2325px 0px; }
.iti__flag.iti__ie {
height: 10px;
background-position: -2347px 0px; }
.iti__flag.iti__il {
height: 15px;
background-position: -2369px 0px; }
.iti__flag.iti__im {
height: 10px;
background-position: -2391px 0px; }
.iti__flag.iti__in {
height: 14px;
background-position: -2413px 0px; }
.iti__flag.iti__io {
height: 10px;
background-position: -2435px 0px; }
.iti__flag.iti__iq {
height: 14px;
background-position: -2457px 0px; }
.iti__flag.iti__ir {
height: 12px;
background-position: -2479px 0px; }
.iti__flag.iti__is {
height: 15px;
background-position: -2501px 0px; }
.iti__flag.iti__it {
height: 14px;
background-position: -2523px 0px; }
.iti__flag.iti__je {
height: 12px;
background-position: -2545px 0px; }
.iti__flag.iti__jm {
height: 10px;
background-position: -2567px 0px; }
.iti__flag.iti__jo {
height: 10px;
background-position: -2589px 0px; }
.iti__flag.iti__jp {
height: 14px;
background-position: -2611px 0px; }
.iti__flag.iti__ke {
height: 14px;
background-position: -2633px 0px; }
.iti__flag.iti__kg {
height: 12px;
background-position: -2655px 0px; }
.iti__flag.iti__kh {
height: 13px;
background-position: -2677px 0px; }
.iti__flag.iti__ki {
height: 10px;
background-position: -2699px 0px; }
.iti__flag.iti__km {
height: 12px;
background-position: -2721px 0px; }
.iti__flag.iti__kn {
height: 14px;
background-position: -2743px 0px; }
.iti__flag.iti__kp {
height: 10px;
background-position: -2765px 0px; }
.iti__flag.iti__kr {
height: 14px;
background-position: -2787px 0px; }
.iti__flag.iti__kw {
height: 10px;
background-position: -2809px 0px; }
.iti__flag.iti__ky {
height: 10px;
background-position: -2831px 0px; }
.iti__flag.iti__kz {
height: 10px;
background-position: -2853px 0px; }
.iti__flag.iti__la {
height: 14px;
background-position: -2875px 0px; }
.iti__flag.iti__lb {
height: 14px;
background-position: -2897px 0px; }
.iti__flag.iti__lc {
height: 10px;
background-position: -2919px 0px; }
.iti__flag.iti__li {
height: 12px;
background-position: -2941px 0px; }
.iti__flag.iti__lk {
height: 10px;
background-position: -2963px 0px; }
.iti__flag.iti__lr {
height: 11px;
background-position: -2985px 0px; }
.iti__flag.iti__ls {
height: 14px;
background-position: -3007px 0px; }
.iti__flag.iti__lt {
height: 12px;
background-position: -3029px 0px; }
.iti__flag.iti__lu {
height: 12px;
background-position: -3051px 0px; }
.iti__flag.iti__lv {
height: 10px;
background-position: -3073px 0px; }
.iti__flag.iti__ly {
height: 10px;
background-position: -3095px 0px; }
.iti__flag.iti__ma {
height: 14px;
background-position: -3117px 0px; }
.iti__flag.iti__mc {
height: 15px;
background-position: -3139px 0px; }
.iti__flag.iti__md {
height: 10px;
background-position: -3160px 0px; }
.iti__flag.iti__me {
height: 10px;
background-position: -3182px 0px; }
.iti__flag.iti__mf {
height: 14px;
background-position: -3204px 0px; }
.iti__flag.iti__mg {
height: 14px;
background-position: -3226px 0px; }
.iti__flag.iti__mh {
height: 11px;
background-position: -3248px 0px; }
.iti__flag.iti__mk {
height: 10px;
background-position: -3270px 0px; }
.iti__flag.iti__ml {
height: 14px;
background-position: -3292px 0px; }
.iti__flag.iti__mm {
height: 14px;
background-position: -3314px 0px; }
.iti__flag.iti__mn {
height: 10px;
background-position: -3336px 0px; }
.iti__flag.iti__mo {
height: 14px;
background-position: -3358px 0px; }
.iti__flag.iti__mp {
height: 10px;
background-position: -3380px 0px; }
.iti__flag.iti__mq {
height: 14px;
background-position: -3402px 0px; }
.iti__flag.iti__mr {
height: 14px;
background-position: -3424px 0px; }
.iti__flag.iti__ms {
height: 10px;
background-position: -3446px 0px; }
.iti__flag.iti__mt {
height: 14px;
background-position: -3468px 0px; }
.iti__flag.iti__mu {
height: 14px;
background-position: -3490px 0px; }
.iti__flag.iti__mv {
height: 14px;
background-position: -3512px 0px; }
.iti__flag.iti__mw {
height: 14px;
background-position: -3534px 0px; }
.iti__flag.iti__mx {
height: 12px;
background-position: -3556px 0px; }
.iti__flag.iti__my {
height: 10px;
background-position: -3578px 0px; }
.iti__flag.iti__mz {
height: 14px;
background-position: -3600px 0px; }
.iti__flag.iti__na {
height: 14px;
background-position: -3622px 0px; }
.iti__flag.iti__nc {
height: 10px;
background-position: -3644px 0px; }
.iti__flag.iti__ne {
height: 15px;
background-position: -3666px 0px; }
.iti__flag.iti__nf {
height: 10px;
background-position: -3686px 0px; }
.iti__flag.iti__ng {
height: 10px;
background-position: -3708px 0px; }
.iti__flag.iti__ni {
height: 12px;
background-position: -3730px 0px; }
.iti__flag.iti__nl {
height: 14px;
background-position: -3752px 0px; }
.iti__flag.iti__no {
height: 15px;
background-position: -3774px 0px; }
.iti__flag.iti__np {
height: 15px;
background-position: -3796px 0px; }
.iti__flag.iti__nr {
height: 10px;
background-position: -3811px 0px; }
.iti__flag.iti__nu {
height: 10px;
background-position: -3833px 0px; }
.iti__flag.iti__nz {
height: 10px;
background-position: -3855px 0px; }
.iti__flag.iti__om {
height: 10px;
background-position: -3877px 0px; }
.iti__flag.iti__pa {
height: 14px;
background-position: -3899px 0px; }
.iti__flag.iti__pe {
height: 14px;
background-position: -3921px 0px; }
.iti__flag.iti__pf {
height: 14px;
background-position: -3943px 0px; }
.iti__flag.iti__pg {
height: 15px;
background-position: -3965px 0px; }
.iti__flag.iti__ph {
height: 10px;
background-position: -3987px 0px; }
.iti__flag.iti__pk {
height: 14px;
background-position: -4009px 0px; }
.iti__flag.iti__pl {
height: 13px;
background-position: -4031px 0px; }
.iti__flag.iti__pm {
height: 14px;
background-position: -4053px 0px; }
.iti__flag.iti__pn {
height: 10px;
background-position: -4075px 0px; }
.iti__flag.iti__pr {
height: 14px;
background-position: -4097px 0px; }
.iti__flag.iti__ps {
height: 10px;
background-position: -4119px 0px; }
.iti__flag.iti__pt {
height: 14px;
background-position: -4141px 0px; }
.iti__flag.iti__pw {
height: 13px;
background-position: -4163px 0px; }
.iti__flag.iti__py {
height: 11px;
background-position: -4185px 0px; }
.iti__flag.iti__qa {
height: 8px;
background-position: -4207px 0px; }
.iti__flag.iti__re {
height: 14px;
background-position: -4229px 0px; }
.iti__flag.iti__ro {
height: 14px;
background-position: -4251px 0px; }
.iti__flag.iti__rs {
height: 14px;
background-position: -4273px 0px; }
.iti__flag.iti__ru {
height: 14px;
background-position: -4295px 0px; }
.iti__flag.iti__rw {
height: 14px;
background-position: -4317px 0px; }
.iti__flag.iti__sa {
height: 14px;
background-position: -4339px 0px; }
.iti__flag.iti__sb {
height: 10px;
background-position: -4361px 0px; }
.iti__flag.iti__sc {
height: 10px;
background-position: -4383px 0px; }
.iti__flag.iti__sd {
height: 10px;
background-position: -4405px 0px; }
.iti__flag.iti__se {
height: 13px;
background-position: -4427px 0px; }
.iti__flag.iti__sg {
height: 14px;
background-position: -4449px 0px; }
.iti__flag.iti__sh {
height: 10px;
background-position: -4471px 0px; }
.iti__flag.iti__si {
height: 10px;
background-position: -4493px 0px; }
.iti__flag.iti__sj {
height: 15px;
background-position: -4515px 0px; }
.iti__flag.iti__sk {
height: 14px;
background-position: -4537px 0px; }
.iti__flag.iti__sl {
height: 14px;
background-position: -4559px 0px; }
.iti__flag.iti__sm {
height: 15px;
background-position: -4581px 0px; }
.iti__flag.iti__sn {
height: 14px;
background-position: -4603px 0px; }
.iti__flag.iti__so {
height: 14px;
background-position: -4625px 0px; }
.iti__flag.iti__sr {
height: 14px;
background-position: -4647px 0px; }
.iti__flag.iti__ss {
height: 10px;
background-position: -4669px 0px; }
.iti__flag.iti__st {
height: 10px;
background-position: -4691px 0px; }
.iti__flag.iti__sv {
height: 12px;
background-position: -4713px 0px; }
.iti__flag.iti__sx {
height: 14px;
background-position: -4735px 0px; }
.iti__flag.iti__sy {
height: 14px;
background-position: -4757px 0px; }
.iti__flag.iti__sz {
height: 14px;
background-position: -4779px 0px; }
.iti__flag.iti__ta {
height: 10px;
background-position: -4801px 0px; }
.iti__flag.iti__tc {
height: 10px;
background-position: -4823px 0px; }
.iti__flag.iti__td {
height: 14px;
background-position: -4845px 0px; }
.iti__flag.iti__tf {
height: 14px;
background-position: -4867px 0px; }
.iti__flag.iti__tg {
height: 13px;
background-position: -4889px 0px; }
.iti__flag.iti__th {
height: 14px;
background-position: -4911px 0px; }
.iti__flag.iti__tj {
height: 10px;
background-position: -4933px 0px; }
.iti__flag.iti__tk {
height: 10px;
background-position: -4955px 0px; }
.iti__flag.iti__tl {
height: 10px;
background-position: -4977px 0px; }
.iti__flag.iti__tm {
height: 14px;
background-position: -4999px 0px; }
.iti__flag.iti__tn {
height: 14px;
background-position: -5021px 0px; }
.iti__flag.iti__to {
height: 10px;
background-position: -5043px 0px; }
.iti__flag.iti__tr {
height: 14px;
background-position: -5065px 0px; }
.iti__flag.iti__tt {
height: 12px;
background-position: -5087px 0px; }
.iti__flag.iti__tv {
height: 10px;
background-position: -5109px 0px; }
.iti__flag.iti__tw {
height: 14px;
background-position: -5131px 0px; }
.iti__flag.iti__tz {
height: 14px;
background-position: -5153px 0px; }
.iti__flag.iti__ua {
height: 14px;
background-position: -5175px 0px; }
.iti__flag.iti__ug {
height: 14px;
background-position: -5197px 0px; }
.iti__flag.iti__um {
height: 11px;
background-position: -5219px 0px; }
.iti__flag.iti__un {
height: 14px;
background-position: -5241px 0px; }
.iti__flag.iti__us {
height: 11px;
background-position: -5263px 0px; }
.iti__flag.iti__uy {
height: 14px;
background-position: -5285px 0px; }
.iti__flag.iti__uz {
height: 10px;
background-position: -5307px 0px; }
.iti__flag.iti__va {
height: 15px;
background-position: -5329px 0px; }
.iti__flag.iti__vc {
height: 14px;
background-position: -5346px 0px; }
.iti__flag.iti__ve {
height: 14px;
background-position: -5368px 0px; }
.iti__flag.iti__vg {
height: 10px;
background-position: -5390px 0px; }
.iti__flag.iti__vi {
height: 14px;
background-position: -5412px 0px; }
.iti__flag.iti__vn {
height: 14px;
background-position: -5434px 0px; }
.iti__flag.iti__vu {
height: 12px;
background-position: -5456px 0px; }
.iti__flag.iti__wf {
height: 14px;
background-position: -5478px 0px; }
.iti__flag.iti__ws {
height: 10px;
background-position: -5500px 0px; }
.iti__flag.iti__xk {
height: 15px;
background-position: -5522px 0px; }
.iti__flag.iti__ye {
height: 14px;
background-position: -5544px 0px; }
.iti__flag.iti__yt {
height: 14px;
background-position: -5566px 0px; }
.iti__flag.iti__za {
height: 14px;
background-position: -5588px 0px; }
.iti__flag.iti__zm {
height: 14px;
background-position: -5610px 0px; }
.iti__flag.iti__zw {
height: 10px;
background-position: -5632px 0px; }
.iti__flag {
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url('flags.png');
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-image: url('flags@2x.png'); } }
.iti__flag.iti__np {
background-color: transparent; }
.dataTable-wrapper.no-header .dataTable-container {
border-top: 1px solid #d9d9d9;
}
.dataTable-wrapper.no-footer .dataTable-container {
border-bottom: 1px solid #d9d9d9;
}
.dataTable-top,
.dataTable-bottom {
padding: 8px 10px;
}
.dataTable-top > nav:first-child,
.dataTable-top > div:first-child,
.dataTable-bottom > nav:first-child,
.dataTable-bottom > div:first-child {
float: left;
}
.dataTable-top > nav:last-child,
.dataTable-top > div:last-child,
.dataTable-bottom > nav:last-child,
.dataTable-bottom > div:last-child {
float: right;
}
.dataTable-selector {
padding: 6px;
}
.dataTable-input {
padding: 6px 12px;
}
.dataTable-info {
margin: 7px 0;
}
/* PAGER */
.dataTable-pagination ul {
margin: 0;
padding-left: 0;
}
.dataTable-pagination li {
list-style: none;
float: left;
}
.dataTable-pagination a {
border: 1px solid transparent;
float: left;
margin-left: 2px;
padding: 6px 12px;
position: relative;
text-decoration: none;
color: #333;
}
.dataTable-pagination a:hover {
background-color: #d9d9d9;
}
.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
background-color: #d9d9d9;
cursor: default;
}
.dataTable-pagination .ellipsis a,
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
cursor: not-allowed;
}
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
cursor: not-allowed;
opacity: 0.4;
}
.dataTable-pagination .pager a {
font-weight: bold;
}
/* TABLE */
.dataTable-table {
max-width: 100%;
width: 100%;
border-spacing: 0;
border-collapse: separate;
}
.dataTable-table > tbody > tr > td,
.dataTable-table > tbody > tr > th,
.dataTable-table > tfoot > tr > td,
.dataTable-table > tfoot > tr > th,
.dataTable-table > thead > tr > td,
.dataTable-table > thead > tr > th {
vertical-align: top;
padding: 8px 10px;
}
.dataTable-table > thead > tr > th {
vertical-align: bottom;
text-align: left;
border-bottom: 1px solid #d9d9d9;
}
.dataTable-table > tfoot > tr > th {
vertical-align: bottom;
text-align: left;
border-top: 1px solid #d9d9d9;
}
.dataTable-table th {
vertical-align: bottom;
text-align: left;
}
.dataTable-table th a {
text-decoration: none;
color: inherit;
}
.dataTable-sorter {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
.dataTable-sorter::before,
.dataTable-sorter::after {
content: "";
height: 0;
width: 0;
position: absolute;
right: 4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
opacity: 0.2;
}
.dataTable-sorter::before {
border-top: 4px solid #000;
bottom: 0px;
}
.dataTable-sorter::after {
border-bottom: 4px solid #000;
border-top: 4px solid transparent;
top: 0px;
}
.asc .dataTable-sorter::after,
.desc .dataTable-sorter::before {
opacity: 0.6;
}
.dataTables-empty {
text-align: center;
}
.dataTable-top::after, .dataTable-bottom::after {
clear: both;
content: " ";
display: table;
}
.ngx-datatable {
display: block;
overflow: hidden;
justify-content: center;
position: relative;
transform: translate3d(0, 0, 0);
/**
* Vertical Scrolling Adjustments
*/
/**
* Horizontal Scrolling Adjustments
*/
/**
* Fixed Header Height Adjustments
*/
/**
* Fixed row height adjustments
*/
/**
* Shared Styles
*/
/**
* Header Styles
*/
/**
* Body Styles
*/
/**
* Footer Styles
*/ }
.ngx-datatable [hidden] {
display: none !important; }
.ngx-datatable *,
.ngx-datatable *:before,
.ngx-datatable *:after {
box-sizing: border-box; }
.ngx-datatable.scroll-vertical .datatable-body {
overflow-y: auto; }
.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
position: absolute; }
.ngx-datatable.scroll-horz .datatable-body {
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
white-space: nowrap; }
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.ngx-datatable.fixed-row .datatable-scroll {
white-space: nowrap; }
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
white-space: nowrap; }
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.ngx-datatable .datatable-body-row,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-header-inner {
display: flex;
flex-direction: row;
-o-flex-flow: row;
flex-flow: row; }
.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell {
overflow-x: hidden;
vertical-align: top;
display: inline-block;
line-height: 1.625; }
.ngx-datatable .datatable-body-cell:focus,
.ngx-datatable .datatable-header-cell:focus {
outline: none; }
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-right {
z-index: 9; }
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-group,
.ngx-datatable .datatable-row-right {
position: relative; }
.ngx-datatable .datatable-header {
display: block;
overflow: hidden; }
.ngx-datatable .datatable-header .datatable-header-inner {
align-items: stretch;
-webkit-align-items: stretch; }
.ngx-datatable .datatable-header .datatable-header-cell {
position: relative;
display: inline-block; }
.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
cursor: pointer; }
.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
cursor: move; }
.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
line-height: 100%;
vertical-align: middle;
display: inline-block;
cursor: pointer; }
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
display: inline-block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 5px;
padding: 0 4px;
visibility: hidden; }
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
cursor: ew-resize; }
.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
visibility: visible; }
.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
visibility: visible; }
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
position: absolute;
top: 0;
bottom: 0; }
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
right: 0; }
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
left: 0; }
.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
height: inherit; }
.ngx-datatable .datatable-body {
position: relative;
z-index: 10;
display: block; }
.ngx-datatable .datatable-body .datatable-scroll {
display: inline-block; }
.ngx-datatable .datatable-body .datatable-row-detail {
overflow-y: hidden; }
.ngx-datatable .datatable-body .datatable-row-wrapper {
display: flex;
flex-direction: column; }
.ngx-datatable .datatable-body .datatable-body-row {
outline: none; }
.ngx-datatable .datatable-body .datatable-body-row > div {
display: flex; }
.ngx-datatable .datatable-footer {
display: block;
width: 100%;
overflow: auto; }
.ngx-datatable .datatable-footer .datatable-footer-inner {
display: flex;
align-items: center;
width: 100%; }
.ngx-datatable .datatable-footer .selected-count .page-count {
flex: 1 1 40%; }
.ngx-datatable .datatable-footer .selected-count .datatable-pager {
flex: 1 1 60%; }
.ngx-datatable .datatable-footer .page-count {
flex: 1 1 20%; }
.ngx-datatable .datatable-footer .datatable-pager {
flex: 1 1 80%;
text-align: right; }
.ngx-datatable .datatable-footer .datatable-pager .pager,
.ngx-datatable .datatable-footer .datatable-pager .pager li {
padding: 0;
margin: 0;
display: inline-block;
list-style: none; }
.ngx-datatable .datatable-footer .datatable-pager .pager li,
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
outline: none; }
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
cursor: pointer;
display: inline-block; }
.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
cursor: not-allowed; }
@font-face {
font-family: 'data-table';
src: url('data-table.eot');
src: url('data-table.eot?#iefix') format('embedded-opentype'), url('data-table.woff') format('woff'),
url('data-table.ttf') format('truetype'), url('data-table.svg#data-table') format('svg');
font-weight: normal;
font-style: normal;
}
[data-icon]::before {
font-family: 'data-table' !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^='datatable-icon-']::before,
[class*=' datatable-icon-']::before {
font-family: 'data-table' !important;
font-style: normal !important;
font-weight: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.datatable-icon-filter::before {
content: '\62';
}
.datatable-icon-collapse::before {
content: '\61';
}
.datatable-icon-expand::before {
content: '\63';
}
.datatable-icon-close::before {
content: '\64';
}
.datatable-icon-up::before {
content: '\65';
}
.datatable-icon-down::before {
content: '\66';
}
.datatable-icon-sort-unset::before {
content: '\63';
opacity: 0.5;
}
.datatable-icon-sort::before {
content: '\67';
}
.datatable-icon-done::before {
content: '\68';
}
.datatable-icon-done-all::before {
content: '\69';
}
.datatable-icon-search::before {
content: '\6a';
}
.datatable-icon-pin::before {
content: '\6b';
}
.datatable-icon-add::before {
content: '\6d';
}
.datatable-icon-left::before {
content: '\6f';
}
.datatable-icon-right::before {
content: '\70';
}
.datatable-icon-skip::before {
content: '\71';
}
.datatable-icon-prev::before {
content: '\72';
}
.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
box-sizing: border-box;
touch-action: manipulation;
background: #fff;
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible;
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999;
}
.flatpickr-calendar.animate.open {
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px;
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: '';
height: 0;
width: 0;
left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
left: auto;
right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
left: 50%;
right: 50%;
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px;
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff;
}
.flatpickr-calendar:focus {
outline: 0;
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
}
.flatpickr-months {
display: flex;
}
.flatpickr-months .flatpickr-month {
background: transparent;
color: rgba(0,0,0,0.9);
fill: rgba(0,0,0,0.9);
height: 34px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
user-select: none;
overflow: hidden;
flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
-webkit-user-select: none;
user-select: none;
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: rgba(0,0,0,0.9);
fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
/*rtl:begin:ignore*/
/*
*/
left: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
/*rtl:begin:ignore*/
/*
*/
right: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
transition: fill 0.1s;
fill: inherit;
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block;
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper input::-ms-clear {
display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57,57,57,0.15);
box-sizing: border-box;
}
.numInputWrapper span:hover {
background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute;
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57,57,57,0.6);
top: 26%;
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57,57,57,0.6);
top: 40%;
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
opacity: 1;
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.5ch;
padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
background: transparent;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
-webkit-appearance: textfield;
appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0,0,0,0.5);
background: transparent;
pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: inherit;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 0.5ch;
position: relative;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent;
outline: none;
padding: 0;
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: flex;
flex: 1;
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: rgba(0,0,0,0.54);
line-height: 1;
margin: 0;
text-align: center;
display: block;
flex: 1;
font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0;
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
box-sizing: border-box;
display: inline-block;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-around;
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
.dayContainer + .dayContainer {
box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6;
}
.flatpickr-day.today {
border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #959ea9;
background: #959ea9;
color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #569ff7;
box-shadow: none;
color: #fff;
border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px;
}
.flatpickr-day.inRange {
border-radius: 0;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57,57,57,0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
border-radius: 0;
box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
visibility: hidden;
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
.flatpickr-weekwrapper {
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(57,57,57,0.3);
background: transparent;
cursor: default;
border: none;
}
.flatpickr-innerContainer {
display: block;
display: flex;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
box-sizing: border-box;
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
box-sizing: border-box;
overflow: hidden;
display: flex;
}
.flatpickr-time:after {
content: "";
display: table;
clear: both;
}
.flatpickr-time .numInputWrapper {
flex: 1;
width: 40%;
height: 40px;
float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%;
}
.flatpickr-time input {
background: transparent;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #393939;
font-size: 14px;
position: relative;
box-sizing: border-box;
-webkit-appearance: textfield;
appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400;
}
.flatpickr-time input:focus {
outline: 0;
border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
height: inherit;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
-webkit-user-select: none;
user-select: none;
align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: #eee;
}
.flatpickr-input[readonly] {
cursor: pointer;
}
@keyframes fpFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}
@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}
@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}
.dropzone,.dropzone *{box-sizing:border-box}
.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;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:.5}
.dropzone .dz-message{text-align:center;margin:2em 0}
.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}
.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:linear-gradient(to bottom, #eee, #ddd)}
.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}
.dropzone .dz-preview.dz-image-preview{background:#fff}
.dropzone .dz-preview.dz-image-preview .dz-details{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,.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,.8);background-color:rgba(255,255,255,.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,.4);padding:0 .4em;border-radius:3px}
.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);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{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}
.dropzone .dz-preview.dz-error .dz-error-mark{opacity: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;transition:all 0.2s linear}
.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity 0.4s ease-in}
.dropzone .dz-preview:not(.dz-processing) .dz-progress{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,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}
.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;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;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:.5em 1.2em;color:#fff}
.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}
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}
.animate__animated.animate__infinite{animation-iteration-count:infinite}
.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}
.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)}
.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)}
.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}
.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)}
.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)}
.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)}
.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)}
.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)}
.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*0.8)}
.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)}
.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)}
@media (prefers-reduced-motion:reduce), print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}
@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}
.animate__bounce{animation-name:bounce;transform-origin:center bottom}
@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}
.animate__flash{animation-name:flash}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}
.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}
@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}
.animate__rubberBand{animation-name:rubberBand}
@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}
.animate__shakeX{animation-name:shakeX}
@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}
.animate__shakeY{animation-name:shakeY}
@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}
.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}
@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}
.animate__swing{transform-origin:top center;animation-name:swing}
@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}
.animate__tada{animation-name:tada}
@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}
.animate__wobble{animation-name:wobble}
@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}
.animate__jello{animation-name:jello;transform-origin:center}
@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}
.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}
@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}
.animate__backInDown{animation-name:backInDown}
@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}
.animate__backInLeft{animation-name:backInLeft}
@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}
.animate__backInRight{animation-name:backInRight}
@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}
.animate__backInUp{animation-name:backInUp}
@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}
.animate__backOutDown{animation-name:backOutDown}
@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}
.animate__backOutLeft{animation-name:backOutLeft}
@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}
.animate__backOutRight{animation-name:backOutRight}
@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}
.animate__backOutUp{animation-name:backOutUp}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}
.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceIn}
@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}
.animate__bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}
.animate__bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}
.animate__bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}
.animate__bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}
.animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceOut}
@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}
.animate__bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}
.animate__bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}
.animate__bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}
.animate__bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.animate__fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInDown{animation-name:fadeInDown}
@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInTopLeft{animation-name:fadeInTopLeft}
@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInTopRight{animation-name:fadeInTopRight}
@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}
@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}
.animate__fadeInBottomRight{animation-name:fadeInBottomRight}
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
.animate__fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}
.animate__fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}
.animate__fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}
.animate__fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}
.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}
.animate__fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}
.animate__fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}
.animate__fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}
.animate__fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}
.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}
@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}
.animate__fadeOutTopRight{animation-name:fadeOutTopRight}
@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}
.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}
@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}
.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}
@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}
.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}
.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}
.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}
@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}
.animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}
.animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}
@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}
.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}
@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}
.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}
@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}
.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}
@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}
.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}
@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}
.animate__rotateIn{animation-name:rotateIn;transform-origin:center}
@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}
.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}
@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}
.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}
@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}
.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}
@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}
.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}
@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}
.animate__rotateOut{animation-name:rotateOut;transform-origin:center}
@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}
.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}
@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}
.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}
@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}
.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}
@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}
.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}
@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}
.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left}
@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}
.animate__jackInTheBox{animation-name:jackInTheBox}
@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}
.animate__rollIn{animation-name:rollIn}
@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}
.animate__rollOut{animation-name:rollOut}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.animate__zoomIn{animation-name:zoomIn}
@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInDown{animation-name:zoomInDown}
@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInLeft{animation-name:zoomInLeft}
@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInRight{animation-name:zoomInRight}
@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomInUp{animation-name:zoomInUp}
@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}
.animate__zoomOut{animation-name:zoomOut}
@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}
.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}
.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}
@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}
@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}
.animate__slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}
.animate__slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}
.animate__slideInRight{animation-name:slideInRight}
@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}
.animate__slideInUp{animation-name:slideInUp}
@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}
.animate__slideOutDown{animation-name:slideOutDown}
@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}
.animate__slideOutLeft{animation-name:slideOutLeft}
@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}
.animate__slideOutRight{animation-name:slideOutRight}
@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}
.animate__slideOutUp{animation-name:slideOutUp}
aw-wizard {
display: flex;
justify-content: flex-start;
}
aw-wizard .wizard-steps {
top: 0;
display: flex;
}
aw-wizard.horizontal {
flex-direction: column;
}
aw-wizard.horizontal .wizard-steps {
width: 100%;
flex-direction: row;
}
aw-wizard.vertical {
flex-direction: row;
}
aw-wizard.vertical .wizard-steps {
min-width: calc(100% - 280px);
width: 80%;
height: 100%;
flex-direction: column;
}
aw-wizard-step,
aw-wizard-completion-step {
height: auto;
width: 100%;
}
aw-wizard-navigation-bar ul.steps-indicator * {
box-sizing: border-box;
}
aw-wizard-navigation-bar ul.steps-indicator li {
position: relative;
pointer-events: none;
}
aw-wizard-navigation-bar ul.steps-indicator li a .label {
color: #808080;
line-height: 14px;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
transition: 0.25s;
}
aw-wizard-navigation-bar ul.steps-indicator li.navigable {
pointer-events: auto;
}
aw-wizard-navigation-bar ul.steps-indicator li.navigable a {
cursor: pointer;
}
aw-wizard-navigation-bar ul.steps-indicator li.navigable a:hover .label {
color: #4d4d4d;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator {
display: flex;
flex-direction: row;
justify-content: center;
margin: 0;
width: 100%;
list-style: none;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-2:after {
left: 25%;
right: 25%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-2 li {
width: 50%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-3:after {
left: 16.6666666667%;
right: 16.6666666667%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-3 li {
width: 33.3333333333%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-4:after {
left: 12.5%;
right: 12.5%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-4 li {
width: 25%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-5:after {
left: 10%;
right: 10%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-5 li {
width: 20%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-6:after {
left: 8.3333333333%;
right: 8.3333333333%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-6 li {
width: 16.6666666667%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-7:after {
left: 7.1428571429%;
right: 7.1428571429%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-7 li {
width: 14.2857142857%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-8:after {
left: 6.25%;
right: 6.25%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-8 li {
width: 12.5%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-9:after {
left: 5.5555555556%;
right: 5.5555555556%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-9 li {
width: 11.1111111111%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-10:after {
left: 5%;
right: 5%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator.steps-10 li {
width: 10%;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator li {
margin: 0;
padding: 0;
text-align: center;
}
aw-wizard-navigation-bar.horizontal ul.steps-indicator li a .label {
display: inline-block;
padding-top: 10px;
text-align: center;
}
aw-wizard-navigation-bar.vertical {
max-width: 280px;
width: 20%;
height: 100%;
position: sticky;
top: 0;
}
aw-wizard-navigation-bar.vertical ul.steps-indicator {
display: flex;
flex-direction: column;
justify-content: center;
list-style: none;
margin: auto;
}
aw-wizard-navigation-bar.vertical ul.steps-indicator li:not(:last-child) {
margin-bottom: 0;
padding-bottom: 10px;
}
aw-wizard-navigation-bar.vertical ul.steps-indicator li a {
display: flex;
flex-direction: row;
align-items: center;
}
aw-wizard-navigation-bar.vertical ul.steps-indicator li a .label {
margin-left: 15px;
text-align: left;
}
[dir=rtl] aw-wizard-navigation-bar.vertical ul.steps-indicator li a .label {
margin-left: 0;
margin-right: 15px;
text-align: right;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator {
padding: 24px 0 10px 0;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
height: 1px;
width: calc(100% - 14px);
top: -7px;
left: calc(50% + 7px);
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li:not(:last-child):after {
left: auto;
right: calc(50% + 7px);
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li .step-indicator {
top: -14px;
left: calc(50% - 7px);
position: absolute;
width: 14px;
height: 14px;
text-align: center;
vertical-align: middle;
line-height: 14px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li .step-indicator {
left: auto;
right: calc(50% - 7px);
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.done .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.current .step-indicator {
background-color: #808080;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 14px;
height: 14px;
text-align: center;
vertical-align: middle;
line-height: 14px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
}
aw-wizard-navigation-bar.horizontal.small ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator {
padding: 60px 0 10px 0;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
height: 1px;
width: calc(100% - 50px);
top: -25px;
left: calc(50% + 25px);
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li:not(:last-child):after {
left: auto;
right: calc(50% + 25px);
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li .step-indicator {
top: -50px;
left: calc(50% - 25px);
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li .step-indicator {
left: auto;
right: calc(50% - 25px);
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.done .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.current .step-indicator {
background-color: #808080;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
}
aw-wizard-navigation-bar.horizontal.large-filled ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator {
padding: 60px 0 10px 0;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
height: 1px;
width: calc(100% - 50px);
top: -25px;
left: calc(50% + 25px);
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li:not(:last-child):after {
left: auto;
right: calc(50% + 25px);
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li .step-indicator {
top: -50px;
left: calc(50% - 25px);
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li .step-indicator {
left: auto;
right: calc(50% - 25px);
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.optional .step-indicator {
border: 2px solid #38ef38;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.done .step-indicator {
border: 2px solid #339933;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.current .step-indicator {
border: 2px solid #808080;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.editing .step-indicator {
border: 2px solid #FF0000;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.completed .step-indicator {
border: 2px solid #339933;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #cdcdcd;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.optional a:hover .step-indicator {
border: 2px solid #12e212;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.done a:hover .step-indicator {
border: 2px solid #267326;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.current a:hover .step-indicator {
border: 2px solid #676767;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.editing a:hover .step-indicator {
border: 2px solid #cc0000;
}
aw-wizard-navigation-bar.horizontal.large-empty ul.steps-indicator li.navigable.completed a:hover .step-indicator {
border: 2px solid #267326;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator {
padding: 60px 0 10px 0;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
height: 1px;
width: calc(100% - 50px);
top: -25px;
left: calc(50% + 25px);
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li:not(:last-child):after {
left: auto;
right: calc(50% + 25px);
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li .step-indicator {
top: -50px;
left: calc(50% - 25px);
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
color: black;
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li .step-indicator {
left: auto;
right: calc(50% - 25px);
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.done .step-indicator {
background-color: #339933;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.current .step-indicator {
background-color: #808080;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-filled-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
color: black;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator {
padding: 60px 0 10px 0;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
height: 1px;
width: calc(100% - 50px);
top: -25px;
left: calc(50% + 25px);
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li:not(:last-child):after {
left: auto;
right: calc(50% + 25px);
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li .step-indicator {
top: -50px;
left: calc(50% - 25px);
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #E6E6E6;
color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li .step-indicator {
left: auto;
right: calc(50% - 25px);
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.optional .step-indicator {
border: 2px solid #38ef38;
color: #38ef38;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.done .step-indicator {
border: 2px solid #339933;
color: #339933;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.current .step-indicator {
border: 2px solid #808080;
color: #808080;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.editing .step-indicator {
border: 2px solid #FF0000;
color: #FF0000;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.completed .step-indicator {
border: 2px solid #339933;
color: #339933;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #cdcdcd;
color: #cdcdcd;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
border: 2px solid #12e212;
color: #12e212;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
border: 2px solid #267326;
color: #267326;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
border: 2px solid #676767;
color: #676767;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
border: 2px solid #cc0000;
color: #cc0000;
}
aw-wizard-navigation-bar.horizontal.large-empty-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
border: 2px solid #267326;
color: #267326;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator {
padding: 5px 5px 5px 19px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.small ul.steps-indicator {
padding: 5px 19px 5px 5px;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
left: -7px;
top: 14px;
height: calc(100% - 14px);
width: 1px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.small ul.steps-indicator li:not(:last-child):after {
left: auto;
right: -7px;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li a {
min-height: 14px;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li .step-indicator {
top: 0;
left: -14px;
position: absolute;
width: 14px;
height: 14px;
text-align: center;
vertical-align: middle;
line-height: 14px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.small ul.steps-indicator li .step-indicator {
left: auto;
right: -14px;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.done .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.current .step-indicator {
background-color: #808080;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 14px;
height: 14px;
text-align: center;
vertical-align: middle;
line-height: 14px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
}
aw-wizard-navigation-bar.vertical.small ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator {
padding: 5px 5px 5px 55px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator {
padding: 5px 55px 5px 5px;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
left: -25px;
top: 50px;
height: calc(100% - 50px);
width: 1px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li:not(:last-child):after {
left: auto;
right: -25px;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li a {
min-height: 50px;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li .step-indicator {
top: 0;
left: -50px;
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li .step-indicator {
left: auto;
right: -50px;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.done .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.current .step-indicator {
background-color: #808080;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
}
aw-wizard-navigation-bar.vertical.large-filled ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator {
padding: 5px 5px 5px 55px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator {
padding: 5px 55px 5px 5px;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
left: -25px;
top: 50px;
height: calc(100% - 50px);
width: 1px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li:not(:last-child):after {
left: auto;
right: -25px;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li a {
min-height: 50px;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li .step-indicator {
top: 0;
left: -50px;
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li .step-indicator {
left: auto;
right: -50px;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.optional .step-indicator {
border: 2px solid #38ef38;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.done .step-indicator {
border: 2px solid #339933;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.current .step-indicator {
border: 2px solid #808080;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.editing .step-indicator {
border: 2px solid #FF0000;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.completed .step-indicator {
border: 2px solid #339933;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #cdcdcd;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.optional a:hover .step-indicator {
border: 2px solid #12e212;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.done a:hover .step-indicator {
border: 2px solid #267326;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.current a:hover .step-indicator {
border: 2px solid #676767;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.editing a:hover .step-indicator {
border: 2px solid #cc0000;
}
aw-wizard-navigation-bar.vertical.large-empty ul.steps-indicator li.navigable.completed a:hover .step-indicator {
border: 2px solid #267326;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator {
padding: 5px 5px 5px 55px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator {
padding: 5px 55px 5px 5px;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
left: -25px;
top: 50px;
height: calc(100% - 50px);
width: 1px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li:not(:last-child):after {
left: auto;
right: -25px;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li a {
min-height: 50px;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li .step-indicator {
top: 0;
left: -50px;
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #E6E6E6;
color: black;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li .step-indicator {
left: auto;
right: -50px;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.optional .step-indicator {
background-color: #38ef38;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.done .step-indicator {
background-color: #339933;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.current .step-indicator {
background-color: #808080;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.editing .step-indicator {
background-color: #FF0000;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.completed .step-indicator {
background-color: #339933;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 50px;
transition: 0.25s;
border-radius: 100%;
background-color: #d9d9d9;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
background-color: #20ed20;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
background-color: #2d862d;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
background-color: #737373;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
background-color: #e60000;
color: black;
}
aw-wizard-navigation-bar.vertical.large-filled-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
background-color: #2d862d;
color: black;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator {
padding: 5px 5px 5px 55px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator {
padding: 5px 55px 5px 5px;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li:not(:last-child):after {
background-color: #E6E6E6;
content: "";
position: absolute;
left: -25px;
top: 50px;
height: calc(100% - 50px);
width: 1px;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li:not(:last-child):after {
left: auto;
right: -25px;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li a {
min-height: 50px;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li .step-indicator {
top: 0;
left: -50px;
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #E6E6E6;
color: #E6E6E6;
}
[dir=rtl] aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li .step-indicator {
left: auto;
right: -50px;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.optional .step-indicator {
border: 2px solid #38ef38;
color: #38ef38;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.done .step-indicator {
border: 2px solid #339933;
color: #339933;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.current .step-indicator {
border: 2px solid #808080;
color: #808080;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.editing .step-indicator {
border: 2px solid #FF0000;
color: #FF0000;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.completed .step-indicator {
border: 2px solid #339933;
color: #339933;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable a:hover .step-indicator {
position: absolute;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
line-height: 46px;
transition: 0.25s;
border-radius: 100%;
border: 2px solid #cdcdcd;
color: #cdcdcd;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.optional a:hover .step-indicator {
border: 2px solid #12e212;
color: #12e212;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.done a:hover .step-indicator {
border: 2px solid #267326;
color: #267326;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.current a:hover .step-indicator {
border: 2px solid #676767;
color: #676767;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.editing a:hover .step-indicator {
border: 2px solid #cc0000;
color: #cc0000;
}
aw-wizard-navigation-bar.vertical.large-empty-symbols ul.steps-indicator li.navigable.completed a:hover .step-indicator {
border: 2px solid #267326;
color: #267326;
}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.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 styles */
.toast-title {
font-weight: bold;
}
.toast-message {
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;
text-shadow: 0 1px 0 #ffffff;
/* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
}
/*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;
}
.toast-container {
pointer-events: none;
position: fixed;
z-index: 999999;
}
.toast-container * {
box-sizing: border-box;
}
.toast-container .ngx-toastr {
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;
background-size: 24px;
box-shadow: 0 0 12px #999999;
color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
box-shadow: 0 0 12px #000000;
opacity: 1;
cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
width: 300px;
margin-left: auto;
margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
width: 96%;
margin-left: auto;
margin-right: auto;
}
.ngx-toastr {
background-color: #030303;
pointer-events: auto;
}
.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;
}
/* Responsive Design */
@media all and (max-width: 240px) {
.toast-container .ngx-toastr.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 .ngx-toastr.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 .ngx-toastr.div {
padding: 15px 15px 15px 50px;
width: 25em;
}
}
.accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0;
}
.accordion .card:not(:first-of-type) .card-header:first-child {
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;
}
ul li ul:hover {
visibility: visible;
opacity: 1;
display: block;
}
.example .pagination {
margin-bottom: 0;
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 3px;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
background-color: #fff;
border: 1px solid #eff0f6;
color: #424e79;
box-shadow: none;
}
.page-link:hover {
z-index: 2;
color: #295a9f;
text-decoration: none;
background-color: rgba(70, 127, 207, 0.06);
box-shadow: none;
outline: 0;
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: none;
}
.page-link:not(:disabled):not(.disabled) {
cursor: pointer;
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #ff663c;
border-color: #ff663c;
}
.page-item.active .page-link:hover {
color: #fff !important;
}
.page-item.disabled .page-link {
color: #ced4da;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #eff0f6;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.125rem;
line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/*-------Accordion-----------*/
.panel-group .panel {
border-radius: 4px;
box-shadow: none;
border: 1px solid #eff0f6;
}
.panel-default > .panel-heading {
padding: 0;
border-radius: 0;
color: #4454c3;
background-color: #f4f5fb;
}
.panel-title {
font-size: 14px;
margin-bottom: 0;
}
.panel-title > a {
display: block;
padding: 15px;
text-decoration: none;
}
.more-less {
float: right;
color: #212121;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border: 1px solid #eff0f6;
line-height: 25px;
font-size: 14px;
}
.panel > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.panel-default .list-group-item.active {
color: #000;
background-color: #f4f5fb;
border-color: #f4f5fb;
}
.panel-default .list-group-item.active:hover, .panel-default .list-group-item.active:focus {
color: #000;
background-color: #f4f5fb;
border-color: #f4f5fb;
}
.panel-primary .list-group-item.active {
color: #fff;
background-color: #4454c3;
border-color: #4454c3;
}
.panel-primary .list-group-item.active:hover {
color: #fff !important;
background-color: #255be6;
border-color: #255be6;
}
.panel-success .list-group-item.active {
color: #fff;
background-color: #2dce89 !important;
border-color: #2dce89 !important;
}
.panel-success .list-group-item.active:hover {
color: #fff !important;
background-color: #15ca7c;
border-color: #15ca7c;
}
.panel-info .list-group-item.active {
color: #fff;
background-color: #45aaf2 !important;
border-color: #45aaf2;
}
.panel-info .list-group-item.active:hover {
color: #fff !important;
background-color: #2d9eef;
border-color: #2d9eef;
}
.panel-warning .list-group-item.active {
color: #fff;
background-color: #ecb403 !important;
border-color: #ecb403;
}
.panel-warning .list-group-item.active:hover {
color: #fff !important;
background-color: #cea70c;
border-color: #cea70c;
}
.panel-danger .list-group-item.active {
color: #fff;
background-color: #dc0441 !important;
border-color: #dc0441;
}
.panel-danger .list-group-item.active:hover {
color: #fff !important;
background-color: #a15226;
border-color: #a15226;
}
.wrap {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
border-radius: 4px;
}
a:focus, a:hover, a:active {
outline: 0;
text-decoration: none;
}
.panel1 {
border-width: 0 0 1px 0;
border-style: solid;
border-color: #fff;
background: none;
box-shadow: none;
}
.panel1:last-child {
border-bottom: none;
}
.panel-group1 > .panel1:first-child .panel-heading1 {
border-radius: 4px 4px 0 0;
}
.panel-group1 .panel1 {
border-radius: 0;
}
.panel-title1 {
font-size: 14px;
margin-bottom: 0;
}
.panel-group1 .panel1 + .panel1 {
margin-top: 0;
}
.panel-group1 .panel-body {
border: 1px solid #eff0f6;
}
.panel-title1 a {
display: block;
color: #fff;
padding: 15px 20px;
position: relative;
font-size: 16px;
background: #4454c3;
font-weight: 400;
}
#accordion1 .panel-title1 a:hover {
color: #fff !important;
}
.panel-body1 {
background: #fff;
padding: 10px;
}
.panel1:last-child .panel-body1 {
border-radius: 0 0 4px 4px;
}
.panel1:last-child .panel-heading1 {
border-radius: 0 0 4px 4px;
transition: border-radius 0.3s linear 0.2s;
}
.panel1:last-child .panel-heading1.active {
border-radius: 0;
transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */
.panel-title a.accordion-toggle:before {
content: "\f068";
padding: 0 10px 0 0;
color: #fff;
font-family: FontAwesome;
float: right;
}
.panel-title a.accordion-toggle.collapsed:before {
content: "\f067";
padding: 0 10px 0 0;
color: #fff;
font-family: FontAwesome;
float: right;
}
.panel-heading1 {
color: #fff;
padding: 0;
}
.panel-heading1 a.collapsed:before {
content: "\e9af";
position: absolute;
font-family: "feather" !important;
right: 10px;
top: 13px;
font-size: 20px;
transition: all 0.5s;
transform: scale(1);
}
.panel-heading1 a:before {
content: "\e994";
position: absolute;
font-family: "feather" !important;
right: 10px;
top: 13px;
font-size: 20px;
transition: all 0.5s;
transform: scale(1);
}
.panel-heading1.active a:before {
content: " ";
transition: all 0.5s;
transform: scale(0);
}
.demo-accordion p:last-child,
.panel-group1 p:last-child {
margin-bottom: 0;
}
#bs-collapse .panel-heading1 a:after {
content: "\f01a";
font-size: 24px;
position: absolute;
font-family: "FontAwesome";
right: 5px;
top: 10px;
transform: scale(0);
transition: all 0.5s;
}
#bs-collapse .panel-heading1.active a:after {
content: "\f01a";
transform: scale(1);
transition: all 0.5s;
}
/* #accordion rotate icon option */
#accordion .panel-heading1 a:before {
content: "\f01a";
font-size: 24px;
position: absolute;
font-family: "FontAwesome";
right: 5px;
top: 10px;
transform: rotate(180deg);
transition: all 0.5s;
}
#accordion .panel-heading1.active a:before {
transform: rotate(0deg);
transition: all 0.5s;
}
/*-----Alerts-----*/
.alert {
font-size: 0.9375rem;
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 3px;
}
.alert:first-child {
margin-bottom: 1rem !important;
}
.alert:last-child {
margin-bottom: 0;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 500;
}
.alert-link:hover,
.alert-link a:hover {
text-decoration: underline;
}
.alert-dismissible {
padding-right: 3.90625rem;
}
hr.message-inner-separator {
clear: both;
margin-top: 10px;
margin-bottom: 13px;
border: 0;
height: 1px;
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit;
}
.alert-primary {
color: #464a4e;
background-color: #c5b8e6;
border-color: #d1bffd;
}
.alert-primary hr {
border-top-color: #b7cded;
}
.alert-primary .alert-link {
color: #172b46;
}
.alert-secondary {
color: #464a4e;
background-color: #f72d66;
border-color: #f72d66;
}
.alert-secondary hr {
border-top-color: #f72d66;
}
.alert-secondary .alert-link {
color: #f72d66;
}
.alert-success {
color: #000;
background-color: #2dce89;
border-color: #2dce89;
}
.alert-success hr {
border-top-color: #c5e7a4;
}
.alert-success .alert-link {
color: #172e00;
}
.alert-info {
color: #24587e;
background-color: #9eecff;
border-color: #6cd5ef;
}
.alert-info hr {
border-top-color: #b3dcf9;
}
.alert-info .alert-link {
color: #193c56;
}
.alert-warning {
color: #7d6608;
background-color: #ffdd81;
border-color: #e6bb45;
}
.alert-warning hr {
border-top-color: #fae8a4;
}
.alert-warning .alert-link {
color: #4d3f05;
}
.alert-danger {
color: #6b1110;
background-color: #fb959b;
border-color: #f7727a;
}
.alert-danger hr {
border-top-color: #ecacab;
}
.alert-danger .alert-link {
color: #3f0a09;
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-light hr {
border-top-color: #ececf6;
}
.alert-light .alert-link {
color: #686868;
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
.alert-dark hr {
border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
color: #040505;
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
.alert-icon {
padding-left: 3rem;
}
.alert-icon > i {
color: inherit !important;
font-size: 1rem;
position: absolute;
top: 1rem;
left: 1rem;
}
.alert-avatar {
padding-left: 3.75rem;
}
.alert-avatar .avatar {
position: absolute;
top: 0.5rem;
left: 0.75rem;
}
.btn-close {
font-size: 1rem;
line-height: 1.5;
transition: 0.3s color;
}
/*
.btn-close:before {
content: '\ea00';
font-family: "feather";
}
*/
/*----- Avatars -----*/
.country-selector .avatar {
width: 1.4rem;
height: 1.2rem;
}
.avatar {
width: 2rem;
height: 2rem;
line-height: 2rem;
position: relative;
text-align: center;
display: inline-block;
background: #4454c3 no-repeat center/cover;
color: #fff;
font-weight: 600;
vertical-align: bottom;
font-size: 0.875rem;
-webkit-user-select: none;
user-select: none;
}
.noborder {
border-radius: 0;
}
.brround {
border-radius: 50%;
}
.bradius {
border-radius: 25%;
}
.avatar i {
font-size: 125%;
vertical-align: sub;
}
.avatar-status {
position: absolute;
right: -2px;
bottom: -2px;
width: 0.75rem;
height: 0.75rem;
border: 2px solid #fff;
background: #868e96;
border-radius: 50%;
}
.avatar-sm {
width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
font-size: 0.75rem;
}
.avatar-md {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
font-size: 1rem;
}
.avatar-lg {
width: 3rem;
height: 3rem;
line-height: 3rem;
font-size: 1.25rem;
}
.avatar-xl {
width: 4rem !important;
height: 4rem !important;
line-height: 4rem;
font-size: 1.75rem;
}
.avatar-xxl {
width: 5rem;
height: 5rem;
line-height: 5rem;
font-size: 2rem;
}
.avatar-placeholder {
background: #ced4da url('data:image/svg+xml;charset=utf8,') no-repeat center/80%;
}
.avatar-list {
margin: 0 0 -0.5rem;
padding: 0;
font-size: 0;
}
.avatar-list .avatar {
margin-bottom: 0.5rem;
}
.avatar-list .avatar:not(:last-child) {
margin-right: 0.5rem;
}
.avatar-list-stacked .avatar {
margin-right: -0.8em !important;
box-shadow: 0 0 0 2px #fff;
}
.avatar-blue {
background-color: #083dc1;
color: #467fcf;
}
.avatar-indigo {
background-color: #d1d5f0;
color: #6574cd;
}
.avatar-purple {
background-color: #e4cff9;
color: #aa4cf2;
}
.avatar-pink {
background-color: #fcd3e1;
color: #ec82ef;
}
.avatar-red {
background-color: #f0bcbc;
color: #dc0441;
}
.avatar-orange {
background-color: #fee0c7;
color: #fc7303;
}
.avatar-yellow {
background-color: #fbedb7;
color: #ecb403;
}
.avatar-green {
background-color: #cfeab3;
color: #2dce89;
}
.avatar-teal {
background-color: #bfefea;
color: #2bcbba;
}
.avatar-cyan {
background-color: #b9e3ea;
color: #17a2b8;
}
.avatar-white {
background-color: white;
color: #fff;
}
.avatar-gray {
background-color: #dbdde0;
color: #868e96;
}
.avatar-gray-dark {
background-color: #c2c4c6;
color: #343a40;
}
.avatar-azure {
background-color: #c7e6fb;
color: #45aaf2;
}
.avatar-lime {
background-color: #d7f2c2;
color: #7bd235;
}
.product-price {
font-size: 1rem;
}
.product-price strong {
font-size: 1.5rem;
}
@keyframes indeterminate {
0% {
left: -35%;
right: 100%;
}
100%, 60% {
left: 100%;
right: -90%;
}
}
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
100%, 60% {
left: 107%;
right: -8%;
}
}
/*-----Badges-----*/
.btn .badge {
position: relative;
top: -1px;
}
.badge .bg-primary {
color: #fff;
background-color: #4454c3;
}
.badge .bg-primary[href]:hover, .badge .bg-primary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #24987e;
}
.badge .bg-secondary {
color: #fff;
background-color: #f72d66;
}
.badge .bg-secondary[href]:hover, .badge .bg-secondary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #f72d66;
}
.badge .bg-success {
color: #fff;
background-color: #2dce89;
}
.badge .bg-success[href]:hover, .badge .bg-success[href]:focus {
color: #fff;
text-decoration: none;
background-color: #15ca7c;
}
.badge .bg-info {
color: #fff;
background-color: #45aaf2;
}
.badge .bg-info[href]:hover, .badge .bg-info[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1594ef;
}
.badge .bg-warning {
color: #fff;
background-color: #ecb403;
}
.badge .bg-warning[href]:hover, .badge .bg-warning[href]:focus {
color: #fff;
text-decoration: none;
background-color: #c29d0b;
}
.badge .bg-danger {
color: #fff;
background-color: #dc0441;
}
.badge .bg-danger[href]:hover, .badge .bg-danger[href]:focus {
color: #fff;
text-decoration: none;
background-color: #a11918;
}
.badge.bg-light {
color: #5b6084;
background-color: #e8ebf2 !important;
}
.badge.bg-light[href]:hover, .badge.bg-light[href]:focus {
color: #5b6084;
background-color: #e8ebf2;
text-decoration: none;
}
.badge .bg-dark {
color: #fff;
background-color: #343a40;
}
.badge .bg-dark[href]:hover, .badge .bg-dark[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1d2124;
}
.badge {
display: inline-block;
padding: 5px 10px;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 7px;
}
.rounded-pill {
padding-right: 1.2em;
padding-left: 1.2em;
border-radius: 10rem;
}
.badgetext {
float: right;
}
.badge-default {
background: #54575f;
color: #fff;
}
.shape {
border-style: solid;
border-width: 0 70px 40px 0;
float: right;
height: 0px;
width: 0px;
/* IE 9 */
/* Opera 10.5 */
/* Safari and Chrome */
transform: rotate(360deg);
border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}
.offer {
background: #fff;
border: 1px solid #ddd;
margin: 15px 0;
overflow: hidden;
}
.offer-danger {
border-color: #dc0441;
}
.offer-danger .shape {
border-color: transparent #dc0441 transparent transparent;
}
.offer-success {
border-color: #2dce89;
}
.offer-success .shape {
border-color: transparent #2dce89 transparent transparent;
}
.offer-default {
border-color: #6b6f80;
}
.offer-default .shape {
border-color: transparent #6b6f80 transparent transparent;
}
.offer-primary {
border-color: #4454c3;
}
.offer-primary .shape {
border-color: transparent #4454c3 transparent transparent;
}
.offer-info {
border-color: #45aaf2;
}
.offer-info .shape {
border-color: transparent #45aaf2 transparent transparent;
}
.offer-warning {
border-color: #ecb403;
}
.offer-warning .shape {
border-color: transparent #ecb403 transparent transparent;
}
.shape-text {
color: #fff;
font-size: 12px;
font-weight: bold;
position: relative;
right: -47px;
top: 0px;
white-space: nowrap;
transform: rotate(30deg);
}
.offer-content {
padding: 20px;
}
/*------ Breadcrumb ------*/
.breadcrumb {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
list-style: none;
border-radius: 3px;
font-weight: 400;
background: transparent;
}
.breadcrumb-item a {
color: #4454c3;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
color: #bcccda;
content: "/";
opacity: 0.5;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
text-decoration: none;
}
.breadcrumb-item.active {
color: #424e79;
}
.breadcrumb1 {
display: flex;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #f4f5fb;
border-radius: 0.25rem;
}
.breadcrumb-item1 a {
color: #4454c3;
}
.breadcrumb-item1 a:hover {
color: #123787;
text-decoration: underline;
}
.breadcrumb-item1 + .breadcrumb-item1::before {
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
content: "/";
opacity: 0.2;
}
.breadcrumb-item1 + .breadcrumb-item1:hover::before {
text-decoration: underline;
text-decoration: none;
}
.breadcrumb-item1.active {
color: #424e79;
}
.breadcrumb-arrow {
height: 36px;
padding: 0;
line-height: 36px;
list-style: none;
background-color: #f3f4f7;
}
.breadcrumb-arrow li {
display: inline-block;
vertical-align: top;
}
.breadcrumb-arrow li:first-child a {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
padding-left: 10px;
padding: 0 10px;
}
.breadcrumb-arrow li a,
.breadcrumb-arrow li span {
display: inline-block;
vertical-align: top;
}
.breadcrumb-arrow li:not(:first-child) {
margin-left: -5px;
}
.breadcrumb-arrow li + li:before {
padding: 0;
content: "";
}
.breadcrumb-arrow li span {
padding: 0 10px;
color: #424e79;
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
height: 36px;
padding: 0 10px 0 25px;
line-height: 36px;
}
.breadcrumb-arrow li a {
position: relative;
color: #fff;
text-decoration: none;
background-color: #4454c3;
border: 1px solid #4454c3;
}
.breadcrumb-arrow li a:after {
position: absolute;
top: -1px;
width: 0;
height: 0;
content: "";
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
right: -12px;
z-index: 2;
border-left: 11px solid #6e79ca;
}
.breadcrumb-arrow li a:before {
position: absolute;
top: -1px;
width: 0;
height: 0;
content: "";
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
right: -11px;
z-index: 3;
border-left-color: #4454c3;
border-left-style: solid;
border-left-width: 11px;
}
@media (max-width: 375px) {
.breadcrumb {
font-size: 12px;
}
.page-title {
font-size: 20px !important;
}
}
.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before {
width: 25px;
text-align: center;
font-family: "feather";
line-height: 20px;
}
.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {
content: "\e92f";
}
.breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before {
content: "\e9d3";
}
.breadcrumb-style4 .breadcrumb-icon {
margin-top: 3px;
margin-left: 4px;
}
.breadcrumb-style4 .breadcrumb-item {
margin-top: 3px;
}
.breadcrumb-style4 .breadcrumb-item .svg-icon {
width: 20px;
}
.breadcrumb-style4 .breadcrumb-item:first-child {
margin-top: 0;
}
/*-------- Buttons ------*/
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 1em;
font-size: 0.9375rem;
border-radius: 4px;
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;
}
.btn:hover {
text-decoration: none;
}
.btn:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 0px rgba(194, 197, 199, 0.25);
}
.btn.focus {
outline: 0;
box-shadow: 0 0 0 0px rgba(194, 197, 199, 0.25);
}
.btn.disabled, .btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff !important;
background-color: #4454c3;
border-color: #4454c3;
box-shadow: 0 0px 10px -5px rgba(68, 84, 195, 0.5);
}
.btn-primary:hover {
color: #fff !important;
background-color: #3d4bb7;
border-color: #3d4bb7;
}
.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 2px rgba(45, 102, 247, 0.5);
color: #fff !important;
background-color: #4454c3;
border-color: #4454c3;
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #3d4bb7;
border-color: #3d4bb7;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #3d4bb7;
border-color: #3d4bb7;
}
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #3d4bb7;
border-color: #3d4bb7;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.1);
}
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.1);
}
.btn-secondary {
color: #fff !important;
background-color: #f72d66;
border-color: #f72d66;
box-shadow: 0 0px 10px -5px rgba(246, 45, 103, 0.5);
}
.btn-secondary:hover {
color: #fff !important;
background-color: #f54274;
border-color: #f54274;
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
background-color: #f54274;
border-color: #f54274;
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #f72d66;
border-color: #f72d66;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #f72d66;
border-color: #f72d66;
}
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #f72d66;
border-color: #f72d66;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.btn-success {
color: #fff !important;
background-color: #2dce89;
border-color: #2dce89;
box-shadow: 0 0px 10px -5px rgba(45, 206, 137, 0.5);
}
.btn-success:hover {
color: #fff !important;
background-color: #15ca7c !important;
border-color: #15ca7c !important;
}
.btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
color: #fff !important;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #15ca7c;
border-color: #3e7a00;
}
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #15ca7c;
border-color: #15ca7c;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}
.btn-info {
color: #fff !important;
background-color: #012a48;
border-color: #012a48;
box-shadow: 0 0px 10px -5px rgba(69, 170, 242, 0.5);
}
.btn-info:hover {
color: #fff !important;
background-color: #012a48;
border-color: #012a48;
}
.btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 2px rgba(40, 175, 208, 0.1);
color: #fff !important;
background-color: #012a48;
border-color: #012a48;
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #012a48;
border-color: #012a48;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #012a48;
border-color: #012a48;
}
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #012a48;
border-color: #012a48;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(40, 175, 208, 0.1);
}
.show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(40, 175, 208, 0.1);
}
.btn-warning {
color: #fff !important;
background-color: #ecb403;
border-color: #ecb403;
box-shadow: 0 0px 10px -5px rgba(236, 180, 3, 0.5);
}
.btn-warning:hover {
color: #fff !important;
background-color: #d8a70e;
border-color: #d8a70e;
}
.btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
color: #fff !important;
background-color: #ecb403;
border-color: #ecb403;
}
.btn-warning.disabled, .btn-warning:disabled {
color: #fff;
background-color: #d8a70e;
border-color: #d8a70e;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #c29d0b;
border-color: #b6940b;
}
.show > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #c29d0b;
border-color: #b6940b;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}
.btn-danger {
color: #fff !important;
background-color: #ff663c;
border-color: #ff663c;
box-shadow: 0 0px 10px -5px rgba(255, 91, 81, 0.44);
}
.btn-danger:hover {
color: #fff !important;
background-color: #f36741;
border-color: #f36741;
}
.btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 2px rgba(250, 98, 107, 0.1);
color: #fff !important;
background-color: #f36741;
border-color: #f36741;
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #f36741;
border-color: #f36741;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #f36741;
border-color: #f36741;
}
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #ff663c;
border-color: #ff663c;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(250, 98, 107, 0.1);
}
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(250, 98, 107, 0.1);
}
.btn-light {
color: #495057;
background-color: #f0eefa;
border-color: #f0eefa;
box-shadow: 0 0 10px -5px rgba(68, 84, 195, 0.2);
}
.btn-light:hover {
color: #495057;
background-color: #f0eefa;
border-color: #f0eefa;
}
.btn-light:focus, .btn-light.focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
color: #495057;
background-color: #f0eefa;
border-color: #f0eefa;
}
.btn-light.disabled, .btn-light:disabled {
background-color: #e8ebf2;
border-color: #e8ebf2;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active {
color: #495057;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-bright {
color: #ff663c;
border-color: #ff663c;
box-shadow: 0 0 10px -5px rgba(214, 216, 231, 0.2);
}
.btn-bright:hover {
color: #ffffff;
background-color: #ff663c;
border-color: #ff663c;
}
.btn-bright:focus, .btn-bright.focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
color: #f0eefa;
background-color: #ff663c;
border-color: #ff663c;
}
.btn-bright.disabled, .btn-bright:disabled {
background-color: #f0eefa;
border-color: #f0eefa;
}
.btn-bright:not(:disabled):not(.disabled):active, .btn-bright:not(:disabled):not(.disabled).active {
color: #f0eefa;
background-color: #ff663c;
border-color: #ff663c;
}
.show > .btn-light.dropdown-toggle {
color: #495057;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.btn-default {
color: #495057;
background-color: #e8ebf2;
border-color: #dae0e5;
box-shadow: 0 0 10px -5px rgba(68, 84, 195, 0.2);
}
.btn-default:hover {
color: #495057;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-default:focus, .btn-default.focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
color: #495057;
background-color: #e8ebf2;
border-color: #dae0e5;
}
.btn-default.disabled, .btn-default:disabled {
background-color: #e8ebf2;
border-color: #e8ebf2;
}
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active {
color: #495057;
background-color: #dae0e5;
border-color: #d3d9df;
}
.show > .btn-default.dropdown-toggle {
color: #495057;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.show > .btn-default.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(217, 221, 231, 0.1);
}
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(217, 221, 231, 0.1);
}
.btn-outline-primary {
color: #4454c3;
background-color: transparent;
background-image: none;
border-color: #4454c3;
box-shadow: 0 0px 10px -5px rgba(68, 84, 195, 0.5);
}
.btn-outline-primary:hover {
color: #fff !important;
background-color: #4454c3;
border-color: #4454c3;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.1);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #4454c3;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #4454c3;
border-color: #4454c3;
}
.show > .btn-outline-primary.dropdown-toggle {
color: #fff !important;
background-color: #4454c3;
border-color: #4454c3;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.btn-outline-secondary {
color: #f72d66 !important;
background-color: transparent;
background-image: none;
border-color: #f72d66;
box-shadow: 0 0px 10px -5px rgba(242, 46, 105, 0.5);
}
.btn-outline-secondary:hover {
color: #fff !important;
background-color: #f72d66;
border-color: #f72d66;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #f72d66;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #f72d66;
border-color: #f72d66;
}
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff !important;
background-color: #f72d66;
border-color: #f72d66;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.btn-outline-success {
color: #2dce89 !important;
background-color: transparent;
background-image: none;
border-color: #2dce89;
box-shadow: 0 0px 10px -5px rgba(45, 206, 137, 0.5);
}
.btn-outline-success:hover {
color: #fff !important;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #2dce89;
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active {
color: #fff !important;
background-color: #2dce89;
border-color: #2dce89;
}
.show > .btn-outline-success.dropdown-toggle {
color: #fff !important;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}
.show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.1);
}
.btn-outline-info {
color: #45aaf2 !important;
background-color: transparent;
background-image: none;
border-color: #45aaf2;
box-shadow: 0 0px 10px -5px rgba(69, 170, 242, 0.5);
}
.btn-outline-info:hover {
color: #fff !important;
background-color: #45aaf2;
border-color: #45aaf2;
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #45aaf2;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #45aaf2;
border-color: #45aaf2;
}
.show > .btn-outline-info.dropdown-toggle {
color: #fff !important;
background-color: #45aaf2;
border-color: #45aaf2;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
}
.show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.1);
}
.btn-outline-warning {
color: #ecb403 !important;
background-color: transparent;
background-image: none;
border-color: #ecb403;
box-shadow: 0 0px 10px -5px rgba(236, 180, 3, 0.5);
}
.btn-outline-warning:hover {
color: #fff !important;
background-color: #ecb403;
border-color: #ecb403;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ecb403;
background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #ecb403;
border-color: #ecb403;
}
.show > .btn-outline-warning.dropdown-toggle {
color: #fff !important;
background-color: #ecb403;
border-color: #ecb403;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}
.show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.1);
}
.btn-outline-danger {
color: #ff663c !important;
background-color: transparent;
background-image: none;
border-color: #ff663c;
box-shadow: 0 0px 10px -5px rgba(220, 4, 65, 0.5);
}
.btn-outline-danger:hover {
color: #fff !important;
background-color: #ff663c;
border-color: #ff663c;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #ff663c;
background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #ff663c;
border-color: #ff663c;
}
.show > .btn-outline-danger.dropdown-toggle {
color: #fff !important;
background-color: #ff663c;
border-color: #ff663c;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
}
.show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.1);
}
.btn-outline-light {
color: #424e79;
background-color: transparent;
background-image: none;
border-color: #e8ebf2;
box-shadow: 0 0px 10px -5px #e8ebf2;
}
.btn-outline-light:hover {
color: #495057;
background-color: #e8ebf2;
border-color: #e8ebf2;
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #424e79;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active {
color: #495057;
background-color: #e8ebf2;
border-color: #e8ebf2;
}
.show > .btn-outline-light.dropdown-toggle {
color: #495057;
background-color: #e8ebf2;
border-color: #e8ebf2;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40;
box-shadow: 0 0px 10px -5px rgba(68, 84, 195, 0.5);
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}
.btn-link {
font-weight: 400;
color: #4454c3;
background-color: transparent;
text-decoration: none;
}
.btn-link:hover {
color: #295a9f;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
}
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
border-color: transparent;
box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
color: #868e96;
pointer-events: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 0.7rem 2rem;
font-size: 1.125rem;
line-height: 1.625;
border-radius: 3px;
}
.btn-sm,
.btn-group-sm > .btn {
font-size: 0.875rem;
line-height: 1.33333333;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
width: 100%;
}
.fade {
transition: opacity 0.15s linear;
}
.fade:not(.show) {
opacity: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
.collapsing {
transition: none;
}
.btn {
transition: none;
}
}
.collapse:not(.show) {
display: none;
background: #fff;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
/*----- Btn styles------*/
.btn {
cursor: pointer;
letter-spacing: 0.03em;
/* font-size: 0.8125rem; */
/* min-width: 2.375rem; */
}
.btn i {
font-size: 1rem;
}
.btn-icon {
padding-left: 0.5rem;
padding-right: 0.5rem;
text-align: center;
}
.btn-icon2 {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
margin: 0 auto;
padding: 0;
}
.btn i.fe {
font-size: 1rem;
}
.btn-pill {
border-radius: 10rem;
}
.btn-square {
border-radius: 0;
}
.btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: #3b5998;
}
.btn-facebook:hover {
color: #fff;
background-color: #30497c;
border-color: #2d4373;
}
.btn-facebook:focus, .btn-facebook.focus {
box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
}
.btn-facebook.disabled, .btn-facebook:disabled {
color: #fff;
background-color: #3b5998;
border-color: #3b5998;
}
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #2d4373;
border-color: #293e6a;
}
.show > .btn-facebook.dropdown-toggle {
color: #fff;
background-color: #2d4373;
border-color: #293e6a;
}
.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
}
.show > .btn-facebook.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
}
.btn-twitter {
color: #fff;
background-color: #1da1f2;
border-color: #1da1f2;
}
.btn-twitter:hover {
color: #fff;
background-color: #0d8ddc;
border-color: #0c85d0;
}
.btn-twitter:focus, .btn-twitter.focus {
box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
}
.btn-twitter.disabled, .btn-twitter:disabled {
color: #fff;
background-color: #1da1f2;
border-color: #1da1f2;
}
.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #0c85d0;
border-color: #0b7ec4;
}
.show > .btn-twitter.dropdown-toggle {
color: #fff;
background-color: #0c85d0;
border-color: #0b7ec4;
}
.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
}
.show > .btn-twitter.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
}
.btn-google {
color: #fff;
background-color: #dc4e41;
border-color: #dc4e41;
}
.btn-google:hover {
color: #fff;
background-color: #d03526;
border-color: #c63224;
}
.btn-google:focus, .btn-google.focus {
box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
}
.btn-google.disabled, .btn-google:disabled {
color: #fff;
background-color: #dc4e41;
border-color: #dc4e41;
}
.btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #c63224;
border-color: #bb2f22;
}
.show > .btn-google.dropdown-toggle {
color: #fff;
background-color: #c63224;
border-color: #bb2f22;
}
.btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
}
.show > .btn-google.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
}
.btn-youtube {
color: #fff;
background-color: #f00;
border-color: #f00;
}
.btn-youtube:hover {
color: #fff;
background-color: #d90000;
border-color: #cc0000;
}
.btn-youtube:focus, .btn-youtube.focus {
box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}
.btn-youtube.disabled, .btn-youtube:disabled {
color: #fff;
background-color: #f00;
border-color: #f00;
}
.btn-youtube:not(:disabled):not(.disabled):active, .btn-youtube:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #cc0000;
border-color: #bf0000;
}
.show > .btn-youtube.dropdown-toggle {
color: #fff;
background-color: #cc0000;
border-color: #bf0000;
}
.btn-youtube:not(:disabled):not(.disabled):active:focus, .btn-youtube:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}
.show > .btn-youtube.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}
.btn-vimeo {
color: #fff;
background-color: #1ab7ea;
border-color: #1ab7ea;
}
.btn-vimeo:hover {
color: #fff;
background-color: #139ecb;
border-color: #1295bf;
}
.btn-vimeo:focus, .btn-vimeo.focus {
box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}
.btn-vimeo.disabled, .btn-vimeo:disabled {
color: #fff;
background-color: #1ab7ea;
border-color: #1ab7ea;
}
.btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #1295bf;
border-color: #108cb4;
}
.show > .btn-vimeo.dropdown-toggle {
color: #fff;
background-color: #1295bf;
border-color: #108cb4;
}
.btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}
.show > .btn-vimeo.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}
.btn-dribbble {
color: #fff;
background-color: #ea4c89;
border-color: #ea4c89;
}
.btn-dribbble:hover {
color: #fff;
background-color: #e62a72;
border-color: #e51e6b;
}
.btn-dribbble:focus, .btn-dribbble.focus {
box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}
.btn-dribbble.disabled, .btn-dribbble:disabled {
color: #fff;
background-color: #ea4c89;
border-color: #ea4c89;
}
.btn-dribbble:not(:disabled):not(.disabled):active, .btn-dribbble:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #e51e6b;
border-color: #dc1a65;
}
.show > .btn-dribbble.dropdown-toggle {
color: #fff;
background-color: #e51e6b;
border-color: #dc1a65;
}
.btn-dribbble:not(:disabled):not(.disabled):active:focus, .btn-dribbble:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}
.show > .btn-dribbble.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}
.btn-github {
color: #fff;
background-color: #181717;
border-color: #181717;
}
.btn-github:hover {
color: #fff;
background-color: #040404;
border-color: black;
}
.btn-github:focus, .btn-github.focus {
box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}
.btn-github.disabled, .btn-github:disabled {
color: #fff;
background-color: #181717;
border-color: #181717;
}
.btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active {
color: #fff;
background-color: black;
border-color: black;
}
.show > .btn-github.dropdown-toggle {
color: #fff;
background-color: black;
border-color: black;
}
.btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}
.show > .btn-github.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}
.btn-instagram {
color: #fff;
background-color: #e4405f;
border-color: #e4405f;
}
.btn-instagram:hover {
color: #fff;
background-color: #de1f44;
border-color: #d31e40;
}
.btn-instagram:focus, .btn-instagram.focus {
box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}
.btn-instagram.disabled, .btn-instagram:disabled {
color: #fff;
background-color: #e4405f;
border-color: #e4405f;
}
.btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #d31e40;
border-color: #c81c3d;
}
.show > .btn-instagram.dropdown-toggle {
color: #fff;
background-color: #d31e40;
border-color: #c81c3d;
}
.btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}
.show > .btn-instagram.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}
.btn-pinterest {
color: #fff;
background-color: #bd081c;
border-color: #bd081c;
}
.btn-pinterest:hover {
color: #fff;
background-color: #980617;
border-color: #8c0615;
}
.btn-pinterest:focus, .btn-pinterest.focus {
box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}
.btn-pinterest.disabled, .btn-pinterest:disabled {
color: #fff;
background-color: #bd081c;
border-color: #bd081c;
}
.btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #8c0615;
border-color: #800513;
}
.show > .btn-pinterest.dropdown-toggle {
color: #fff;
background-color: #8c0615;
border-color: #800513;
}
.btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}
.show > .btn-pinterest.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}
.btn-vk {
color: #fff;
background-color: #6383a8;
border-color: #6383a8;
}
.btn-vk:hover {
color: #fff;
background-color: #527093;
border-color: #4d6a8b;
}
.btn-vk:focus, .btn-vk.focus {
box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}
.btn-vk.disabled, .btn-vk:disabled {
color: #fff;
background-color: #6383a8;
border-color: #6383a8;
}
.btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #4d6a8b;
border-color: #496482;
}
.show > .btn-vk.dropdown-toggle {
color: #fff;
background-color: #4d6a8b;
border-color: #496482;
}
.btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}
.show > .btn-vk.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}
.btn-rss {
color: #fff;
background-color: #ffa500;
border-color: #ffa500;
}
.btn-rss:hover {
color: #fff;
background-color: #d98c00;
border-color: #cc8400;
}
.btn-rss:focus, .btn-rss.focus {
box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}
.btn-rss.disabled, .btn-rss:disabled {
color: #fff;
background-color: #ffa500;
border-color: #ffa500;
}
.btn-rss:not(:disabled):not(.disabled):active, .btn-rss:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #cc8400;
border-color: #bf7c00;
}
.show > .btn-rss.dropdown-toggle {
color: #fff;
background-color: #cc8400;
border-color: #bf7c00;
}
.btn-rss:not(:disabled):not(.disabled):active:focus, .btn-rss:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}
.show > .btn-rss.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}
.btn-flickr {
color: #fff;
background-color: #0063dc;
border-color: #0063dc;
}
.btn-flickr:hover {
color: #fff;
background-color: #0052b6;
border-color: #004ca9;
}
.btn-flickr:focus, .btn-flickr.focus {
box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}
.btn-flickr.disabled, .btn-flickr:disabled {
color: #fff;
background-color: #0063dc;
border-color: #0063dc;
}
.btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #004ca9;
border-color: #00469c;
}
.show > .btn-flickr.dropdown-toggle {
color: #fff;
background-color: #004ca9;
border-color: #00469c;
}
.btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}
.show > .btn-flickr.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}
.btn-bitbucket {
color: #fff;
background-color: #0052cc;
border-color: #0052cc;
}
.btn-bitbucket:hover {
color: #fff;
background-color: #0043a6;
border-color: #003e99;
}
.btn-bitbucket:focus, .btn-bitbucket.focus {
box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}
.btn-bitbucket.disabled, .btn-bitbucket:disabled {
color: #fff;
background-color: #0052cc;
border-color: #0052cc;
}
.btn-bitbucket:not(:disabled):not(.disabled):active, .btn-bitbucket:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #003e99;
border-color: #00388c;
}
.show > .btn-bitbucket.dropdown-toggle {
color: #fff;
background-color: #003e99;
border-color: #00388c;
}
.btn-bitbucket:not(:disabled):not(.disabled):active:focus, .btn-bitbucket:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}
.show > .btn-bitbucket.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}
.btn-blue {
color: #fff;
background-color: #083dc1;
border-color: #083dc1;
}
.btn-blue:hover {
color: #fff !important;
background-color: #1747bd;
border-color: #1747bd;
}
.btn-blue:focus, .btn-blue.focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5);
}
.btn-blue.disabled, .btn-blue:disabled {
color: #fff;
background-color: #1747bd;
border-color: #1747bd;
}
.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #1747bd;
border-color: #1747bd;
}
.show > .btn-blue.dropdown-toggle {
color: #fff;
background-color: #1747bd;
border-color: #1747bd;
}
.btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5);
}
.show > .btn-blue.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5);
}
.btn-indigo {
color: #fff;
background-color: #6574cd;
border-color: #6574cd;
}
.btn-indigo:hover {
color: #fff !important;
background-color: #485ac4;
border-color: #3f51c1;
}
.btn-indigo:focus, .btn-indigo.focus {
box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
}
.btn-indigo.disabled, .btn-indigo:disabled {
color: #fff;
background-color: #6574cd;
border-color: #6574cd;
}
.btn-indigo:not(:disabled):not(.disabled):active, .btn-indigo:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #3f51c1;
border-color: #3b4db7;
}
.show > .btn-indigo.dropdown-toggle {
color: #fff;
background-color: #3f51c1;
border-color: #3b4db7;
}
.btn-indigo:not(:disabled):not(.disabled):active:focus, .btn-indigo:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
}
.show > .btn-indigo.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
}
.btn-purple {
color: #fff;
background-color: #aa4cf2;
border-color: #aa4cf2;
}
.btn-purple:hover {
color: #fff !important;
background-color: #923ce6;
border-color: #8c31e4;
}
.btn-purple:focus, .btn-purple.focus {
box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}
.btn-purple.disabled, .btn-purple:disabled {
color: #fff;
background-color: #aa4cf2;
border-color: #aa4cf2;
}
.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #8c31e4;
border-color: #8526e3;
}
.show > .btn-purple.dropdown-toggle {
color: #fff;
background-color: #8c31e4;
border-color: #8526e3;
}
.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}
.show > .btn-purple.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}
.btn-pink {
color: #fff;
background-color: #ec82ef;
border-color: #ec82ef;
}
.btn-pink:hover {
color: #fff !important;
background-color: #f44982;
border-color: #f33d7a;
}
.btn-pink:focus, .btn-pink.focus {
box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}
.btn-pink.disabled, .btn-pink:disabled {
color: #fff;
background-color: #ec82ef;
border-color: #ec82ef;
}
.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #f33d7a;
border-color: #f23172;
}
.show > .btn-pink.dropdown-toggle {
color: #fff;
background-color: #f33d7a;
border-color: #f23172;
}
.btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}
.show > .btn-pink.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}
.btn-red {
color: #fff;
background-color: #dc0441;
border-color: #dc0441;
}
.btn-red:hover {
color: #fff;
background-color: #ac1b1a;
border-color: #a11918;
}
.btn-red:focus, .btn-red.focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}
.btn-red.disabled, .btn-red:disabled {
color: #fff;
background-color: #dc0441;
border-color: #dc0441;
}
.btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #a11918;
border-color: #961717;
}
.show > .btn-red.dropdown-toggle {
color: #fff;
background-color: #a11918;
border-color: #961717;
}
.btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}
.show > .btn-red.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}
.btn-orange {
color: #fff;
background-color: #fc7303;
border-color: #fc7303;
}
.btn-orange:hover {
color: #fff;
background-color: #fd811e;
border-color: #fc7a12;
}
.btn-orange:focus, .btn-orange.focus {
box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}
.btn-orange.disabled, .btn-orange:disabled {
color: #fff;
background-color: #fc7303;
border-color: #fc7303;
}
.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #fc7a12;
border-color: #fc7305;
}
.show > .btn-orange.dropdown-toggle {
color: #fff;
background-color: #fc7a12;
border-color: #fc7305;
}
.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}
.show > .btn-orange.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}
.btn-yellow {
color: #fff;
background-color: #ecb403;
border-color: #ecb403;
}
.btn-yellow:hover {
color: #fff;
background-color: #cea70c;
border-color: #c29d0b;
}
.btn-yellow:focus, .btn-yellow.focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}
.btn-yellow.disabled, .btn-yellow:disabled {
color: #fff;
background-color: #ecb403;
border-color: #ecb403;
}
.btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #c29d0b;
border-color: #b6940b;
}
.show > .btn-yellow.dropdown-toggle {
color: #fff;
background-color: #c29d0b;
border-color: #b6940b;
}
.btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}
.show > .btn-yellow.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}
.btn-green {
color: #fff;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-green:hover {
color: #fff;
background-color: #15ca7c;
border-color: #15ca7c;
}
.btn-green:focus, .btn-green.focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}
.btn-green.disabled, .btn-green:disabled {
color: #fff;
background-color: #2dce89;
border-color: #2dce89;
}
.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #15ca7c;
border-color: #3e7a00;
}
.show > .btn-green.dropdown-toggle {
color: #fff;
background-color: #15ca7c;
border-color: #3e7a00;
}
.btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}
.show > .btn-green.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}
.btn-teal {
color: #fff;
background-color: #2bcbba;
border-color: #2bcbba;
}
.btn-teal:hover {
color: #fff;
background-color: #24ab9d;
border-color: #22a193;
}
.btn-teal:focus, .btn-teal.focus {
box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}
.btn-teal.disabled, .btn-teal:disabled {
color: #fff;
background-color: #2bcbba;
border-color: #2bcbba;
}
.btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #22a193;
border-color: #20968a;
}
.show > .btn-teal.dropdown-toggle {
color: #fff;
background-color: #22a193;
border-color: #20968a;
}
.btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}
.show > .btn-teal.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}
.btn-cyan {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-cyan:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.btn-cyan:focus, .btn-cyan.focus {
box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}
.btn-cyan.disabled, .btn-cyan:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-cyan:not(:disabled):not(.disabled):active, .btn-cyan:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
}
.show > .btn-cyan.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
}
.btn-cyan:not(:disabled):not(.disabled):active:focus, .btn-cyan:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}
.show > .btn-cyan.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}
.btn-white {
background-color: #fff;
background-image: none;
border-color: #e7e9f1;
color: #424e79;
}
.btn-white:hover {
background-color: #fff;
background-image: none;
border-color: #e7e9f1;
}
.btn-white:focus, .btn-white.focus {
box-shadow: none;
}
.btn-white.disabled, .btn-white:disabled {
color: #495057;
background-color: #fff;
border-color: #fff;
}
.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active {
color: #495057;
background-color: #eff0f6;
border-color: #e7e9f1;
}
.show > .btn-white.dropdown-toggle {
color: #495057;
background-color: #eff0f6;
border-color: #e7e9f1;
}
.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.show > .btn-white.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.btn-gray {
color: #fff;
background-color: #868e96;
border-color: #868e96;
}
.btn-gray:hover {
color: #fff;
background-color: #727b84;
border-color: #6c757d;
}
.btn-gray:focus, .btn-gray.focus {
box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}
.btn-gray.disabled, .btn-gray:disabled {
color: #fff;
background-color: #868e96;
border-color: #868e96;
}
.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #6c757d;
border-color: #666e76;
}
.show > .btn-gray.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #666e76;
}
.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}
.show > .btn-gray.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}
.btn-gray-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-gray-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-gray-dark:focus, .btn-gray-dark.focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}
.btn-gray-dark.disabled, .btn-gray-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-gray-dark:not(:disabled):not(.disabled):active, .btn-gray-dark:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.show > .btn-gray-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-gray-dark:not(:disabled):not(.disabled):active:focus, .btn-gray-dark:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}
.show > .btn-gray-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}
.btn-azure {
color: #fff;
background-color: #45aaf2;
border-color: #45aaf2;
}
.btn-azure:hover {
color: #fff !important;
background-color: #219af0;
border-color: #1594ef;
}
.btn-azure:focus, .btn-azure.focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}
.btn-azure.disabled, .btn-azure:disabled {
color: #fff;
background-color: #45aaf2;
border-color: #45aaf2;
}
.btn-azure:not(:disabled):not(.disabled):active, .btn-azure:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #1594ef;
border-color: #108ee7;
}
.show > .btn-azure.dropdown-toggle {
color: #fff;
background-color: #1594ef;
border-color: #108ee7;
}
.btn-azure:not(:disabled):not(.disabled):active:focus, .btn-azure:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}
.show > .btn-azure.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}
.btn-lime {
color: #fff;
background-color: #7bd235;
border-color: #7bd235;
}
.btn-lime:hover {
color: #fff;
background-color: #69b829;
border-color: #63ad27;
}
.btn-lime:focus, .btn-lime.focus {
box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}
.btn-lime.disabled, .btn-lime:disabled {
color: #fff;
background-color: #7bd235;
border-color: #7bd235;
}
.btn-lime:not(:disabled):not(.disabled):active, .btn-lime:not(:disabled):not(.disabled).active {
color: #fff;
background-color: #63ad27;
border-color: #5da324;
}
.show > .btn-lime.dropdown-toggle {
color: #fff;
background-color: #63ad27;
border-color: #5da324;
}
.btn-lime:not(:disabled):not(.disabled):active:focus, .btn-lime:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}
.show > .btn-lime.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}
.btn-option {
background: transparent;
color: #9aa0ac;
}
.btn-option:hover {
color: #6e7687;
}
.btn-option:focus {
box-shadow: none;
color: #6e7687;
}
.btn-sm,
.btn-group-sm > .btn {
font-size: 0.75rem;
min-width: 1.625rem;
}
.btn-lg,
.btn-group-lg > .btn {
font-size: 16px;
min-width: 2.75rem;
}
.btn-list {
margin-bottom: -0.5rem;
font-size: 0;
}
.btn-list > .btn,
.btn-list > .dropdown {
margin-bottom: 0.5rem;
}
.btn-list > .btn:not(:last-child),
.btn-list > .dropdown:not(:last-child) {
margin-right: 0.5rem;
}
.btn-loading {
color: transparent !important;
pointer-events: none;
position: relative;
}
.btn-loading:after {
content: "";
animation: loader 500ms infinite linear;
border: 2px solid #fff;
border-radius: 50%;
border-right-color: transparent !important;
border-top-color: transparent !important;
display: block;
height: 1.4em;
width: 1.4em;
position: absolute;
left: calc(50% - 0.7em);
top: calc(50% - 0.7em);
transform-origin: center;
position: absolute !important;
}
.btn-loading.btn-sm:after {
height: 1em;
width: 1em;
left: calc(50% - 0.5em);
top: calc(50% - 0.5em);
}
.btn-group-sm > .btn-loading.btn:after {
height: 1em;
width: 1em;
left: calc(50% - 0.5em);
top: calc(50% - 0.5em);
}
.btn-loading.btn-secondary:after {
border-color: #495057;
}
.btn-icon.btn-svg {
line-height: 15px;
}
.btn-icon.btn-svg .svg-icon {
width: 16px;
margin-top: 2px;
}
.btn-svgs {
display: inline-flex;
}
.btn-svgs .svg-icon {
margin-right: 6px;
}
.btn-svg-text {
margin-top: 2px;
}
.btn-primary .svg-icon,
.btn-secondary .svg-icon,
.btn-success .svg-icon,
.btn-info .svg-icon,
.btn-warning .svg-icon,
.btn-danger .svg-icon,
.btn-dark .svg-icon {
fill: rgba(255, 255, 255, 0.6);
}
.data-table-btn {
position: absolute;
left: 80px;
z-index: 1;
}
.btn-svg {
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 33px;
}
.btn-svg-plus {
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 33px;
background-image: url('plus.svg');
}
.btn-svg-swape {
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 33px;
background-image: url('swape.svg');
}
.svg-search-open {
background-image: url('searchopen.svg');
}
.svg-search-close {
background-image: url('searchclose.svg');
}
.svg-upload {
background-image: url('upload.svg');
}
.svg-download {
background-image: url('download.svg');
}
.svg-done {
background-image: url('done.svg');
}
.btn-svg-open {
background-repeat: no-repeat;
background-position: center;
width: 38px;
height: 35px;
background-image: url('open.svg');
}
.btn-svg-close {
background-repeat: no-repeat;
background-position: center;
width: 38px;
height: 35px;
background-image: url('close.svg');
}
.btn-size {
border-radius: 10px;
padding: 0.2rem 0.4rem !important;
}
.btn-border {
border-radius: 10px;
padding: 9px 13px;
}
/*------ Default -------*/
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
position: relative;
margin-bottom: 1.5rem;
width: 100%;
border: 0;
box-shadow: 0px 0px 10px 0px rgba(176, 184, 214, 0.09), 5px 5px 10px -5px #b0b8d6;
border-radius: 8px;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-header {
background: transparent;
display: flex;
min-height: 3.5rem;
align-items: center;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
border-bottom: 1px solid #eff0f6;
}
.card-header .card-title {
margin-bottom: 0;
}
.card-header.border-0 + .card-body {
padding-top: 0;
}
.card-header:first-child {
border-radius: 2px 2px 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 1.5rem 1.5rem;
color: #6e7687;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid #eff0f6;
}
.card-footer:last-child {
border-radius: 0 0 2px 2px;
}
.card-header-tabs {
margin-right: -0.75rem;
margin-bottom: -1.5rem;
margin-left: -0.75rem;
border-bottom: 0;
margin: -1.25rem 0;
line-height: 2rem;
}
.card-header-tabs .nav-item {
margin-bottom: 1px;
}
.card-header-pills {
margin-right: -0.75rem;
margin-left: -0.75rem;
margin: -0.75rem 0;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
flex-direction: column;
}
.card-img {
width: 100%;
border-radius: 2px;
}
.card-img-top {
width: 100%;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.card-deck {
display: flex;
flex-direction: column;
}
.card-deck .card {
margin-bottom: 0.75rem;
}
@media (max-width: 576px) {
.header {
border-bottom: 0px !important;
}
}
.card-group {
display: flex;
flex-direction: column;
}
.card-group > .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-group {
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:first-child .card-img-top,
.card-group > .card:first-child .card-header {
border-top-right-radius: 0;
}
.card-group > .card:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:last-child .card-img-top,
.card-group > .card:last-child .card-header {
border-top-left-radius: 0;
}
.card-group > .card:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer {
border-bottom-left-radius: 0;
}
.card-group > .card:only-child {
border-radius: 3px;
}
.card-group > .card:only-child .card-img-top,
.card-group > .card:only-child .card-header {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.card-group > .card:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
border-radius: 0;
}
.card-deck {
flex-flow: row wrap;
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 0.75rem;
margin-bottom: 0;
margin-left: 0.75rem;
}
.horizontalMenucontainer .header-brand-img.mobile-logo, .horizontalMenucontainer .header-brand-img.darkmobile-logo, .horizontalMenucontainer .header-brand-img.dark-logo {
display: none;
}
.card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.card-columns .card {
margin-bottom: 1.5rem;
}
/*------ Default Card Values -------*/
.rhombus {
width: 350px;
height: 80px;
transform: rotate(67.5deg);
background-color: yellow;
}
.card-body {
flex: 1 1 auto;
margin: 0;
position: relative;
}
.card-body + .card-body {
border-top: 1px solid #eff0f6;
}
.tilebox-one i {
font-size: 62px;
}
.card-body > :last-child {
margin-bottom: 0;
}
@media print {
.card-body {
padding: 0;
}
.card-header {
display: none;
}
.card {
box-shadow: none;
border: none;
}
}
.card-body-scrollable {
overflow: auto;
}
.card-footer,
.card-bottom {
padding: 1rem 1.5rem;
background: none;
}
.log {
margin-top: -26px;
}
.reg {
text-align: center;
font-size: 50px;
color: #2e1170;
float: right;
}
.card-title {
line-height: 1.2;
text-transform: capitalize;
font-weight: 600;
letter-spacing: 0.05rem;
font-size: 1.1rem;
margin-bottom: 1.5rem;
}
.card-title a {
color: inherit;
}
.card-title:only-child {
margin-bottom: 0;
}
.card-title small {
color: #9aa0ac;
font-size: 0.875rem;
display: block;
margin: -0.75rem 0 1rem;
line-height: 1.1;
font-weight: 400;
}
.card-subtitle {
color: #9aa0ac;
font-size: 0.875rem;
display: block;
margin: -0.75rem 0 1rem;
line-height: 1.1;
font-weight: 400;
margin-top: -0.75rem;
margin-bottom: 0;
}
.card-table {
text-align: center;
margin-bottom: 0;
}
.card-table tr:first-child td,
.card-table tr:first-child th {
border-top: 0;
}
.card-table tr td:first-child,
.card-table tr th:first-child {
padding-left: 1.5rem;
}
.card-table tr td:last-child,
.card-table tr th:last-child {
padding-right: 1.5rem;
}
.card-user {
margin-bottom: 0;
}
.card-user tr:first-child td,
.card-user tr:first-child th {
border-top: 0;
}
.card-user tr td:first-child,
.card-user tr th:first-child {
padding: 0.5rem;
}
.card-user tr td:last-child,
.card-user tr th:last-child {
padding: 0.5rem;
}
.card-company {
margin-bottom: 0;
}
.card-company tr:first-child td,
.card-company tr:first-child th {
border-top: 0;
}
.card-company tr td:first-child,
.card-company tr th:first-child {
padding: 1rem;
}
.card-company tr td:last-child,
.card-company tr th:last-child {
padding: 1rem;
}
.card-preposition {
margin-bottom: 0;
}
.card-preposition tr:first-child td,
.card-preposition tr:first-child th {
border-top: 0;
}
.card-preposition tr td:first-child,
.card-preposition tr th:first-child {
padding: 1.5rem;
}
.card-preposition tr td:last-child,
.card-preposition tr th:last-child {
padding: 1.5rem;
}
.card-invoice {
margin-bottom: 0;
}
.card-invoice tr td,
.card-invoice tr th {
padding: 1rem;
font-weight: 300;
}
.card-invoice .border-left-color {
font-weight: bold;
}
.card-table-letter th {
text-transform: capitalize !important;
}
.card-body + .card-table {
border-top: 1px solid #eff0f6;
}
.card-profile .card-header {
height: 5rem;
background-size: cover;
border: 0;
}
.profie-img .flex-md-row img {
width: 60px;
}
.card-profile-img {
max-width: 6rem;
margin-bottom: 1rem;
border: 3px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.card-link + .card-link {
margin-left: 1rem;
}
.card-body + .card-list-group {
border-top: 1px solid #eff0f6;
}
.card-list-group .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.card-list-group .list-group-item:last-child {
border-bottom: 0;
}
.card-list-group .list-group-item:first-child {
border-top: 0;
}
.card-aside {
flex-direction: row;
}
.card-aside-column {
min-width: 5rem;
width: 20%;
flex: 0 0 20%;
background: no-repeat center/cover;
}
.card-value {
font-size: 1rem;
line-height: 3.4rem;
height: 3.4rem;
display: flex;
align-items: center;
font-weight: 400;
}
.card-value i {
vertical-align: middle;
}
.card-chart-bg {
height: 4rem;
margin-top: -1rem;
position: relative;
z-index: 1;
overflow: hidden;
}
.list-media .media-img {
position: relative;
float: left;
width: 48px;
margin-right: 20px;
}
.list-media .info {
padding-left: 55px;
min-height: 40px;
height: auto;
position: relative;
}
.list-media .info h4 a {
font-size: 16px;
margin-top: 10px;
}
.list-media .info p {
font-size: 13px;
}
.list-media .info .text-right {
right: 0;
color: #8a8a8a;
top: 50%;
font-size: 12px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
margin-top: -28px;
}
.card-options {
margin-left: auto;
display: flex;
order: 100;
margin-right: -0.5rem;
color: #9aa0ac;
align-self: center;
}
.card-options a:not(.btn) {
color: #424e79;
display: inline-block;
min-width: 1rem;
}
.card-options a:not(.btn):hover {
text-decoration: none;
color: #6e7687;
}
.card-options a:not(.btn) i {
font-size: 1rem;
vertical-align: middle;
}
.card-options .dropdown-toggle:after {
display: none;
}
.widgets-cards .wrp.icon-circle {
width: 73px;
height: 73px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin-right: 15px;
}
.widgets-cards .wrp.icon-circle i {
font-size: 1.6rem;
color: #fff;
}
.widgets-cards .wrp p {
margin-bottom: 0;
line-height: 1;
margin-bottom: 10px;
}
.widgets-cards .wrp p:first-child {
font-weight: 400;
font-size: 36px;
}
ul li .legend-dots {
width: 1rem;
height: 1rem;
border-radius: 100%;
display: inline-block;
vertical-align: text-bottom;
margin-right: 0.5rem;
}
.legend li {
padding: 5px;
float: left;
}
.stretch-card {
display: flex;
align-items: stretch;
justify-content: stretch;
}
.stretch-card > .card {
width: 100%;
min-width: 100%;
}
.icon-size {
font-size: 2.5rem !important;
}
.card-img-absolute {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.statistics-box {
position: relative;
padding-left: 80px;
text-align: right;
padding-top: 14px;
min-height: 80px;
text-align: center;
}
.statistics-box .ico {
position: absolute;
top: 0px;
left: 0px;
width: 80px;
height: 80px;
font-size: 70px;
line-height: 80px;
text-align: center;
}
.statistics-box .ico.small {
font-weight: 900;
font-size: 42px;
}
.statistics-box h2 {
font-weight: 600 !important;
}
/*Card options*/
.card-collapsed > :not(.card-header):not(.card-status) {
display: none;
}
.card-collapsed .card-options-collapse i:before {
content: "\e92d";
}
.card-fullscreen {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
margin: 0;
}
.card-fullscreen .card-options-fullscreen i:before {
content: "\e992";
}
.card-fullscreen .card-options-remove {
display: none;
}
/*Card maps*/
.card-map {
height: 15rem;
background: #e9ecef;
}
.card-map-placeholder {
background: no-repeat center;
}
/**Card tabs*/
.card-tabs {
display: flex;
}
.card-tabs-bottom .card-tabs-item {
border: 0;
}
.card-tabs-bottom .card-tabs-item.active {
border-top-color: #fff;
}
.card-tabs-item {
flex: 1 1 auto;
display: block;
padding: 1.4rem 1.5rem;
color: inherit;
overflow: hidden;
}
a.card-tabs-item {
background: #fafbfc;
}
a.card-tabs-item:hover {
text-decoration: none;
color: inherit;
}
a.card-tabs-item:focus {
z-index: 1;
}
a.card-tabs-item.active {
background: #fff;
border-bottom-color: #fff;
}
/**Card status*/
.card-status {
position: absolute;
top: -1px;
left: 0px;
right: 0px;
height: 3px;
border-radius: 7px 7px 0 0;
background: rgba(0, 40, 100, 0.12);
}
.card-status-left {
right: auto;
bottom: 0;
height: auto;
width: 3px;
border-radius: 3px 0 0 3px;
}
/**Card icon*/
.card-icon {
width: 3rem;
font-size: 2.5rem;
line-height: 3rem;
text-align: center;
}
/**Card alert*/
.card-alert {
border-radius: 0;
margin: -1px -1px 0;
}
.card-category {
font-size: 18px;
text-transform: uppercase;
text-align: center;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 0.5rem;
background: #f3f3f3;
}
/*------ Carousel -------*/
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item {
position: relative;
display: none;
align-items: center;
width: 100%;
transition: transform 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective: 1000px;
}
.carousel-item.active {
display: block;
}
@media screen and (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item-next,
.carousel-item-prev {
display: block;
position: absolute;
top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
transform: translate3d(0, 0, 0);
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
transform: translate3d(0, 0, 0);
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translate3d(0, 0, 0);
}
.carousel-item-next,
.active.carousel-item-right {
transform: translate3d(100%, 0, 0);
}
.carousel-item-prev,
.active.carousel-item-left {
transform: translate3d(-100%, 0, 0);
}
}
.carousel-item-next,
.active.carousel-item-right {
transform: translateX(100%);
}
.carousel-item-prev,
.active.carousel-item-left {
transform: translateX(-100%);
}
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: 0.6s;
transition-property: opacity;
}
.carousel-fade .carousel-item.active {
opacity: 1;
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
transform: translateX(0);
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
transform: translateX(0);
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-prev:hover, .carousel-control-prev:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-next {
right: 0;
}
.carousel-control-next:hover, .carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
background-size: 100% 100%;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-indicators li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators .active {
background-color: #fff;
}
.carousel-indicators1 {
position: absolute;
right: 0;
top: 10px;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-indicators1 li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.carousel-indicators1 li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators1 li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators1 .active {
background-color: #fff;
}
.carousel-indicators2 {
position: absolute;
right: 10px;
top: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-top: 10px;
list-style: none;
}
.carousel-indicators2 li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.carousel-indicators2 li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators2 li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators2 .active {
background-color: #fff;
}
.carousel-indicators3 {
position: absolute;
left: 10px;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-top: 10px;
list-style: none;
}
.carousel-indicators3 li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.carousel-indicators3 li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators3 li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators3 .active {
background-color: #fff;
}
.carousel-indicators4 {
position: absolute;
right: 10px;
bottom: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-top: 10%;
list-style: none;
}
.carousel-indicators4 li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.carousel-indicators4 li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators4 li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators4 .active {
background-color: #fff;
}
.carousel-indicators5 {
position: absolute;
bottom: 0;
left: 10px;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
list-style: none;
}
.carousel-indicators5 li {
position: relative;
flex: 0 1 auto;
width: 7px;
height: 7px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.carousel-indicators5 li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators5 li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators5 .active {
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
top: 30%;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.carousel-item-background {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.carousel-top-indicators {
top: 15px;
}
.carousel-top-right-indicators {
top: 15px;
right: 15px !important;
left: auto;
margin: 0 !important;
}
.carousel-top-left-indicators {
top: 15px;
left: 15px !important;
right: auto;
margin: 0 !important;
}
.carousel-bottom-right-indicators {
bottom: 15px;
right: 15px !important;
left: auto;
margin: 0 !important;
}
.carousel-bottom-left-indicators {
bottom: 15px;
left: 15px !important;
right: auto;
margin: 0 !important;
}
/*------Drop Downs-------*/
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative;
}
.dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
vertical-align: 0.155em;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
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;
width: 0;
height: 0;
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;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block;
width: 0;
height: 0;
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;
}
.top-header .dropdown-menu[data-popper-placement^=top], .top-header .dropdown-menu[data-popper-placement^=right], .top-header .dropdown-menu[data-popper-placement^=bottom], .top-header .dropdown-menu[data-popper-placement^=left] {
top: 60px !important;
margin-left: 65% !important;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;
border-radius: 6px;
animation-name: fadeInUp;
border: 1px solid #eff0f6;
}
.header-notify .show.dropdown-menu[data-popper-placement^=bottom] {
left: -180px !important;
}
.profile-dropdown .show.dropdown-menu[data-popper-placement^=bottom] {
left: -140px !important;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.notifyimg {
color: #fff;
float: left;
height: 40px;
line-height: 43px;
margin-right: 10px;
text-align: center;
vertical-align: middle;
width: 40px;
border-radius: 50%;
background: #4454c3;
}
.drop-icon-wrap {
text-align: center;
}
.drop-icon-wrap li {
display: block;
}
.drop-icon-wrap .drop-icon-item {
display: inline-block;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
color: #878787;
text-transform: capitalize;
width: 50%;
float: left;
}
.block {
display: block !important;
}
.drop-icon-item i {
font-size: 20px;
padding-bottom: 5px;
}
.drop-icon-wrap .drop-icon-item:hover, .drop-icon-wrap .drop-icon-item:focus {
text-decoration: none;
background-color: #eef0ff;
}
.dropdown-item.user {
font-size: 16px;
padding: 5px;
}
.user-semi-title {
font-size: 12px;
}
.floating {
animation: floating 3s ease infinite;
will-change: transform;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.5rem 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: #4454c3;
text-decoration: none;
background-color: #f0f1f7;
}
.dropdown-item.active, .dropdown-item:active {
text-decoration: none;
background-color: #f0f1f7;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #fff;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
margin: 0;
}
.dropdown-menu-arrow.dropdown-menu-end:before, .dropdown-menu-arrow.dropdown-menu-start:before {
content: "";
position: absolute;
top: -10px;
left: 15px;
border-bottom: 10px solid #eff0f6;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.dropdown-menu-arrow.dropdown-menu-end:after, .dropdown-menu-arrow.dropdown-menu-start:after {
content: "";
position: absolute;
top: -8.5px;
left: 16px;
border-bottom: 9px solid #fff;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
.nav-item.show .dropdown-menu.dropdown-menu-arrow.show {
top: -1px !important;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #868e96;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 0 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 {
z-index: 1;
}
.btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group {
margin-left: -1px;
}
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group {
margin-left: -1px;
}
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after {
margin-left: 0;
}
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
/*-----List Of Dropdwons-----*/
btn.dropdown-toggle ~ .dropdown-menu {
background-color: #f4f4f4 !important;
background-color: white !important;
border: 0 solid #4285f4 !important;
box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3) !important;
top: 0px !important;
margin: 0px !important;
padding: 0px !important;
}
ul.dropdown-menu li.dropdown ul.dropdown-menu {
background-color: #f4f4f4 !important;
background-color: white !important;
border: 0 solid #4285f4 !important;
box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3) !important;
top: 0px !important;
margin: 0px !important;
padding: 0px !important;
position: absolute !important;
width: 100% !important;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 2;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 0.9375rem;
color: #495057;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
box-shadow: none;
min-width: 12rem;
border-radius: 4px !important;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgba(176, 184, 214, 0.49);
border: 0;
background-clip: padding-box;
}
.dropdown-menu > li > a {
display: block;
padding: 0.5rem 1.5rem;
clear: both;
font-weight: 400;
line-height: 1.428571429;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #6b6f80;
background-color: #f0f1f7;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background: #eff0f6;
}
.dropdown-menu .dropdown-plus-title {
width: 100% !important;
color: #6b6f80 !important;
padding: 6px 12px !important;
font-weight: 500 !important;
border: 0 solid #eff0f6 !important;
border-bottom-width: 1px !important;
cursor: pointer !important;
}
.dropdown-menu[data-popper-placement^=top], .dropdown-menu[data-popper-placement^=right], .dropdown-menu[data-popper-placement^=bottom], .dropdown-menu[data-popper-placement^=left] {
right: auto;
bottom: auto;
}
ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
padding-top: 10px !important;
padding-bottom: 10px !important;
line-height: 20px !important;
}
.btn.dropdown-toggle.btn-primary ~ .dropdown-menu .dropdown-plus-title {
border-color: #357ebd !important;
}
.btn.dropdown-toggle.btn-success ~ .dropdown-menu .dropdown-plus-title {
border-color: #4cae4c !important;
}
.btn.dropdown-toggle.btn-info ~ .dropdown-menu .dropdown-plus-title {
border-color: #46b8da !important;
}
.btn.dropdown-toggle.btn-warning ~ .dropdown-menu .dropdown-plus-title {
border-color: #eea236 !important;
}
.btn.dropdown-toggle.btn-danger ~ .dropdown-menu .dropdown-plus-title {
border-color: #d43f3a !important;
}
.dropdown-menu-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 15px;
border-bottom: 1px solid #eff0f6;
}
.dropdown-demo .dropdown-menu {
position: static;
float: none;
}
.dropdown-menu-header label {
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #6b6f80;
}
.dropdown-media-list .media {
padding: 12px 15px;
}
.dropdown-media-list .media:hover, .dropdown-media-list .media:focus {
background-color: #f8f9fa;
}
.media {
display: flex;
align-items: flex-start;
}
.dropdown-media-list {
padding: 0;
}
.dropdown-media-list img {
border-radius: 100%;
}
.dropdown-media-list .media-body {
margin-left: 15px;
}
.media-body {
flex: 1;
}
.dropdown-media-list .media-body > div {
display: flex;
align-items: center;
justify-content: space-between;
}
.dropdown-media-list .media-body > div p {
margin-bottom: 0;
font-weight: 500;
color: #6b6f80;
font-size: 14px;
}
.dropdown-media-list .media-body > div span {
font-size: 12px;
}
.dropdown-media-list .media-body > p {
font-size: 14px;
margin-bottom: 0;
}
.dropdown-list-footer {
padding: 10px 15px;
text-align: center;
font-size: 12px;
border-top: 1px solid #eff0f6;
}
.label {
display: inline-block;
margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
ul.dropdown-menu li.dropdown ul.dropdown-menu {
width: auto !important;
}
}
.dropdown {
display: block;
}
#sidebar .dropdown-menu {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
min-width: 12rem;
}
.dropdown-menu-arrow.dropdown-menu-end:before, .dropdown-menu-arrow.dropdown-menu-end:after {
left: auto;
right: 12px;
}
.dropdown-icon {
color: #3e4358;
margin-right: 0.5rem;
margin-left: -0.5rem;
width: 1em;
display: inline-block;
text-align: center;
vertical-align: -1px;
}
.btn-white.dropdown-toggle::after {
color: #c4c9d6;
}
/*-----Lists-----*/
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
}
.list-group-item-action {
width: 100%;
color: #6b6f80;
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
color: #6b6f80;
text-decoration: none;
background-color: #f4f5fb;
z-index: 0;
}
.list-group-item-action:active {
color: #6b6f80;
background-color: #f4f5fb;
z-index: 0;
}
.list-group-item + .list-group-item {
border-top-width: 1px;
}
.listorder {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eff0f6;
list-style-type: decimal;
list-style-position: inside;
}
.listorder1 {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eff0f6;
list-style-type: upper-alpha;
list-style-position: inside;
}
.listunorder {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eff0f6;
list-style-type: circle;
list-style-position: inside;
}
.listunorder1 {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eff0f6;
list-style-type: square;
list-style-position: inside;
}
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #eff0f6;
}
.list-group-item.active .icon {
color: inherit !important;
}
.list-group-item .icon {
color: #6b6f80 !important;
}
.list-group-item:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.list-group-item:hover, .list-group-item:focus {
z-index: 1;
text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #7c90b1;
background-color: #fff;
}
.list-group-item.active {
z-index: 0;
color: inherit;
border-color: transparent;
background-color: #f4f5fb;
border-color: 3px solid rgba(238, 238, 238, 0.5);
}
.list-group-flush .list-group-item {
border-right: 0 !important;
border-left: 0 !important;
border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0;
}
.list-group-item-primary {
color: #24426c;
background-color: #cbdbf2 !important;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #24426c;
background-color: #b7cded;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #24426c;
border-color: #24426c;
}
.list-group-item-secondary {
color: #fff;
background-color: #f72d66 !important;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #fff;
background-color: #f72d66;
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #f72d66;
border-color: #f72d66;
}
.list-group-item-success {
color: #316100;
background-color: #d2ecb8 !important;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #316100;
background-color: #c5e7a4;
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #316100;
border-color: #316100;
}
.list-group-item-info {
color: #24587e;
background-color: #cbe7fb !important;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #24587e;
background-color: #b3dcf9 !important;
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #24587e;
border-color: #24587e;
}
.list-group-item-warning {
color: #7d6608;
background-color: #fbeebc !important;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #7d6608;
background-color: #fae8a4;
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #7d6608;
border-color: #7d6608;
}
.list-group-item-danger {
color: #6b1110;
background-color: #f1c1c0 !important;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #6b1110;
background-color: #ecacab !important;
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #6b1110;
border-color: #6b1110;
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182;
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21;
}
.btn-close {
float: right;
font-size: 1.40625rem;
font-weight: 700;
line-height: 1;
color: #495057;
opacity: 0.5;
}
.btn-close:hover, .btn-close:focus {
color: #000;
text-decoration: none;
opacity: 0.75;
}
.btn-close:not(:disabled):not(.disabled) {
cursor: pointer;
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
text-shadow: none;
-webkit-appearance: none;
}
.list-inline-dots .list-inline-item + .list-inline-item:before {
content: "· ";
margin-left: -2px;
margin-right: 3px;
}
.list-separated-item {
padding: 1rem 0;
}
.list-separated-item:first-child {
padding-top: 0;
}
.list-group-transparent .list-group-item {
background: none;
border: 0;
padding: 0.75rem 1rem;
border-radius: 3px;
}
.list-group-transparent .list-group-item.active {
background: #f4f5fb;
color: #4454c3;
font-weight: 600;
}
.visitor-list p {
font-size: 12px;
}
.visitor-list i {
font-size: 20px;
}
.sales-relative {
position: relative;
}
.icon-absolute {
position: absolute;
display: block;
bottom: 10px;
right: 10px;
padding: 20px 0;
text-align: center;
border-radius: 50%;
width: 70px;
height: 70px;
}
@media (min-width: 991px) and (max-width: 1024px) {
.icon-absolute {
display: none;
}
}
/*------ Modal -------*/
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10000;
display: none;
overflow: hidden;
outline: 0;
padding-right: 0 !important;
margin: 0 !important;
}
.modal-open,
.modal-backdrop.fade.show {
padding-right: 0 !important;
}
.modal-open {
overflow: hidden;
padding: 0 !important;
display: block;
overflow: inherit;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -25%);
}
.modal.show .modal-dialog {
transform: translate(0, 0);
}
@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #eff0f6;
border-radius: 3px;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #eff0f6;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.modal-header .btn-close {
padding: 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
font-size: 16px;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.modal-body p:last-child {
margin-bottom: 0;
}
.modal-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;
}
.modal-footer > :not(:first-child) {
margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
margin-right: 0.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-centered {
min-height: calc(100% - 3.5rem);
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 800px;
}
}
.modal.animated .modal-dialog {
transform: translate(0, 0);
}
.modal.effect-scale .modal-dialog {
transform: scale(0.7);
opacity: 0;
transition: all 0.3s;
}
.modal.effect-scale.show .modal-dialog {
transform: scale(1);
opacity: 1;
}
.modal.effect-slide-in-right .modal-dialog {
transform: translateX(20%);
opacity: 0;
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.modal.effect-slide-in-right.show .modal-dialog {
transform: translateX(0);
opacity: 1;
}
.modal.effect-slide-in-bottom .modal-dialog {
transform: translateY(20%);
opacity: 0;
transition: all 0.3s;
}
.modal.effect-slide-in-bottom.show .modal-dialog {
transform: translateY(0);
opacity: 1;
}
.modal.effect-newspaper .modal-dialog {
transform: scale(0) rotate(720deg);
opacity: 0;
}
.modal.effect-newspaper.show ~ .modal-backdrop,
.modal.effect-newspaper .modal-dialog {
transition: all 0.5s;
}
.modal.effect-newspaper.show .modal-dialog {
transform: scale(1) rotate(0deg);
opacity: 1;
}
.modal.effect-fall {
perspective: 1300px;
}
.modal.effect-fall .modal-dialog {
transform-style: preserve-3d;
transform: translateZ(600px) rotateX(20deg);
opacity: 0;
}
.modal.effect-fall.show .modal-dialog {
transition: all 0.3s ease-in;
transform: translateZ(0px) rotateX(0deg);
opacity: 1;
}
.modal.effect-flip-horizontal {
perspective: 1300px;
}
.modal.effect-flip-horizontal .modal-dialog {
transform-style: preserve-3d;
transform: rotateY(-70deg);
transition: all 0.3s;
opacity: 0;
}
.modal.effect-flip-horizontal.show .modal-dialog {
transform: rotateY(0deg);
opacity: 1;
}
.modal.effect-flip-vertical {
perspective: 1300px;
}
.modal.effect-flip-vertical .modal-dialog {
transform-style: preserve-3d;
transform: rotateX(-70deg);
transition: all 0.3s;
opacity: 0;
}
.modal.effect-flip-vertical.show .modal-dialog {
transform: rotateX(0deg);
opacity: 1;
}
.modal.effect-super-scaled .modal-dialog {
transform: scale(2);
opacity: 0;
transition: all 0.3s;
}
.modal.effect-super-scaled.show .modal-dialog {
transform: scale(1);
opacity: 1;
}
.modal.effect-sign {
perspective: 1300px;
}
.modal.effect-sign .modal-dialog {
transform-style: preserve-3d;
transform: rotateX(-60deg);
transform-origin: 50% 0;
opacity: 0;
transition: all 0.3s;
}
.modal.effect-sign.show .modal-dialog {
transform: rotateX(0deg);
opacity: 1;
}
.modal.effect-rotate-bottom {
perspective: 1300px;
}
.modal.effect-rotate-bottom .modal-dialog {
transform-style: preserve-3d;
transform: translateY(100%) rotateX(90deg);
transform-origin: 0 100%;
opacity: 0;
transition: all 0.3s ease-out;
}
.modal.effect-rotate-bottom.show .modal-dialog {
transform: translateY(0%) rotateX(0deg);
opacity: 1;
}
.modal.effect-rotate-left {
perspective: 1300px;
}
.modal.effect-rotate-left .modal-dialog {
transform-style: preserve-3d;
transform: translateZ(100px) translateX(-30%) rotateY(90deg);
transform-origin: 0 100%;
opacity: 0;
transition: all 0.3s;
}
.modal.effect-rotate-left.show .modal-dialog {
transform: translateZ(0px) translateX(0%) rotateY(0deg);
opacity: 1;
}
.modal.effect-just-me .modal-dialog {
transform: scale(0.8);
opacity: 0;
transition: all 0.3s;
}
.modal.effect-just-me .modal-content {
background-color: #10163a;
border: 1px solid #4d4e50;
padding: 0 9px;
}
.modal.effect-just-me .btn-close {
text-shadow: none;
color: #fff;
}
.modal.effect-just-me .modal-header {
background-color: transparent;
border-bottom-color: rgba(255, 255, 255, 0.1);
padding-left: 0;
padding-right: 0;
}
.modal.effect-just-me .modal-header h6 {
color: #fff;
font-weight: 500;
}
.modal.effect-just-me .modal-body {
color: rgba(255, 255, 255, 0.8);
padding-left: 0;
padding-right: 0;
}
.modal.effect-just-me .modal-body h6 {
color: #fff;
}
.modal.effect-just-me .modal-footer {
background-color: transparent;
padding-left: 0;
padding-right: 0;
border-top-color: rgba(255, 255, 255, 0.1);
}
.modal.effect-just-me.show ~ .modal-backdrop {
opacity: 0.96;
}
.modal.effect-just-me.show .modal-dialog {
transform: scale(1);
opacity: 1;
}
/*------ Navigation -------*/
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.2rem 0.9rem;
}
.nav-link:hover, .nav-link:focus {
text-decoration: none;
}
.nav-link.disabled {
color: #a8b4c1;
}
.nav-tabs {
border-bottom: 1px solid #eff0f6;
-webkit-user-select: none;
user-select: none;
color: #000;
margin: 0 -0.75rem;
}
.nav-tabs .nav-link {
border: 0;
color: inherit;
color: #6b6f80;
transition: 0.3s border-color;
font-weight: 500;
padding: 1rem 1.6rem;
font-size: 13px;
text-align: center;
border: 1px solid transparent;
}
.nav-tabs .nav-link:hover:not(.disabled) {
color: #fff;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border: 0;
}
.nav-tabs .nav-link.disabled {
color: #868e96;
background-color: transparent;
border-color: transparent;
opacity: 0.4;
cursor: default;
pointer-events: none;
}
.nav-tabs .nav-link.active {
color: #fff;
background: #4454c3;
border: 0;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-item.show .nav-link {
border: 0;
}
.nav-tabs .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-tabs .nav-item1 {
margin-bottom: -1px;
margin-bottom: 0;
position: relative;
}
.nav-tabs .nav-item1.nav-link {
border: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.nav-tabs .nav-item1 .nav-link {
border: 0;
color: inherit;
margin-bottom: -1px;
color: #6b6f80;
transition: 0.3s border-color;
font-weight: 400;
padding: 1rem 10px;
}
.nav-tabs .nav-item1 .nav-link:hover:not(.disabled), .nav-tabs .nav-item1 .nav-link.active {
color: #fff;
background: #4454c3;
}
.nav-tabs .nav-item1 .nav-link.disabled {
opacity: 0.6;
cursor: default;
pointer-events: none;
}
.nav-tabs .nav-item1 i {
margin-right: 0.25rem;
line-height: 1;
font-size: 0 rem;
width: 0.875rem;
vertical-align: baseline;
display: inline-block;
margin-right: 10px;
}
.nav-tabs .nav-item1:hover .nav-submenu {
display: block;
}
.nav-tabs .nav-submenu {
display: none;
position: absolute;
background: #000;
border: 1px solid #eff0f6;
border-top: none;
z-index: 10;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
min-width: 10rem;
border-radius: 0 0 3px 3px;
}
.nav-tabs .nav-submenu .nav-item1 {
display: block;
padding: 0.5rem 1rem;
color: #9aa0ac;
margin: 0 !important;
cursor: pointer;
transition: 0.3s background;
}
.nav-tabs .nav-submenu .nav-item1.active {
color: #467fcf;
}
.nav-tabs .nav-submenu .nav-item1:hover {
color: #6e7687;
text-decoration: none;
background: rgba(0, 0, 0, 0.024);
}
.nav-tabs .nav-item {
margin-bottom: 0;
position: relative;
}
.nav-tabs .nav-item:hover .nav-submenu {
display: block;
}
.nav-tabs .nav-item i {
margin-right: 0.25rem;
line-height: 1;
font-size: 0 rem;
width: 0.875rem;
vertical-align: baseline;
display: inline-block;
margin-right: 10px;
}
.nav-tabs .nav-submenu {
display: none;
position: absolute;
background: #fff;
border: 1px solid #eff0f6;
border-top: none;
z-index: 10;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
min-width: 10rem;
border-radius: 0 0 3px 3px;
}
.nav-tabs .nav-submenu .nav-item {
display: block;
padding: 0.5rem 1rem;
color: #9aa0ac;
margin: 0 !important;
cursor: pointer;
transition: 0.3s background;
}
.nav-tabs .nav-submenu .nav-item.active {
color: #467fcf;
}
.nav-tabs .nav-submenu .nav-item:hover {
color: #6e7687;
text-decoration: none;
background: rgba(0, 0, 0, 0.024);
}
.nav-pills .nav-link {
border-radius: 4px;
background: #f3f4f7;
}
.card-header-pills.nav-pills .nav-link {
border-radius: 4px;
background: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #4454c3;
}
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
}
.navbar > .container,
.navbar > .container-fluid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
display: inline-block;
padding-top: 0.359375rem;
padding-bottom: 0.359375rem;
margin-right: 1rem;
font-size: 1.125rem;
line-height: inherit;
white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.125rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 3px;
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (max-width: 1279.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1280px) {
.navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
}
.navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
padding-right: 0;
padding-left: 0;
flex-wrap: nowrap;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link {
color: rgba(0, 0, 0, 0.9);
}
.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;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='$black-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link {
color: #fff;
}
.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;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='$white-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff;
}
/*--navtabs--*/
.nav-item1 {
padding: 10px;
min-width: 2rem;
transition: 0.3s color;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
display: flex;
align-items: center;
}
.nav-item1:hover:not(.disabled), .nav-item1.active {
color: #fff;
}
.nav-item1 .nav-link.disabled {
color: #8e9cad;
cursor: default;
pointer-events: none;
}
.nav1 {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
background: #f4f5fb;
}
.user-button {
padding: 3px 10px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 3px;
color: #fff !important;
background: #4454c3;
}
.user-button:hover {
border: 1px solid #4454c3;
background: #fff;
color: #4454c3 !important;
}
.nav-link,
.nav-item {
min-width: 2rem;
transition: 0.3s color;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
display: flex;
align-items: center;
}
.header .nav-link .badge,
.header .nav-item .badge {
position: absolute;
top: 0;
right: -6px;
padding: 0.2rem 0.25rem;
min-width: 1rem;
font-size: 13px;
}
#headerMenuCollapse .nav-link .badge,
#headerMenuCollapse .nav-item .badge {
position: relative;
min-width: 1rem;
font-size: 10px;
font-weight: 500;
}
.header .nav-tabs .nav-link:hover:not(.disabled), .header .nav-tabs .nav-link.active {
color: #fff !important;
background: #4454c3;
}
.nav-link:hover .dropdown-menu,
.nav-item:hover .dropdown-menu,
.nav-link:hover .dropdown-menu.show {
display: block;
}
/*---Mega Menu---*/
@media (max-width: 1279px) and (min-width: 992px) {
.nav-tabs .nav-link {
padding: 1rem 0.95rem;
font-size: 13px;
}
}
@media (max-width: 480px) {
.list-media .info {
padding-bottom: 15px;
}
.list-media .info .text-right {
display: none;
}
.header-brand-img {
height: 3rem;
margin-top: 5px;
}
.m-portlet {
display: none;
}
.searching.mt-3 {
margin-top: 0.6rem !important;
}
.tabs-menu ul li {
width: 100%;
margin: 15px;
}
.tabs-menu ul li a {
width: 100%;
}
.invoicelist .tabs-menu ul li {
width: 100%;
margin: 0px;
}
.invoicelist .tabs-menu ul li a {
width: 100%;
}
.cal1 .clndr .clndr-table tr {
height: 50px !important;
}
.tabs-menu1 ul li {
width: 100%;
margin: 15px;
}
.tabs-menu1 ul li a {
width: 100%;
}
.wizard-card .nav-pills > li {
text-align: center;
padding: 9px !important;
}
.form-control.form-select.w-auto {
display: none;
}
.badge {
margin: 10px 0;
}
.mail-inbox .badge {
margin: 0;
}
.construction .display-5 {
font-size: 1.5rem;
}
.header-brand {
line-height: 2.5rem !important;
}
.jumbotron .display-3 {
font-size: 2.5rem;
}
.mail-option .hidden-phone {
display: none;
}
.app-header .header-brand {
min-width: auto !important;
}
.dropdown.header-fullscreen {
display: none;
}
.app-header1 .header-brand {
min-width: auto;
}
.widget-text span {
font-size: 10px;
}
}
@media (max-width: 767px) {
.card-tabs {
display: block !important;
}
.header-brand {
line-height: 2.7rem;
}
.header .input-icon.mt-2 {
margin-top: 5px !important;
}
.footer .privacy {
text-align: center !important;
}
.shop-dec .col-md-6.pr-0 {
padding-right: 0.75rem !important;
}
.shop-dec .col-md-6.pl-0 {
padding-left: 0.75rem !important;
}
}
@media (max-width: 768px) and (min-width: 481px) {
.header-brand {
margin-left: 20px;
}
.searching i {
margin-top: 5px !important;
}
.nav-link.leading-none span {
margin-top: -1px !important;
padding: 0 !important;
}
}
@media (max-width: 768px) {
.nav-tabs .nav-link {
width: 100%;
}
.page-subtitle {
display: none;
}
.richText .richText-toolbar ul li a {
border: rgba(0, 40, 100, 0.12) solid 1px;
}
.ticket-card .col-md-1 {
width: 100%;
display: block;
}
.ticket-card img {
display: block;
text-align: Center;
margin: 0 auto;
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
margin-top: 10px !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
justify-content: center !important;
}
.page-title {
line-height: 1.5rem;
font-size: 20px;
}
.carousel-caption {
display: none;
}
.demo-gallery > ul > li {
width: 100% !important;
}
ul.inbox-pagination li span {
display: none;
}
.dash1,
.dash2 {
margin-bottom: 1.2rem;
}
}
@media (max-width: 990px) and (min-width: 767px) {
.carousel-caption {
top: 10%;
}
}
@media (max-width: 568px) and (min-width: 480px) {
.container-messages {
position: absolute;
top: 50px !important;
}
.messages-list {
top: 24px !important;
bottom: 73px !important;
}
.messages-right {
top: 10px !important;
bottom: 71px !important;
}
.messages-left-footer {
bottom: 40px !important;
display: none;
}
.messages-left .card-header {
display: none;
}
.message-footer,
.message-header {
height: 50px !important;
}
.message-body {
top: 50px !important;
bottom: 50px !important;
}
}
@media (max-width: 990px) and (min-width: 569px) {
.message-header,
.message-footer {
height: 50px !important;
}
.messages-right {
top: 10px !important;
bottom: 80px !important;
}
.message-body {
top: 50px !important;
bottom: 50px !important;
}
.messages-left .card-header {
display: none;
}
.messages-list {
top: 24px !important;
}
}
@media (max-width: 990px) {
.header-toggler {
margin: 6px;
}
.nav-tabs .nav-link {
width: 100%;
}
form.convFormDynamic button.submit {
margin: 4px !important;
}
.messages-list .media {
padding: 9px !important;
}
}
.nav-link-icon {
line-height: 0;
}
/*--------panel----------*/
.expanel-default {
border: #ddd !important;
}
.expanel-primary {
border: #4454c3 !important;
}
.expanel-secondary {
border: #f72d66 !important;
}
.expanel-success {
border: #2dce89 !important;
}
.expanel-danger {
border: #dc0441 !important;
}
.expanel-primary > .expanel-heading {
color: #fff !important;
background-color: #4454c3 !important;
border-color: #4454c3 !important;
}
.expanel-secondary > .expanel-heading {
color: #fff !important;
background-color: #f72d66 !important;
border-color: #f72d66 !important;
}
.expanel-success > .expanel-heading {
color: #fff !important;
background-color: #2dce89 !important;
border-color: #2dce89 !important;
}
.expanel-danger > .expanel-heading {
color: #fff !important;
background-color: #dc0441 !important;
border-color: #dc0441 !important;
}
.expanel-warning > .expanel-heading {
color: #fff !important;
background-color: #ecb403 !important;
border-color: #ecb403 !important;
}
.expanel-title {
margin-top: 0 !important;
margin-bottom: 0 !important;
font-size: 16px !important;
color: inherit !important;
}
.expanel {
margin-bottom: 20px !important;
background-color: #fff !important;
border: 1px solid #eff0f6 !important;
border-radius: 4px !important;
box-shadow: none !important;
}
.expanel-default > .expanel-heading {
background-color: #f4f5fb !important;
border-color: 1px solid #eff0f6 !important;
}
.expanel-heading {
padding: 10px 15px !important;
border-bottom: 1px solid #eff0f6;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.expanel-footer {
padding: 10px 15px !important;
background-color: #f4f5fb !important;
border-top: 1px solid #eff0f6 !important;
border-bottom-right-radius: 3px !important;
border-bottom-left-radius: 3px !important;
}
.expanel-body {
padding: 15px !important;
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.703125rem;
background-color: #e5e9f2;
border-radius: 3px;
position: relative;
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #e5e9f2;
transition: width 0.6s ease;
}
.current-progressbar {
margin-top: 14.5px;
}
.progress-content {
margin-bottom: 16.5px;
}
.progress-content:last-child {
margin-bottom: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
.progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite;
}
.media {
display: flex;
align-items: flex-start;
}
.media-body {
flex: 1;
}
/*------ progress sizes ------*/
.progress-xs {
height: 0.25rem;
}
.progress-xs .progress-bar {
height: 0.25rem;
}
.progress-sm {
height: 0.5rem;
}
.progress-sm .progress-bar {
height: 0.5rem;
}
.progress-lg {
height: 1.25rem;
}
.progress-lg .progress-bar {
height: 1.25rem;
}
.progress-bar-indeterminate:after {
content: "";
position: absolute;
background-color: inherit;
left: 0;
will-change: left, right;
top: 0;
bottom: 0;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation-delay: 1.15s;
}
.progress-bar-indeterminate:before {
content: "";
position: absolute;
background-color: inherit;
left: 0;
will-change: left, right;
top: 0;
bottom: 0;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
@keyframes loader {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/*---- Tags-----*/
.tag {
font-size: 0.75rem;
color: #6b6f80;
background-color: #f4f5fb;
border-radius: 3px;
padding: 0 0.5rem;
line-height: 2em;
display: inline-flex;
cursor: default;
font-weight: 400;
-webkit-user-select: none;
user-select: none;
}
a.tag {
text-decoration: none;
cursor: pointer;
transition: 0.3s color, 0.3s background;
}
a.tag:hover {
background-color: rgba(110, 118, 135, 0.2);
color: inherit;
}
.tag-addon {
display: inline-block;
padding: 0 0.5rem;
color: inherit;
text-decoration: none;
background: rgba(0, 0, 0, 0.06);
margin: 0 -0.5rem 0 0.5rem;
text-align: center;
min-width: 1.5rem;
}
.tag-addon:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.tag-addon i {
vertical-align: middle;
margin: 0 -0.25rem;
}
a.tag-addon {
text-decoration: none;
cursor: pointer;
transition: 0.3s color, 0.3s background;
}
a.tag-addon:hover {
background: rgba(0, 0, 0, 0.16);
color: inherit;
}
.tag-avatar {
width: 1.5rem;
height: 1.5rem;
border-radius: 3px 0 0 3px;
margin: 0 0.5rem 0 -0.5rem;
}
.tag-blue {
background-color: #083dc1;
color: #fff;
}
.tag-indigo {
background-color: #6574cd;
color: #fff;
}
.tag-purple {
background-color: #aa4cf2;
color: #fff;
}
.tag-pink {
background-color: #ec82ef;
color: #fff;
}
.tag-red {
background-color: #dc0441;
color: #fff;
}
.tag-orange {
background-color: #fc7303;
color: #fff;
}
.tag-yellow {
background-color: #ecb403;
color: #fff;
}
.tag-green {
background-color: #2dce89;
color: #fff;
}
.tag-teal {
background-color: #2bcbba;
color: #fff;
}
.tag-cyan {
background-color: #17a2b8;
color: #fff;
}
.tag-white {
background-color: #fff;
color: #fff;
}
.tag-gray {
background-color: #868e96;
color: #fff;
}
.tag-gray-dark {
background-color: #343a40;
color: #fff;
}
.tag-azure {
background-color: #45aaf2;
color: #fff;
}
.tag-lime {
background-color: #7bd235;
color: #fff;
}
.tag-primary {
background-color: #467fcf;
color: #fff;
}
.tag-secondary {
background-color: #f72d66;
color: #fff;
}
.tag-success {
background-color: #2dce89;
color: #fff;
}
.tag-info {
background-color: #45aaf2;
color: #fff;
}
.tag-warning {
background-color: #ecb403;
color: #fff;
}
.tag-danger {
background-color: #dc0441;
color: #fff;
}
.tag-light {
background-color: #f8f9fa;
color: #fff;
}
.tag-dark {
background-color: #343a40;
color: #fff;
}
.tag-rounded {
border-radius: 50px;
}
.tag-rounded .tag-avatar {
border-radius: 50px;
}
.tags {
margin-bottom: -0.5rem;
font-size: 0;
}
.tags > .tag {
margin-bottom: 0.5rem;
}
.tags > .tag:not(:last-child) {
margin-right: 0.5rem;
}
.highlight .hll {
background-color: #ffc;
}
.highlight .c {
color: #999;
}
.highlight .k {
color: #069;
}
.highlight .o {
color: #555;
}
.highlight .cm {
color: #999;
}
.highlight .cp {
color: #099;
}
.highlight .c1,
.highlight .cs {
color: #999;
}
.highlight .gd {
background-color: #fcc;
border: 1px solid #c00;
}
.highlight .ge {
font-style: italic;
}
.highlight .gr {
color: #f00;
}
.highlight .gh {
color: #030;
}
.highlight .gi {
background-color: #cfc;
border: 1px solid #0c0;
}
.highlight .go {
color: #aaa;
}
.highlight .gp {
color: #009;
}
.highlight .gu {
color: #030;
}
.highlight .gt {
color: #9c6;
}
.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr {
color: #069;
}
.highlight .kt {
color: #078;
}
.highlight .m {
color: #f60;
}
.highlight .s {
color: #cc0099;
}
.highlight .na {
color: #00cc7a;
}
.highlight .nb {
color: #366;
}
.highlight .nc {
color: #0a8;
}
.highlight .no {
color: #360;
}
.highlight .nd {
color: #99f;
}
.highlight .ni {
color: #999;
}
.highlight .ne {
color: #c00;
}
.highlight .nf {
color: #c0f;
}
.highlight .nl {
color: #99f;
}
.highlight .nn {
color: #0cf;
}
.highlight .nt {
color: #6967ce;
}
.highlight .nv {
color: #033;
}
.highlight .ow {
color: #000;
}
.highlight .w {
color: #bbb;
}
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
color: #f60;
}
.highlight .sb,
.highlight .sc {
color: #c30;
}
.highlight .sd {
font-style: italic;
color: #c30;
}
.highlight .s2,
.highlight .se,
.highlight .sh {
color: #c30;
}
.highlight .si {
color: #a00;
}
.highlight .sx {
color: #c30;
}
.highlight .sr {
color: #3aa;
}
.highlight .s1 {
color: #c30;
}
.highlight .ss {
color: #fc3;
}
.highlight .bp {
color: #366;
}
.highlight .vc,
.highlight .vg,
.highlight .vi {
color: #033;
}
.highlight .il {
color: #f60;
}
.highlight .css .o {
color: #999;
}
.highlight .css .o + .nt {
color: #999;
}
.highlight .css .nt + .nt {
color: #999;
}
.highlight .language-bash::before,
.highlight .language-sh::before {
color: #009;
content: "$ ";
-webkit-user-select: none;
user-select: none;
}
.highlight .language-powershell::before {
color: #009;
content: "PM> ";
-webkit-user-select: none;
user-select: none;
}
/*---------Thumbnails----------*/
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 4px;
transition: border 0.2s ease-in-out;
}
.thumbnail a > img,
.thumbnail > img {
margin-right: auto;
margin-left: auto;
}
.thumbnail p:last-child {
margin-bottom: 0;
}
.thumbimg {
height: 100%;
width: 100%;
display: block;
}
.thumbnail .caption {
padding: 15px;
}
.video-list-thumbs > li {
margin-bottom: 12px;
}
.video-list-thumbs > li > a {
display: block;
position: relative;
color: #6b6f80;
border: 1px solid #eff0f6;
padding: 8px;
border-radius: 3px transition all 500ms ease-in-out;
border-radius: 4px;
}
.video-list-thumbs h2 {
bottom: 0;
font-size: 14px;
height: 33px;
margin: 8px 0 0;
}
.video-list-thumbs .fa {
font-size: 60px;
opacity: 0.6;
position: absolute;
right: 39%;
top: 31%;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
transition: all 500ms ease-in-out;
}
.video-list-thumbs > li > a:hover .fa {
color: #fff;
opacity: 1;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.video-list-thumbs .duration {
background-color: rgba(0, 0, 0, 0.4);
border-radius: 2px;
color: #fff;
font-size: 11px;
font-weight: bold;
left: 12px;
line-height: 13px;
padding: 2px 3px 1px;
position: absolute;
top: 12px;
transition: all 500ms ease;
}
.video-list-thumbs > li > a:hover .duration {
background-color: #000;
}
@media (max-width: 768px) {
.video-list-thumbs .fa {
right: 44%;
top: 44%;
}
}
@media (min-width: 320px) and (max-width: 480px) {
.video-list-thumbs .fa {
font-size: 35px;
}
.video-list-thumbs h2 {
bottom: 0;
font-size: 12px;
height: 22px;
margin: 8px 0 0;
}
}
/*-------Tooptip &popover------*/
.bd-example {
position: relative;
padding: 1rem;
margin: 1rem -1rem;
border-width: 0.2rem 0 0;
}
.bd-example-tooltip-static .tooltip {
position: relative;
display: inline-block;
margin: 10px 20px;
opacity: 1;
}
.tooltip {
position: absolute;
z-index: 1;
display: block;
margin: 0;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .tooltip-arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.tooltip.bs-tether-element-attached-bottom, .tooltip.tooltip-top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.bs-tether-element-attached-left, .tooltip.tooltip-end {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before, .tooltip.tooltip-top .tooltip-inner::before {
bottom: 0;
left: 50%;
margin-left: -5px;
content: "";
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.bs-tether-element-attached-left .tooltip-inner::before, .tooltip.tooltip-end .tooltip-inner::before {
top: 50%;
left: 0;
margin-top: -5px;
content: "";
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.bs-tether-element-attached-top, .tooltip.tooltip-bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.bs-tether-element-attached-top .tooltip-inner::before, .tooltip.tooltip-bottom .tooltip-inner::before {
top: 0;
left: 50%;
margin-left: -5px;
content: "";
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bs-tether-element-attached-right, .tooltip.tooltip-start {
padding: 0 5px;
margin-left: -3px;
}
.tooltip.bs-tether-element-attached-right .tooltip-inner::before, .tooltip.tooltip-start .tooltip-inner::before {
top: 50%;
right: 0;
margin-top: -5px;
content: "";
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip-inner::before {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
/*alerts*/
.pop-primary {
color: #4d9dff;
}
.popsecondary {
color: #f72d66;
}
.popinfo {
color: #88c8f7;
}
.popsuccess {
color: #bfff80;
}
.popdanger {
color: #ea6262;
}
.popwarning {
color: #f7db6e;
}
.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^=top] {
padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^=right] {
padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^=bottom] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^=left] {
padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 3px;
}
.bs-popover-top .popover-arrow,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::before,
.bs-popover-top .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
border-width: 0.5rem 0.25rem 0;
}
.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::before {
bottom: 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
bottom: 1px;
border-top-color: #fff;
}
.bs-popover-end .popover-arrow,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 0.5rem;
margin: 3px 0;
}
.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::before,
.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
border-width: 0.25rem 0.5rem 0.25rem 0;
}
.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::before {
left: 0;
border-right-color: #dee3eb;
}
.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
left: 1px;
border-right-color: #fff;
}
.bs-popover-bottom .popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow {
top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before,
.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-width: 0 0.25rem 0.5rem 0.25rem;
}
.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
top: 0;
border-bottom-color: #dee3eb;
}
.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
top: 1px;
border-bottom-color: #fff;
}
.bs-popover-start .popover-arrow,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 0.5rem;
margin: 3px 0;
}
.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::before,
.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
border-width: 0.25rem 0 0.25rem 0.5rem;
}
.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::before {
right: 0;
border-left-color: #dee3eb;
}
.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
right: 1px;
border-left-color: #fff;
}
.dropdown-item {
color: #3e4358;
}
.jqstooltip {
box-sizing: content-box;
font-family: inherit !important;
background: #333 !important;
border: none !important;
border-radius: 3px;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1 !important;
padding: 6px !important;
}
.jqstooltip .jqsfield {
font: inherit !important;
}
.tooltip-static-demo {
text-align: center;
background-color: #f3f4f7;
padding: 20px;
}
.tooltip-static-demo .tooltip {
z-index: 0;
opacity: 1;
position: relative;
display: inline-block;
margin: 0 10px;
}
.tooltip-static-demo .bs-tooltip-top .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-bottom .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
left: 50%;
margin-left: -2px;
}
.tooltip-static-demo .bs-tooltip-start,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=left],
.tooltip-static-demo .bs-tooltip-end,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=right] {
margin-top: 5px;
}
.tooltip-static-demo .bs-tooltip-start .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-end .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
top: 50%;
margin-top: -6px;
}
.popover-static-demo {
background-color: #f4f5fb;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
border: 1px solid #eff0f6;
border-radius: 3px;
}
.popover-static-demo .popover {
z-index: 0;
opacity: 1;
position: relative;
display: inline-block;
margin: 0 10px;
position: relative;
}
.popover-static-demo .bs-popover-top .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=top] .popover-arrow,
.popover-static-demo .bs-popover-bottom .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=bottom] .popover-arrow {
left: 50%;
margin-left: -5px;
}
.popover-static-demo .bs-popover-start,
.popover-static-demo .bs-popover-auto[data-popper-placement^=left],
.popover-static-demo .bs-popover-end,
.popover-static-demo .bs-popover-auto[data-popper-placement^=right] {
margin-top: 5px;
}
.popover-static-demo .bs-popover-start .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=left] .popover-arrow,
.popover-static-demo .bs-popover-end .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=right] .popover-arrow {
top: 50%;
margin-top: -5px;
}
.tooltip-primary .tooltip-inner {
background-color: #4454c3 !important;
color: #fff;
}
.tooltip-primary.bs-tooltip-top .tooltip-arrow::before, .tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
border-top-color: #4454c3;
}
.tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
border-bottom-color: #4454c3;
}
.tooltip-primary.bs-tooltip-start .tooltip-arrow::before, .tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
border-left-color: #4454c3;
}
.tooltip-primary.bs-tooltip-end .tooltip-arrow::before, .tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
border-right-color: #4454c3;
}
.tooltip-secondary .tooltip-inner {
background-color: #4454c3;
color: #fff;
}
.tooltip-secondary.bs-tooltip-top .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
border-top-color: #4454c3;
}
.tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
border-bottom-color: #4454c3;
}
.tooltip-secondary.bs-tooltip-start .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
border-left-color: #4454c3;
}
.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
border-right-color: #4454c3;
}
.tooltip-danger .tooltip-inner {
background-color: #4454c3;
color: #fff;
}
.tooltip-danger.bs-tooltip-top .tooltip-arrow::before, .tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
border-top-color: #4454c3;
}
.tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
border-bottom-color: #4454c3;
}
.tooltip-danger.bs-tooltip-start .tooltip-arrow::before, .tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
border-left-color: #4454c3;
}
.tooltip-danger.bs-tooltip-end .tooltip-arrow::before, .tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
border-right-color: #4454c3;
}
.tooltip-info .tooltip-inner {
background-color: #4454c3;
color: #fff;
}
.tooltip-info.bs-tooltip-top .tooltip-arrow::before, .tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
border-top-color: #4454c3;
}
.tooltip-info.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
border-bottom-color: #4454c3;
}
.tooltip-info.bs-tooltip-start .tooltip-arrow::before, .tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
border-left-color: #4454c3;
}
.tooltip-info.bs-tooltip-end .tooltip-arrow::before, .tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
border-right-color: #4454c3;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
max-width: 276px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.76562rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #d3dfea;
border-radius: 0.3rem;
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
}
.popover .popover-arrow {
position: absolute;
margin-left: calc(0.25rem - 5px);
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.popover.bs-popover-top, .popover.bs-popover-auto[data-popper-placement^=top] {
margin-bottom: 0.625rem;
}
.bs-popover-top,
.bs-popover-auto[data-popper-placement^=top] {
margin-bottom: 0.5rem;
}
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: #d3dfea;
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-end,
.bs-popover-auto[data-popper-placement^=right] {
margin-left: 0.5rem;
}
.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #d3dfea;
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[data-popper-placement^=bottom] {
margin-top: 0.5rem;
}
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #d3dfea;
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7;
}
.bs-popover-start,
.bs-popover-auto[data-popper-placement^=left] {
margin-right: 0.5rem;
}
.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #d3dfea;
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
color: #191621;
letter-spacing: 0.5px;
padding: 12px 15px;
background-color: #fff;
border-color: #d3dfea;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.popover-header::before {
display: none !important;
}
.popover-body {
padding: 15px;
color: #6e7687;
}
.popover-body p:last-child {
margin-bottom: 0;
}
.popover-head-primary .popover-header {
color: #fff;
background-color: #4454c3 !important;
}
.popover-head-primary.bs-popover-top .popover-arrow, .popover-head-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
bottom: -7px;
}
.popover-head-primary.bs-popover-start .popover-arrow, .popover-head-primary.bs-popover-auto[data-popper-placement^=left] .popover-arrow {
right: -7px;
}
.popover-head-primary.bs-popover-end .popover-arrow, .popover-head-primary.bs-popover-auto[data-popper-placement^=right] .popover-arrow {
left: -7px;
}
.popover-head-primary.bs-popover-bottom .popover-arrow::after, .popover-head-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-bottom-color: #4454c3;
}
.popover-head-primary.bs-popover-bottom .popover-arrow::before, .popover-head-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
display: none;
}
.popover-head-secondary .popover-header {
color: #fff;
background-color: #4454c3 !important;
}
.popover-head-secondary.bs-popover-top .popover-arrow, .popover-head-secondary.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
bottom: -7px;
}
.popover-head-secondary.bs-popover-start .popover-arrow, .popover-head-secondary.bs-popover-auto[data-popper-placement^=left] .popover-arrow {
right: -7px;
}
.popover-head-secondary.bs-popover-end .popover-arrow, .popover-head-secondary.bs-popover-auto[data-popper-placement^=right] .popover-arrow {
left: -7px;
}
.popover-head-secondary.bs-popover-bottom .popover-arrow::after, .popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-bottom-color: #4454c3;
}
.popover-head-secondary.bs-popover-bottom .popover-arrow::before, .popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
display: none;
}
.popover-head-primary,
.popover-head-secondary {
border: 0;
}
.popover-head-primary .popover-header,
.popover-head-secondary .popover-header {
border: 0;
}
.popover-head-primary .popover-body,
.popover-head-secondary .popover-body {
border: 1px solid rgba(20, 17, 45, 0.2);
border-top-width: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.popover-primary {
background-color: #4454c3 !important;
border-width: 0 !important;
padding: 15px;
}
.popover-primary .popover-header {
background-color: #4454c3 !important;
border-bottom-width: 0 !important;
padding: 0 0 15px;
color: #fff;
}
.popover-primary .popover-body {
padding: 0;
color: rgba(255, 255, 255, 0.75);
}
.popover-primary .popover-arrow::before {
display: none;
}
.popover-primary.bs-popover-top .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
border-top-color: #4454c3;
}
.popover-primary.bs-popover-bottom .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-bottom-color: #4454c3;
}
.popover-primary.bs-popover-start .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
border-left-color: #4454c3;
}
.popover-primary.bs-popover-end .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
border-right-color: #4454c3;
}
.popover-secondary {
background-color: #4454c3 !important;
border-width: 0 !important;
padding: 15px;
}
.popover-secondary .popover-header {
background-color: #4454c3 !important;
border-bottom-width: 0 !important;
padding: 0 0 15px;
color: #fff;
}
.popover-secondary .popover-body {
padding: 0;
color: rgba(255, 255, 255, 0.75);
}
.popover-secondary .popover-arrow::before {
display: none;
}
.popover-secondary.bs-popover-top .popover-arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
border-top-color: #4454c3;
}
.popover-secondary.bs-popover-bottom .popover-arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-bottom-color: #4454c3;
}
.popover-secondary.bs-popover-start .popover-arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
border-left-color: #4454c3;
}
.popover-secondary.bs-popover-end .popover-arrow::after, .popover-secondary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
border-right-color: #4454c3;
}
/*----- Typography ------*/
.heading-inverse {
background-color: #333;
color: #fff;
padding: 5px;
}
.heading-primary {
background-color: #4454c3;
color: #fff;
padding: 5px;
}
.heading-success {
background-color: #38a01e;
color: #fff;
padding: 5px;
}
.heading-info {
background-color: #45aaf2;
color: #fff;
padding: 5px;
}
.heading-warning {
background-color: #ecb403;
color: #fff;
padding: 5px;
}
.heading-danger {
background-color: #dc0441;
color: #fff;
padding: 5px;
}
/*------ Media object ------*/
.media {
margin-top: 15px;
zoom: 1;
overflow: hidden;
}
.media img {
width: 40px;
height: 40px;
}
.media.media-lg img {
width: 80px;
height: 80px;
}
.media-body {
zoom: 1;
overflow: hidden;
}
.media-object {
display: block;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-body,
.media-left,
.media-right {
display: table-cell;
vertical-align: top;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-body h4 {
font-weight: 600;
font-size: 16px;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
/* ###### components ####### */
.fc-view.fc-listMonth-view, .fc-view.fc-listWeek-view {
border-width: 0;
}
.fc-view.fc-listMonth-view .fc-scroller, .fc-view.fc-listWeek-view .fc-scroller {
padding: 0 20px 20px;
}
.fc-view.fc-listMonth-view .fc-list-table, .fc-view.fc-listWeek-view .fc-list-table {
border-collapse: separate;
display: block;
}
.fc-view.fc-listMonth-view .fc-list-table > tbody, .fc-view.fc-listWeek-view .fc-list-table > tbody {
display: flex;
flex-wrap: wrap;
}
.fc-view.fc-listMonth-view .fc-list-heading, .fc-view.fc-listWeek-view .fc-list-heading {
flex: 0 0 20%;
max-width: 20%;
margin-top: 15px;
}
.fc-view.fc-listMonth-view .fc-list-heading:first-child, .fc-view.fc-listWeek-view .fc-list-heading:first-child, .fc-view.fc-listMonth-view .fc-list-heading:first-child + .fc-list-item, .fc-view.fc-listWeek-view .fc-list-heading:first-child + .fc-list-item {
margin-top: 0;
}
.fc-view.fc-listMonth-view .fc-list-heading td, .fc-view.fc-listWeek-view .fc-list-heading td {
background-color: transparent;
border-width: 0;
padding: 0;
}
.fc-view.fc-listMonth-view .fc-list-heading-main, .fc-view.fc-listWeek-view .fc-list-heading-main {
display: block;
font-size: 11px;
text-transform: uppercase;
color: #737688;
font-weight: 600;
padding: 5px;
text-align: center;
}
.fc-view.fc-listMonth-view .fc-list-heading-main span:last-child, .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
display: block;
font-size: 30px;
font-weight: 700;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: -1px;
color: #495057;
line-height: 1;
}
.fc-view.fc-listMonth-view .fc-list-heading-main.now, .fc-view.fc-listWeek-view .fc-list-heading-main.now, .fc-view.fc-listMonth-view .fc-list-heading-main.now span:last-child, .fc-view.fc-listWeek-view .fc-list-heading-main.now span:last-child {
color: #4c84ff;
}
.fc-view.fc-listMonth-view .fc-list-item, .fc-view.fc-listWeek-view .fc-list-item {
flex: 0 0 calc(80% - 5px);
max-width: calc(80% - 5px);
display: flex;
flex-direction: column;
border-left: 4px solid transparent;
background-color: #fff;
margin-top: 15px;
}
.fc-view.fc-listMonth-view .fc-list-item:hover, .fc-view.fc-listMonth-view .fc-list-item:focus {
cursor: pointer;
}
.fc-view.fc-listWeek-view .fc-list-item:hover, .fc-view.fc-listWeek-view .fc-list-item:focus {
cursor: pointer;
}
.fc-view.fc-listMonth-view .fc-list-item:hover td, .fc-view.fc-listMonth-view .fc-list-item:focus td {
background-color: transparent;
}
.fc-view.fc-listWeek-view .fc-list-item:hover td, .fc-view.fc-listWeek-view .fc-list-item:focus td {
background-color: transparent;
}
.fc-view.fc-listMonth-view .fc-list-item > td, .fc-view.fc-listWeek-view .fc-list-item > td {
border-width: 0;
}
.fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-time, .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-time {
border-top: 1px solid #eff0f6;
border-right: 1px solid #eff0f6;
box-sizing: border-box;
color: #495057 !important;
}
.fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-title, .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-title {
border-bottom: 1px solid #e9edf4;
border-right: 1px solid #e9edf4;
box-sizing: border-box;
}
.fc-view.fc-listMonth-view .fc-list-item + .fc-list-item, .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
margin-left: 20%;
}
.fc-view.fc-listMonth-view .fc-list-item-marker, .fc-view.fc-listWeek-view .fc-list-item-marker {
display: none;
}
.fc-view.fc-listMonth-view .fc-list-item-time, .fc-view.fc-listWeek-view .fc-list-item-time {
padding: 12px 15px 2px;
font-size: 13px;
text-transform: capitalize;
width: 100%;
}
.fc-view.fc-listMonth-view .fc-list-item-title, .fc-view.fc-listWeek-view .fc-list-item-title {
padding: 0 15px 12px;
}
.fc-view.fc-listMonth-view .fc-list-item-title a, .fc-view.fc-listWeek-view .fc-list-item-title a {
display: block;
font-weight: 700;
font-size: 15px;
margin-bottom: 5px;
color: #14112d;
}
.fc-view.fc-listMonth-view .fc-list-item-title .fc-desc, .fc-view.fc-listWeek-view .fc-list-item-title .fc-desc {
font-size: 13px;
line-height: 1.375;
display: block;
}
@media (min-width: 992px) {
.fc-view.fc-listMonth-view .fc-list-item, .fc-view.fc-listWeek-view .fc-list-item {
flex: 0 0 calc(90% - 5px);
max-width: calc(90% - 5px);
}
.fc-view.fc-listMonth-view .fc-list-item + .fc-list-item, .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
margin-left: 10%;
}
.fc-view.fc-listMonth-view .fc-list-heading, .fc-view.fc-listWeek-view .fc-list-heading {
flex: 0 0 10%;
max-width: 10%;
}
.fc-view.fc-listMonth-view .fc-scroller, .fc-view.fc-listWeek-view .fc-scroller {
padding: 0;
}
}
@media (min-width: 576px) {
.fc-view.fc-listMonth-view .fc-list-item + .fc-list-item, .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
margin-left: 15%;
}
.fc-view.fc-listMonth-view .fc-list-heading, .fc-view.fc-listWeek-view .fc-list-heading {
flex: 0 0 15%;
max-width: 15%;
}
.fc-view.fc-listMonth-view .fc-list-item, .fc-view.fc-listWeek-view .fc-list-item {
flex: 0 0 calc(85% - 5px);
max-width: calc(85% - 5px);
}
}
@media (min-width: 768px) {
.fc-view.fc-listMonth-view .fc-list-item + .fc-list-item, .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
margin-left: 12%;
}
.fc-view.fc-listMonth-view .fc-list-heading, .fc-view.fc-listWeek-view .fc-list-heading {
flex: 0 0 12%;
max-width: 12%;
}
.fc-view.fc-listMonth-view .fc-list-item, .fc-view.fc-listWeek-view .fc-list-item {
flex: 0 0 calc(88% - 5px);
max-width: calc(88% - 5px);
}
}
@media (min-width: 1200px) {
.fc-view.fc-listMonth-view .fc-list-item + .fc-list-item, .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
margin-left: 8%;
}
.fc-view.fc-listMonth-view .fc-list-item, .fc-view.fc-listWeek-view .fc-list-item {
flex: 0 0 calc(92% - 5px);
max-width: calc(92% - 5px);
}
.fc-view.fc-listMonth-view .fc-list-heading, .fc-view.fc-listWeek-view .fc-list-heading {
flex: 0 0 8%;
max-width: 8%;
}
}
td.fc-today {
background-color: #f3f7fd;
}
/*-----Chat----*/
#messages-main {
position: relative;
margin: 0 auto;
border: 1px solid #eff0f6;
margin-bottom: 1.5rem;
}
#messages-main:after, #messages-main:before {
content: " ";
display: table;
}
#messages-main .ms-user {
padding: 15px;
background: #fff;
border: 1px solid #eceff9;
border-left: 0;
}
#messages-main .ms-user > div {
overflow: hidden;
padding: 3px 5px 0 15px;
font-size: 11px;
}
#messages-main #ms-compose {
position: fixed;
bottom: 120px;
z-index: 0;
right: 30px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
@media (min-width: 992px) {
#messages-main .ms-menu {
position: absolute;
left: 0;
top: 0;
border-right: 1px solid #eff0f6;
padding-bottom: 0;
height: 100%;
width: 300px;
/* background: $white; */
}
#messages-main .ms-body {
padding-left: 300px;
}
.msb-reply {
border-left: 0 !important;
border-right: 0 !important;
}
}
@media (max-width: 991px) {
#messages-main .ms-menu {
z-index: 0;
margin-bottom: 25px;
}
#messages-main .ms-menu.toggled {
display: block;
}
#messages-main .ms-body {
overflow: hidden;
}
}
@media (max-width: 480px) {
.ah-actions {
float: none !important;
text-align: center;
display: inline-block;
}
.d-flex.chat-user {
display: none !important;
}
.ah-actions {
margin-left: 50px !important;
}
.actions > li > a {
padding: 0 5px !important;
}
}
#ms-menu-trigger {
-webkit-user-select: none;
user-select: none;
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 100%;
padding-right: 10px;
padding-top: 24px;
cursor: pointer;
text-align: right;
}
#ms-menu-trigger i {
font-size: 21px;
}
#ms-menu-trigger.toggled i:before {
content: "\f2ea";
}
.fc-toolbar:before,
.login-content:after {
content: "";
}
#footer,
.fc-toolbar .ui-button,
.fileinput .thumbnail {
text-align: center;
}
.four-zero {
text-align: center;
}
.four-zero footer > a {
text-align: center;
}
.ie-warning,
.login-content,
.login-navigation {
text-align: center;
}
.pt-inner {
text-align: center;
}
.pt-inner .pti-footer > a {
text-align: center;
}
.message-feed {
padding: 20px;
}
.message-feed.right > .pull-right {
margin-left: 15px;
}
.message-feed:not(.right) .mf-content {
background: #eff1f7;
position: relative;
margin-left: 5px;
}
.message-feed.right .mf-content {
background: #4454c3;
color: #fff;
position: relative;
margin-right: 5px;
}
.mf-content {
padding: 13px 20px;
border-radius: 6px;
display: inline-block;
max-width: 100%;
}
.mf-date {
display: block;
color: #8e9cad;
margin-top: 7px;
}
.mf-date > i {
font-size: 14px;
line-height: 100%;
position: relative;
top: 1px;
}
.four-zero,
.lc-block {
box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
}
.msb-reply {
position: relative;
background: #fff;
border: 1px solid #eceff9;
height: 50px;
border-bottom: 0;
}
.msb-reply textarea {
width: 100%;
font-size: 13px;
border: 0;
padding: 15px 15px;
resize: none;
height: 50px;
background: 0 0;
}
.msb-reply button {
position: absolute;
top: 4px;
right: 9px;
border: 0;
height: 40px;
width: 40px;
font-size: 20px;
color: #2196f3;
background: 0 0;
}
.ico-mt {
margin-top: -0.5rem !important;
}
.msb-reply button:hover {
background: #f2f2f2;
}
.p-15 {
padding: 15px !important;
}
.actions {
list-style: none;
padding: 0;
margin: 0;
}
.actions > li {
display: inline-block;
}
.actions:not(.a-alt) > li > a > i {
color: #fff;
}
.actions > li > a {
display: block;
padding: 0 10px;
}
.actions > li > a > i {
font-size: 20px;
}
.message-feed.right {
text-align: right;
}
#ms-menu-trigger,
.toggle-switch {
-webkit-user-select: none;
-moz-user-select: none;
}
.list-group.lg-alt .list-group-item {
border: 0;
}
.action-header {
position: relative;
background: #4454c3;
padding: 15px 13px 15px 17px;
border-bottom: 1px solid #eff0f6;
}
.ms-body {
background: #fff;
border-radius: 7px;
}
.amcharts-chart-div a,
.canvasjs-chart-container a {
display: none !important;
}
.rotation {
-webkit-animation: rotation 2s infinite linear;
}
.amChartsLegend.amcharts-legend-div {
display: none;
}
.input-icon .mb-3.is-empty {
margin-bottom: 0;
}
.input-icon .mb-3.is-empty .form-control {
margin-bottom: 0;
}
/*=====================================
Inbox Message Style
=======================================*/
.inbox-message ul {
padding: 0;
margin: 0;
}
.inbox-message ul li {
list-style: none;
position: relative;
padding: 15px 20px;
border-bottom: 1px solid #eff0f6;
}
.inbox-message ul li:hover, .inbox-message ul li:focus {
background: #f4f5fb;
z-index: 0;
}
.chat-conatct-list .media:hover {
z-index: inherit;
}
.inbox-message .message-avatar {
position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
}
.message-avatar img {
display: inline-block;
width: 54px;
height: 54px;
border-radius: 50%;
}
.inbox-message .message-body {
margin-left: 85px;
font-size: 15px;
color: #424e79;
}
.message-body-heading h5 {
font-weight: 600;
display: inline-block;
color: #424e79;
margin: 0 0 7px 0;
padding: 0;
}
.message-body h5 span {
border-radius: 50px;
line-height: 14px;
font-size: 12px;
color: #fff;
font-style: normal;
padding: 4px 10px;
margin-left: 5px;
margin-top: -5px;
}
.message-body h5 span.unread {
background: #07b107;
}
.message-body h5 span.important {
background: #dd2027;
}
.message-body h5 span.pending {
background: #2196f3;
}
.message-body-heading span {
float: right;
font-size: 14px;
}
.messages-inbox .message-body p {
margin: 0;
padding: 0;
line-height: 27px;
font-size: 15px;
}
@media (max-width: 600px) {
.job-box-filter label {
width: 100%;
text-align: center;
}
.message-body h5 span.pending, .message-body h5 span.unread {
display: none;
}
}
.list-icons i {
font-size: 56px;
}
.font-dot {
margin-top: -12px;
}
.list-icons .card-footer i {
font-size: 14px;
}
.chat-body-style {
background: url('chat.jpg');
max-height: 500px;
}
.chat-conatct-list {
max-height: 555px;
overflow-y: auto;
}
.msg_card_body {
background: url('chat.jpg');
overflow-y: auto;
}
.chat-conatct-list .media {
overflow: initial;
}
.message-feed.media .media-body, .message-feed.right .media-body {
overflow: visible;
}
.message-feed:not(.right) .mf-content:before {
content: "";
position: absolute;
top: 9px;
border-bottom: 8px solid #eff1f7;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
right: auto;
left: -12px;
transform: rotate(-90deg);
display: block;
}
.message-feed.right .mf-content:before {
content: "";
position: absolute;
top: 9px;
border-bottom: 8px solid #4454c3;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
left: auto;
right: -12px;
transform: rotate(90deg);
display: block;
}
.ms-menu .tab-menu-heading {
background: #fff;
padding: 13px;
border-radius: 5px 0 0 0;
border-right: 0;
position: sticky;
border-left: 0;
width: 299px;
z-index: 1;
}
.ms-menu .tab-menu-heading .tabs-menu1 ul li {
width: 48%;
margin: 0 1px;
}
.ms-menu .tab-menu-heading .tabs-menu1 ul li .active {
border: 0;
background: #4454c3;
color: #fff;
border: 1px solid #4454c3;
}
.ms-menu .tab-menu-heading .tabs-menu1 ul li a {
border-radius: 5px;
padding: 10px 20px;
text-align: center;
font-weight: 600;
border: 1px solid #d3dfea;
}
.chat-conatct-list .list-group-item {
position: relative;
}
.chat-conatct-list .list-group-item .chat-time {
position: absolute;
top: 15px;
right: 10px;
font-size: 12px;
}
.contacts_body {
white-space: nowrap;
}
.contacts_body .contacts {
list-style: none;
padding: 0;
}
.contacts_body .contacts li {
width: 100% !important;
padding: 15px;
border-bottom: 1px solid #ebeaf1;
}
.contacts_body .active {
background-color: #eff1f7;
}
.chatbox .user_info {
margin-top: auto;
margin-bottom: auto;
margin-left: 15px;
}
.chatbox .user_info span {
color: #464444;
}
.chatbox .action-header small {
font-size: 10px;
}
.chatbox .user_img {
height: 50px;
width: 50px;
border: 0px solid #f5f6fa;
}
.chatbox .user_img_msg {
height: 40px;
width: 40px;
border: 1.5px solid #f5f6fa;
}
.chatbox .img_cont {
position: relative;
height: 50px;
width: 50px;
}
.chatbox .img_cont_msg {
height: 40px;
width: 40px;
display: contents;
}
.chat-box-single-line {
margin: 7px 0 30px;
position: relative;
text-align: center;
}
.chat abbr.timestamp {
padding: 4px 14px;
border-radius: 4px;
}
.chat {
margin-bottom: auto;
}
.chat .action-header {
position: relative;
padding: 15px 13px 15px 17px;
}
.chat .dropdown-menu.dropdown-menu-end.show {
width: 100%;
margin-bottom: 5px;
position: absolute;
transform: translate3d(-176px, 22px, 0px);
top: 10px !important;
left: 0px;
will-change: transform;
}
.chat .msb-reply textarea {
width: 100%;
font-size: 13px;
padding: 12px 47px;
resize: none;
height: 44px;
border: 1px solid #ebeaf1;
background: #faf9ff;
margin-left: -42px;
}
.chat .dropdown-menu li {
padding: 7px;
color: #5e629c;
}
.chat .dropdown-menu li:hover {
background: #faf9ff;
}
.chat .dropdown-menu li i {
padding: 7px;
}
.chat .actions > li {
display: inline-block;
}
.chat .actions:not(.a-alt) > li > a > i {
color: #fff;
line-height: unset;
}
.chat .justify-content-start,
.chat .justify-content-end {
margin-bottom: 25px;
}
.chat .card {
height: 600px;
}
.chat .card-header {
padding: 1rem;
}
.chat .video_cam {
margin-left: 50px;
margin-top: 5px;
}
.chat .video_cam span {
color: white;
font-size: 20px;
cursor: pointer;
margin-right: 20px;
}
.chat .msg_cotainer {
margin-top: auto;
margin-bottom: auto;
margin-left: 10px;
background-color: #eff1f7;
padding: 10px;
position: relative;
border-radius: 5px;
max-width: 70%;
margin-top: 5px;
}
.chat .msg_cotainer:before {
content: "";
position: absolute;
top: 9px;
border-bottom: 8px solid #eff1f7;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
right: auto;
left: -12px;
transform: rotate(-90deg);
display: block;
}
.chat .msg_cotainer_send {
margin-top: auto;
margin-bottom: auto;
margin-right: 10px;
background-color: #4454c3;
padding: 10px;
position: relative;
color: #fff;
border-radius: 5px;
max-width: 70%;
margin: 0 12px 10px 0;
}
.chat .msg_cotainer_send:after {
content: "";
position: absolute;
top: 9px;
border-bottom: 8px solid #4454c3;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
left: auto;
right: -12px;
transform: rotate(90deg);
display: block;
}
.chat .msg_time {
position: absolute;
left: 0;
bottom: -18px;
color: #3a374e;
font-size: 10px;
}
.chat .msg_time_send {
position: absolute;
right: 0;
bottom: -18px;
color: #3a374e;
font-size: 10px;
}
.chat .msg_head {
position: relative;
background: #60529f;
box-shadow: 0 1px 15px 1px rgba(58, 58, 62, 0.4);
}
#action_menu_btn {
position: absolute;
right: 36px;
top: 21px;
color: white;
cursor: pointer;
font-size: 20px;
}
.action_menu {
z-index: 1;
position: absolute;
padding: 15px 0;
background-color: #fff;
color: #646367;
top: 40px;
right: 15px;
display: none;
}
.action_menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.action_menu ul li:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.2);
}
.construction .form-control {
padding: 0.375rem 1rem;
}
.modal .ah-actions {
margin-top: 0px !important;
}
.modal-content .actions > li > a {
display: block;
/* padding: 10px; */
width: 50px;
height: 50px;
border-radius: 50%;
margin: 0 auto;
line-height: 50px;
text-align: center;
}
.modal-content .actions > li > a:hover {
background: rgba(0, 0, 0, 0.1);
}
.msb-reply-button .btn {
line-height: 14px;
}
.modal-content.chat .card {
border-radius: 4px 4px 0 0;
box-shadow: none;
}
.ah-actions {
z-index: 3;
float: right !important;
margin-top: 0px !important;
position: relative;
}
.ah-actions.actions a {
line-height: inherit;
height: auto;
}
.ah-actions .option-dots {
width: 40px;
height: 40px !important;
border-radius: 50%;
background: #fff;
margin: 0 10px;
text-align: center;
line-height: 40px !important;
display: block !important;
padding: 0 !important;
}
@media (max-width: 991.98px) {
.main-content-body-show .main-header-menu-icon {
display: none;
}
.main-content-body-show .main-header-left .main-header-arrow {
display: block;
}
.main-content-body-show .main-content-left-chat {
display: none;
}
.main-content-body-show .main-content-body-chat {
display: flex;
}
}
.main-content-left-chat {
width: 100%;
display: flex;
flex-direction: column;
padding: 0;
}
.main-nav-line-chat {
border-bottom: 1px solid #e9edf4;
flex-shrink: 0;
flex-direction: row;
padding: 10px;
}
.main-nav-line-chat .nav-link {
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
padding: 6px 15px;
border-radius: 3px;
margin-top: 0;
margin-left: 10px;
background: #e9edf4;
}
.main-nav-line-chat .nav-link:hover, .main-nav-line-chat .nav-link:focus, .main-nav-line-chat .nav-link:active {
outline: none;
}
.main-nav-line-chat .nav-link.active {
color: #fff;
background: #4454c3;
}
.main-nav-line-chat .nav-link.active::before {
top: auto;
left: 0;
right: 0;
width: auto;
bottom: -11px;
background-color: #4454c3;
}
.main-chat-contacts-wrapper {
padding: 10px 20px;
flex-shrink: 0;
border-bottom: 1px solid #e9edf4;
overflow: hidden;
}
.main-chat-contacts-wrapper .lSSlideOuter,
.main-chat-contacts-wrapper .lSSlideWrapper {
overflow: visible;
}
.main-chat-contacts-wrapper .main-content-label,
.main-chat-contacts-wrapper .card-table-two .card-title {
margin-bottom: 15px;
line-height: 1;
}
.card-table-two .main-chat-contacts-wrapper .card-title,
.main-chat-contacts-wrapper .card--eight .card-title,
.card--eight .main-chat-contacts-wrapper .card-title {
margin-bottom: 15px;
line-height: 1;
}
.main-chat-contacts {
padding-left: 20px;
display: flex;
}
.main-chat-contacts .lslide {
display: flex;
flex-direction: column;
align-items: center;
float: none;
}
.main-chat-contacts small {
font-size: 11px;
width: 36px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 3px;
text-align: center;
}
.main-chat-contacts-more {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: #4454c3;
font-size: 12px;
font-weight: 500;
color: #fff;
}
.main-chat-list {
max-height: 500px;
position: relative;
}
.main-chat-list .media {
padding: 12px 20px;
/* border: 1px solid #e9edf4; */
position: relative;
border-bottom: 1px solid #eff0f6;
}
.main-chat-list .media .main-img-user {
flex-shrink: 0;
top: 3px;
position: relative;
}
.main-chat-list .media:last-chid {
border-bottom: 0;
}
.main-chat-list .media + .media::before {
content: "";
position: absolute;
top: -1px;
left: 0;
right: 0;
border-top: 1px solid #e9edf4;
}
.main-chat-list .media.new {
/* background-color: $white; */
}
.main-chat-list .media.new .main-img-user span {
display: flex;
}
.main-chat-list .media.new .media-contact-name span:first-child {
font-weight: 700;
color: #14112d;
}
.main-chat-list .media.new .media-body p {
color: #22252f;
}
.main-chat-list .media:hover, .main-chat-list .media:focus {
cursor: pointer;
background-color: #f3f4f7;
border-top-color: #eff0f6;
border-bottom-color: #eff0f6;
}
.main-chat-list .media:hover:first-child, .main-chat-list .media:focus:first-child {
/* border-top-color: transparent; */
}
.main-chat-list .media.selected {
background-color: #f3f4f7;
border-top-color: #eff0f6;
border-bottom-color: #eff0f6;
}
.main-chat-list .media.selected:first-child {
border-top-color: transparent;
}
.main-chat-list .media.selected::after {
display: block;
}
.main-chat-list .media.selected .media-contact-name span:first-child {
color: #14112d;
}
.main-chat-list .media.selected .media-body p {
color: #22252f;
}
.main-chat-list .main-img-user span {
position: absolute;
top: 0;
left: -2px;
width: 14px;
height: 14px;
display: none;
align-items: center;
justify-content: center;
border-radius: 100%;
font-size: 9px;
font-weight: 500;
color: #fff;
background-color: #ff5c77;
box-shadow: 0 0 0 2px #fff;
}
.main-chat-list .media-body {
margin-left: 15px;
}
.main-chat-list .media-body p {
font-size: 13px;
margin-bottom: 0;
color: #737688;
line-height: 1.35;
}
.main-chat-list .media-contact-name {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2px;
}
.main-chat-list .media-contact-name span:first-child {
display: block;
font-size: 14px;
font-weight: 500;
color: #14112d;
}
.main-chat-list .media-contact-name span:last-child {
display: block;
font-size: 11px;
color: #737688;
}
.main-content-body-chat {
flex-direction: column;
}
.main-chat-header {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 12px 20px 12px;
border-bottom: 1px solid #e9edf4;
}
.main-chat-header .nav {
margin-left: auto;
align-items: center;
}
.main-chat-header .nav-link {
padding: 0;
color: #737688;
font-size: 20px;
display: none;
margin-top: 0px;
}
.main-chat-header .nav-link:first-child {
display: block;
}
.main-chat-header .nav-link i {
line-height: 0;
}
.main-chat-header .nav-link .typcn {
line-height: 0.9;
}
.main-chat-header .nav-link .typcn::before {
width: auto;
}
.main-chat-header .nav-link:hover, .main-chat-header .nav-link:focus {
color: #4454c3;
}
.main-chat-header .nav-link + .nav-link {
margin-left: 10px;
}
.main-chat-msg-name {
margin-left: 15px;
}
.main-chat-msg-name h6 {
margin-bottom: 2px;
font-size: 15px;
font-weight: 700;
color: #14112d;
}
.main-chat-msg-name small {
font-size: 12px;
color: #737688;
}
.main-chat-body {
background: url('chat.jpg');
position: relative;
padding-bottom: 50px;
padding-bottom: 0;
}
.main-chat-body .content-inner {
max-height: 490px;
min-height: 490px;
overflow: auto;
padding: 20px;
transition: scroll-behavior 1s;
}
.main-chat-body .media + .media {
margin-top: 20px;
}
.main-chat-body .media.flex-row-reverse .media-body {
margin-left: 0;
margin-right: 5px;
align-items: flex-end;
}
.main-chat-body .media.flex-row-reverse .main-msg-wrapper {
background-color: #4454c3;
color: #fff;
margin-right: 15px;
border-radius: 4px 0px 4px 4px;
}
.main-chat-body .media-body {
margin-left: 5px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.main-chat-body .media-body > div span {
font-size: 12px;
color: #737688;
display: flex;
align-items: center;
}
.main-chat-time {
display: block;
position: relative;
text-align: center;
margin: 20px 0;
}
.main-chat-time:first-of-type {
margin-top: 0;
}
.main-chat-time span {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.main-msg-wrapper {
padding: 10px 15px;
color: #fff;
background-color: #343a40;
font-size: 13px;
margin-bottom: 5px;
border-radius: 0px;
display: inline-block;
position: relative;
margin-left: 10px;
border-radius: 0 4px 4px 4px;
}
.main-chat-footer {
display: flex;
align-items: center;
height: 50px;
padding: 0 20px;
border-top: 1px solid #e9edf4;
background-color: #fff;
bottom: 0;
left: 0;
right: 0;
border-radius: 0 0 5px 5px;
}
.main-chat-footer .nav {
align-items: center;
}
.main-chat-footer .nav-link {
padding: 0;
color: #737688;
font-size: 16px;
display: none;
}
.main-chat-footer .nav-link + .nav-link {
margin-left: 10px;
}
.main-chat-footer .nav-link:last-child {
display: block;
margin-left: 0;
}
.main-chat-footer .form-control {
flex: 1;
margin: 0 10px;
padding-left: 0;
padding-right: 0;
border-width: 0;
}
.main-chat-footer .form-control:hover, .main-chat-footer .form-control:focus {
box-shadow: none;
}
@media (min-width: 992px) {
.main-chat-footer {
position: relative;
bottom: auto;
left: auto;
right: auto;
}
.main-content-left-chat {
width: auto;
border: 0;
border-left: 0;
}
.main-chat-list .media {
padding: 12px 15px;
margin: 0;
}
.main-content-body-chat {
display: flex;
}
.main-nav-line-chat {
padding-right: 0;
}
.main-chat-contacts-wrapper {
padding: 10px 0px 10px 15px;
}
}
@media (min-width: 576px) {
.main-chat-header .nav-link {
display: block;
}
.main-chat-header .nav-link:first-child {
display: none;
}
.main-chat-body .media.flex-row-reverse .media-body {
margin-left: 0;
}
.main-chat-body .media-body {
margin-right: 0;
}
.main-chat-footer .form-control {
margin-left: 20px;
}
.main-chat-footer .nav-link {
display: block;
}
.main-chat-footer .nav-link:last-child {
display: none;
}
}
@media (min-width: 768px) {
.main-chat-footer .form-control {
margin: 0 20px;
border: 0 !important;
}
}
.main-msg-send {
font-size: 20px;
color: #4454c3;
}
.main-img-user.online {
position: relative;
}
.main-img-user.online:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #2dce89;
display: block;
right: 2px;
bottom: 0;
z-index: 1;
}
.main-chat-body .media.flex-row-reverse .main-msg-wrapper:before {
content: "";
position: absolute;
top: 6px;
border-bottom: 8px solid #4454c3;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
left: auto;
right: -12px;
transform: rotate(90deg);
display: block;
}
.main-msg-wrapper:before {
content: "";
position: absolute;
top: 6px;
border-bottom: 8px solid #343a40;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
right: auto;
left: -12px;
transform: rotate(-90deg);
display: block;
}
.main-content-left-chat .form-control {
padding: 0.52rem 15px;
height: 40px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.main-content-body-show .main-header-contacts .main-header-menu-icon {
display: flex;
}
.main-content-body-show .main-content-left-contacts {
display: block;
}
.app .main-contact-star {
display: none;
}
.app .main-content-left-contacts .main-nav-line-chat .nav-link.active {
display: block !important;
display: block !important;
font-size: 11px;
padding: 0;
}
.app .main-content-left-contacts .main-img-user {
margin: 0 auto;
}
}
@media (max-width: 1200px) {
.main-contact-info-header {
border-top: 1px solid #e9edf4;
}
.main-contact-info-header .media-body {
padding-top: 20px;
}
}
@media (max-width: 400px) {
.main-contact-action a span {
display: none;
}
}
@media (max-width: 576px) {
.main-contact-info-header {
padding-top: 60px !important;
}
.main-contact-action {
left: 10px;
right: 0 !important;
}
.main-contact-info-header .media-body .nav-link {
padding-top: 5px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.main-contact-info-header .media {
display: block !important;
}
.main-contact-info-header .media-body {
padding-top: 20px;
}
}
.main-content-left-contacts {
width: 100%;
display: block;
padding: 0;
}
.main-content-left-contacts .main-content-breadcrumb,
.main-content-left-contacts .main-content-title {
padding-left: 20px;
}
.main-contacts-list {
position: relative;
height: 500px;
}
.main-contacts-list:hover, .main-contacts-list:focus {
box-shadow: none;
outline: 0;
border: 0;
}
.main-contact-label {
padding-top: 20px;
padding-bottom: 5px;
padding-left: 20px;
font-weight: 500;
font-size: 12px;
position: relative;
}
.main-contact-label::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
right: 0;
border-bottom: 1px solid #e9edf4;
z-index: 1;
}
.main-contact-item {
padding: 10px 20px;
border: 1px solid transparent;
border-right-width: 0;
display: flex;
position: relative;
cursor: pointer;
}
.main-contact-item + .main-contact-item {
margin-top: -1px;
border-top-color: transparent;
}
.main-contact-item + .main-contact-item::before {
content: "";
position: absolute;
top: -1px;
left: 0;
right: 0;
border-top: 1px solid #e9edf4;
}
.main-contact-item:hover, .main-contact-item:focus {
background-color: #f3f4f7;
border-top-color: #eff0f6;
border-bottom-color: #eff0f6;
}
.main-contact-item.selected {
z-index: 0;
border-left-color: #4454c3;
background-color: #f3f4f7;
border-top-color: #eff0f6;
border-bottom-color: #eff0f6;
border-width: 1px;
}
.main-contact-body {
flex: 1;
margin-left: 15px;
}
.main-contact-body h6 {
color: #424e79;
font-weight: 600;
margin-bottom: 2px;
}
.main-contact-body span {
font-size: 13px;
color: #728096;
}
.main-contact-star {
font-size: 16px;
color: #728096;
}
.main-contact-star:hover, .main-contact-star:focus {
color: #728096;
}
.main-contact-star.active {
color: #fcb32d;
}
@media (min-width: 768px) {
.main-content-body-contacts {
display: block;
overflow-y: auto;
}
.main-content-left-contacts {
width: 100%;
}
}
.main-contact-info-header {
padding-top: 40px;
padding-left: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e9edf4;
position: relative;
}
.main-contact-info-header .media {
display: block;
}
.main-contact-info-header .main-img-user {
width: 100px;
height: 100px;
position: relative;
}
.main-contact-info-header .main-img-user::after {
display: none;
}
.main-contact-info-header .main-img-user a {
position: absolute;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background-color: #e3e7f5;
color: #fff;
font-size: 18px;
line-height: 0.9;
box-shadow: 0 0 0 2px #fff;
border-radius: 100%;
}
.main-contact-info-header .main-img-user a:hover, .main-contact-info-header .main-img-user a:focus {
background-color: #4454c3;
fill: rgba(255, 255, 255, 0.5);
}
.main-contact-info-header .media-body {
margin-top: 30px;
}
.main-contact-info-header .media-body h4 {
color: #424e79;
font-size: 22px;
font-weight: 500;
margin-bottom: 4px;
line-height: 1;
}
.main-contact-info-header .media-body p {
margin-bottom: 15px;
}
.main-contact-info-header .media-body .nav-link {
padding: 0;
display: flex;
align-items: center;
color: #728096;
font-size: 13px;
}
.main-contact-info-header .media-body .nav-link i {
font-size: 14px;
line-height: 0;
margin-right: 5px;
}
.main-contact-info-header .media-body .nav-link i.typcn {
line-height: 0.9;
}
.main-contact-info-header .media-body .nav-link i.typcn::before {
width: auto;
}
.main-contact-info-header .media-body .nav-link:hover, .main-contact-info-header .media-body .nav-link:focus {
color: #4c84ff;
}
.main-contact-info-header .media-body .nav-link + .nav-link {
margin-left: 10px;
}
@media (min-width: 576px) {
.main-contact-info-header .media-body .nav-link {
font-size: 0.875rem;
}
.main-contact-info-header .media-body .nav-link i {
margin-right: 7px;
}
.main-contact-info-header .media-body .nav-link + .nav-link {
margin-left: 25px;
}
.main-contact-info-header {
padding-top: 20px;
}
}
.main-contact-action {
position: absolute;
top: 20px;
right: 20px;
display: flex;
}
.main-contact-action a {
display: flex;
align-items: center;
}
.main-contact-action a:hover, .main-contact-action a:focus {
color: #4c84ff;
}
.main-contact-action a i {
font-size: 17px;
line-height: 0.9;
margin-right: 5px;
}
.main-contact-action a + a {
margin-left: 15px;
}
.main-contact-info-body {
padding-left: 0px;
}
.main-contact-info-body .media-list {
padding: 20px 0;
}
.main-contact-info-body .media {
align-items: center;
position: relative;
}
.main-contact-info-body .media + .media {
margin-top: 30px;
}
.main-contact-info-body .media + .media::before {
content: "";
position: absolute;
top: -15px;
left: 0;
right: 0;
border-top: 1px solid #e9edf4;
}
.main-contact-info-body .media:last-child {
margin-bottom: 15px;
}
.main-contact-info-body .media-body {
margin-left: 30px;
}
.main-contact-info-body .media-body > div + div {
margin-top: 15px;
}
.main-contact-info-body .media-body label {
color: #728096;
margin-bottom: 0;
display: block;
font-size: 14px;
}
.main-contact-info-body .media-body span {
display: block;
color: #424e79;
font-weight: 500;
}
.main-contact-info-body .media::before {
content: "";
position: absolute;
top: -15px;
left: 0;
right: 0;
border-top: 1px solid #e9edf4;
}
@media (min-width: 992px) {
.main-contact-info-body {
height: calc(100% - 126px);
position: relative;
}
.main-contact-info-body .media-list {
padding: 25px 0;
}
.main-contact-info-body .media-body {
display: flex;
}
.main-contact-info-body .media-body > div {
flex: 1;
}
.main-contact-info-body .media-body > div + div {
margin-top: 0;
}
.main-contact-action {
right: 20px;
}
.main-contact-info-header {
padding-left: 30px;
padding-bottom: 25px;
}
.main-contact-item {
padding: 10px 15px;
}
.main-contact-label {
padding-left: 10px;
}
.main-content-left-contacts .main-content-breadcrumb,
.main-content-left-contacts .main-content-title {
padding-left: 0;
}
.main-content-body-contacts {
overflow: visible;
}
.main-contact-info-header .media-body {
margin-top: 0;
margin-left: 30px;
}
.main-contact-info-header .media {
display: flex;
align-items: center;
}
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
opacity: 0;
visibility: hidden;
transform-origin: center center;
transform: translateY(20px);
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}
.horizontalMenu > .horizontalMenu-list > li:hover > ul.sub-menu,
.horizontalMenu > .horizontalMenu-list > li:hover > .horizontal-megamenu {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
opacity: 0;
visibility: hidden;
transform-origin: center center;
transform: translateY(20px);
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
opacity: 0;
visibility: hidden;
transform-origin: center center;
transform: translateY(20px);
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
opacity: 0;
visibility: hidden;
transform-origin: center center;
transform: translateY(20px);
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}
.horizontalMenu html,
.horizontalMenu body,
.horizontalMenu iframe,
.horizontalMenu h1,
.horizontalMenu h2,
.horizontalMenu h3,
.horizontalMenu h4,
.horizontalMenu h5,
.horizontalMenu h6 {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
font-size: 12px;
line-height: 18px;
}
.horizontalMenu .cl {
clear: both;
}
.horizontalMenu img {
border: 0 none;
max-width: 100%;
}
.horizontalMenu a:focus {
outline: none;
}
.horizontalMenu:before {
content: "";
display: table;
}
.horizontalMenu:after {
content: "";
display: table;
clear: both;
}
object,
embed,
video {
border: 0 none;
max-width: 100%;
}
/* ================== Desktop Main Menu CSS ================== */
.horizontalMenucontainer {
background-size: cover;
overflow: hidden;
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
}
.horizontal-main {
width: 100%;
position: fixed;
background: #fff;
border-bottom: 1px solid #eff0f6;
border-top: 1px solid #eff0f6;
z-index: 99;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;
}
.horizontal-mainwrapper {
margin: 0 auto;
/*max-width: 1200px;*/
width: 100%;
z-index: 999;
}
.desktoplogo {
padding: 1.5rem 0;
margin: 0;
float: left;
}
.desktoplogo img {
width: 100%;
}
.horizontalMenu {
color: #fff;
font-size: 14px;
padding: 0;
display: block;
}
.horizontalMenu > .horizontalMenu-list {
text-align: left;
margin: 0 auto 0 auto;
width: 100%;
display: block;
padding: 0;
}
.mega-menubg {
border: 1px solid #eff0f6;
background: #fff;
font-size: 15px;
padding: 14px 5px;
box-shadow: 0px 10px 10px 20px rgba(68, 84, 195, 0.05), 10px 10px 15px -5px rgba(68, 84, 195, 0.26);
}
.horizontalMenu > .horizontalMenu-list > li {
text-align: center;
display: block;
padding: 0;
margin: 0;
float: left;
color: #4454c3;
/*padding: 1.5rem 0;*/
}
.horizontalMenu > .horizontalMenu-list > li > a {
display: block;
padding: 1rem 0.8rem 1rem;
text-decoration: none;
position: relative;
margin: 0;
border-left: 1px solid #eff0f6;
}
.horizontalMenu > .horizontalMenu-list > li:first-child > a {
margin-left: 0;
}
.horizontalMenu > .horizontalMenu-list > li:last-child > a {
border-right: 1px solid #eff0f6;
}
.horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
padding-left: 25px;
padding-right: 25px;
}
.horizontalMenu > .horizontalMenu-list > li > a i {
display: inline-block;
font-size: 16px;
line-height: inherit;
margin-right: 10px;
vertical-align: top;
}
.horizontalMenu > .horizontalMenu-list > li > a .fa.fa-home {
font-size: 15px;
}
.horizontalMenu > .horizontalMenu-list > li > a .arrow:after {
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-top: 4px solid;
content: "";
float: right;
right: 11px;
height: 0;
margin: 0 0 0 14px;
position: absolute;
text-align: right;
top: 33px;
width: 0;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu {
float: right;
zoom: 1;
float: right;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu a {
padding: 0px 30px 0px 20px;
border-right: none;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu a .i {
font-size: 15px;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu:before {
content: "";
display: table;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu:after {
clear: both;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch {
float: right;
width: 210px;
height: 39px;
position: relative;
margin: 16px 0px 0px 0px;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .searchicon {
transition: all 0.7s ease 0s;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input {
width: 100%;
position: relative;
float: right;
top: 0;
right: 0;
bottom: 0;
width: 100%;
border: 0;
padding: 0;
margin: 0;
text-indent: 15px;
height: 39px;
z-index: 2;
outline: none;
color: #333;
background-color: #efefef;
transition: all 0.7s ease 0s;
font-size: 12px;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input::placeholder {
color: #b3bdca;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus {
color: #333;
width: 230px;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus ~ .btnstyle .fa {
color: #6b6f80;
opacity: 1;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus ~ .searchicon {
opacity: 1;
z-index: 3;
color: #ffffff;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle {
top: 0px;
position: absolute;
right: 0;
bottom: 0;
width: 40px;
line-height: 30px;
z-index: 1;
cursor: pointer;
opacity: 0.3;
color: #333;
z-index: 1000;
background-color: transparent;
border: solid 0px;
transition: all 0.7s ease 0s;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle .fa {
line-height: 37px;
margin: 0;
padding: 0;
text-align: center;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle:hover .fa {
opacity: 1;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
position: absolute;
top: 56px;
z-index: 1;
margin: 0px;
padding: 5px 0;
min-width: 190px;
background-color: #fff;
border: 1px solid #eff0f6;
box-shadow: 0px 10px 10px 20px rgba(68, 84, 195, 0.05), 10px 10px 15px -5px rgba(68, 84, 195, 0.26);
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li {
position: relative;
margin: 0px;
padding: 0px;
display: block;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
background-image: none;
color: #424e79;
border-right: 0 none;
text-align: left;
display: block;
line-height: 22px;
padding: 8px 12px;
text-transform: none;
font-size: 13px;
letter-spacing: normal;
border-right: 0px solid;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
text-decoration: none;
color: #4454c3;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a > .i {
margin-right: 9px;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
min-width: 220px;
position: absolute;
left: 100%;
top: 0;
margin: 0;
padding: 2px 0px;
list-style: none;
background-color: #fff;
border: 1px solid #eff0f6;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
position: relative;
margin: 0px;
padding: 1px;
display: block;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
background-image: none;
color: #6b6f80;
border-right: 0 none;
text-align: left;
display: block;
line-height: 22px;
padding: 8px 12px;
text-transform: none;
font-size: 13px;
letter-spacing: normal;
border-right: 0px solid;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
text-decoration: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > .i {
margin-right: 9px;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
min-width: 220px;
position: absolute;
left: 100%;
top: 0;
margin: 0px;
list-style: none;
padding: 0px;
background-color: #fff;
border: 1px solid #eff0f6;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
position: relative;
margin: 0px;
padding: 0px;
display: block;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
background-image: none;
color: #6b6f80;
border-right: 0 none;
text-align: left;
display: block;
line-height: 22px;
padding: 8px 12px;
text-transform: none;
font-size: 13px;
letter-spacing: normal;
border-right: 0px solid;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
text-decoration: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > .i {
margin-right: 9px;
}
.horizontalMenu > .horizontalMenu-list > li > a.active {
color: #4454c3;
text-decoration: none;
background: #f4f5fc;
}
.horizontalMenu > .horizontalMenu-list > li > a.active .hor-icon {
color: #4454c3;
fill: rgba(68, 84, 195, 0.3);
}
.horizontalMenu > .horizontalMenu-list > li > a:hover {
color: #4454c3;
text-decoration: none;
}
.horizontalMenu > .horizontalMenu-list > li > a:hover .hor-icon {
color: #4454c3;
fill: rgba(68, 84, 195, 0.3);
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
content: "\e92f";
font-family: "feather";
font-size: 13px;
position: absolute;
top: 11px;
right: 14px;
color: #70768e;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover,
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
text-decoration: none;
color: #4454c3;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
width: 100%;
left: 0px;
position: absolute;
top: 56px;
z-index: 1;
margin: 0px;
text-align: left;
font-size: 15px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
text-decoration: none;
color: #4454c3;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .megamenu-content {
border: 1px solid #eff0f6;
background-color: #fff;
padding: 14px 20px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
padding: 5px 5px 5px 0px;
font-size: 14px;
color: #495057;
margin: 0px 0px 4px 0px;
text-align: left;
font-weight: 600;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .wsmwnutxt {
width: 100%;
font-size: 14px;
text-align: justify;
line-height: 22px;
color: #424242;
margin-top: 10px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li {
display: block;
text-align: center;
white-space: nowrap;
text-align: left;
padding: 5px 10px 5px 25px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
line-height: 18px;
border-right: none;
text-align: left;
padding: 6px 0px;
/*background: rgb(255,255,255,0.04);*/
background-image: none;
color: #424e79;
border-right: 0 none;
display: block;
font-size: 13px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li .i {
margin-right: 5px;
text-align: center;
width: 18px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li a:hover {
background: transparent;
text-decoration: none;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li .i {
font-size: 12px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .mrgtop {
margin-top: 15px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .show-grid div {
padding-bottom: 10px;
padding-top: 10px;
background-color: #dbdbdb;
border: 1px solid #e7e7e7;
color: #6a6a6a;
margin: 2px 0px;
font-size: 13px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfmenu {
width: 30%;
right: auto;
left: auto;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfdiv {
width: 20%;
right: auto;
left: auto;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form {
width: 100%;
display: block;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=text] {
width: 100%;
border: 1px solid #e2e2e2;
color: #6b6f80;
font-size: 13px;
padding: 8px 5px;
margin-bottom: 8px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
width: 100%;
border: 1px solid #e2e2e2;
color: #6b6f80;
font-size: 13px;
padding: 8px 5px;
margin-bottom: 8px;
min-height: 122px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=submit] {
width: 25%;
display: block;
height: 32px;
float: right;
border: none;
margin-right: 15px;
cursor: pointer;
background-color: #e1e1e1;
border-radius: 2px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=button] {
width: 25%;
display: block;
height: 32px;
float: right;
border: none;
cursor: pointer;
background-color: #e1e1e1;
border-radius: 2px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-inner .item img {
width: 100%;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-control-next,
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-control-prev {
opacity: 0.8;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-caption {
bottom: 0px;
background-color: rgba(0, 0, 0, 0.7);
font-size: 13px;
height: 31px;
left: 0;
padding: 7px 0;
right: 0;
width: 100%;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text {
padding: 0px 0px;
font-size: 14px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul {
padding: 0px 0px;
margin: 0px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text p {
text-align: justify;
line-height: 24px;
color: #656565;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul li {
display: block;
padding: 2px 0px;
line-height: 22px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul li a {
color: #656565;
}
/* ================== Desktop Drop Down Menu CSS ================== */
/* ================== Desktop Mega Menus CSS ================== */
@media (min-width: 1024px) {
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list:first-child {
border: 0;
}
}
/*= Desktop Half Menu CSS =*/
/*= Desktop HTML Form Menu CSS =*/
/* ================== Desktop Extra CSS ================== */
.horizontal-header {
display: none;
}
.overlapblackbg {
opacity: 0;
visibility: hidden;
}
.horizontalMenu .horizontalMenu-click,
.horizontalMenu .horizontalMenu-click02 {
display: none;
}
.hometext {
display: none;
}
/*==============================================================================
Start Mobile CSS
===============================================================================*/
/* ================== Mobile Menu Change Brake Point ================== */
@media only screen and (max-width: 991px) {
/* ================== Mobile Base CSS ================== */
body.active {
overflow: hidden;
}
/* ================== Mobile Main Menu CSS ================== */
.desktoplogo {
display: none;
}
.horizontal-main {
height: 0;
padding: 0;
}
.horizontalMenucontainer {
background-attachment: local;
background-position: 33% 0%;
}
.horizontalMenu {
width: 100%;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
left: 0;
overflow-y: hidden;
padding: 0;
top: 0;
position: fixed;
visibility: hidden;
margin: 0px;
}
.horizontalMenu > .horizontalMenu-list {
height: auto;
min-height: 100%;
width: 240px;
padding-bottom: 0;
margin-left: -240px;
display: block;
text-align: center;
background: #fff;
}
.horizontalMenu > .horizontalMenu-list > li {
width: 100%;
display: block;
float: none;
border-right: none;
background-color: transparent;
position: relative;
white-space: inherit;
clear: right;
padding: 0;
border-bottom: 1px solid #eff0f6;
}
.horizontalMenu > .horizontalMenu-list > li > a {
padding: 12px 32px 12px 17px;
font-size: 14px;
text-align: left;
border-right: solid 0px;
line-height: 25px;
border-bottom: 0px solid;
border-bottom-color: rgba(255, 255, 255, 0.13);
position: static;
}
.horizontalMenu > .horizontalMenu-list > li > a span.fa.fa-caret-down {
display: none;
}
.horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
padding-left: 17px;
padding-right: 17px;
border-top: solid 1px rgba(255, 255, 255, 0.13);
}
.horizontalMenu > .horizontalMenu-list > li > a > .fa {
font-size: 16px;
color: #000;
}
.horizontalMenu > .horizontalMenu-list > li > a .arrow:after {
display: none;
}
.horizontalMenu > .horizontalMenu-list > li:hover > a {
background-color: rgba(0, 0, 0, 0.08);
text-decoration: none;
}
.horizontalMenu > .horizontalMenu-list > li > a > .hometext {
display: inline-block;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
box-shadow: none;
border-radius: 0 !important;
display: none;
position: relative;
top: 0px;
background-color: rgba(255, 255, 255, 0.04);
border: none;
padding: 0 0 0 25px;
opacity: 1;
visibility: visible;
transform: none;
transition: inherit;
-webkit-transform-style: flat;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
line-height: 20px;
font-size: 13px;
padding: 10px 0px 10px 16px;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li span + a {
padding-right: 30px;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a > .fa {
display: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
color: #6b6f80;
text-decoration: underline;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
color: #6b6f80;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
min-width: 100%;
position: static;
left: 100%;
top: 0;
display: none;
margin: 0px;
padding: 0px;
border: solid 0px;
transform: none;
opacity: 1;
visibility: visible;
transform: none;
transition: inherit;
-webkit-transform-style: flat;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
line-height: 20px;
font-size: 13px;
padding: 10px 0px 10px 26px;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li span + a {
padding-right: 30px;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > .fa {
display: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
color: #6b6f80;
text-decoration: underline;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
color: #6b6f80;
background: none;
text-decoration: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
color: #6b6f80;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
width: 100%;
position: static;
left: 100%;
top: 0;
display: none;
margin: 0px;
padding: 0px;
border: solid 0px;
transform: none;
opacity: 1;
visibility: visible;
transform: none;
transition: inherit;
-webkit-transform-style: flat;
box-shadow: none !important;
background: none !important;
border: 0 !important;
border-radius: 0px !important;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
margin: 0px 0px 0px 0px;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
line-height: 20px;
font-size: 13px;
padding: 10px 0px 10px 34px;
color: #6b6f80;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li span + a {
padding-right: 30px;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > .fa {
display: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
background-color: #e7e7e7;
color: #6b6f80;
text-decoration: underline;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
color: #6b6f80;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
color: #6b6f80;
display: none;
position: relative;
top: 0px;
padding: 10px 0px;
border: solid 0px;
transform: none;
opacity: 1;
visibility: visible;
transform: none;
transition: inherit;
border-bottom: 1px solid rgba(255, 255, 255, 0.13);
-webkit-transform-style: flat;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfmenu {
width: 100%;
margin: 0px;
padding: 5px 0px 10px 0px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
color: #6b6f80;
font-size: 15px;
padding: 10px 8px 10px 0px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul {
width: 100%;
margin: 0px;
padding: 0px;
font-size: 13px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul > li > a {
padding: 9px 14px;
line-height: normal;
font-size: 13px;
background-color: #e7e7e7;
color: #6b6f80;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul > li > a:hover {
background-color: #6b6f80;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu ul li.title {
line-height: 26px;
color: #6b6f80;
margin: 0px;
font-size: 15px;
padding: 7px 15px;
background-color: transparent;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfdiv {
width: 100%;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form {
padding: 5px 0px 62px 0px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .show-grid div {
margin: 0px;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=button], .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type=submit] {
width: 46%;
}
.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
min-height: 100px;
}
/* ================== Mobile Slide Down Links CSS ================== */
/* ================== Mobile Mega Menus CSS ================== */
/* ================== Mobile Header CSS ================== */
.horizontal-header {
width: 100%;
display: block;
position: relative;
top: 0;
left: 0;
z-index: 1;
height: 54px;
background-color: #eaecf0;
text-align: center;
transition: all 0.25s ease-in-out;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.active .horizontal-header {
transition: all 0.25s ease-in-out;
}
.active .header.top-header {
box-shadow: none;
}
.horizontal-header .smllogo {
display: inline-block;
margin-top: 15px;
}
/* Mobile Search Bar*/
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch {
width: 86%;
margin: 7% 7%;
padding: 0px;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input {
border-radius: 50px;
}
.horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus {
width: 100%;
}
.callusbtn {
color: #6b6f80;
font-size: 21px;
position: absolute;
right: 5px;
top: 0px;
transition: all 0.4s ease-in-out 0s;
z-index: 102;
padding: 11px 14px;
}
.callusbtn .fa {
vertical-align: top;
margin-top: 4px;
}
.callusbtn:hover .fa {
color: #6b6f80;
}
/* Mobile Toggle Menu icon (X ICON) */
.animated-arrow {
position: absolute;
top: -2px;
z-index: 102;
transition: all 0.4s ease-in-out;
cursor: pointer;
padding: 16px 35px 16px 0px;
margin: 15px 0 0 15px;
}
.animated-arrow span {
cursor: pointer;
height: 2px;
width: 17px;
background: #4454c3;
position: absolute;
display: block;
content: "";
transition: all 500ms ease-in-out;
}
.animated-arrow span:before, .animated-arrow span:after {
cursor: pointer;
height: 2px;
width: 17px;
background: #4454c3;
position: absolute;
display: block;
content: "";
}
.animated-arrow span:before {
top: -7px;
width: 23px;
}
.animated-arrow span:after {
bottom: -7px;
width: 17px;
}
.animated-arrow span:before, .animated-arrow span:after {
transition: all 500ms ease-in-out;
}
.active .animated-arrow span {
background-color: transparent;
}
.active .animated-arrow span:after {
width: 23px;
top: -3px;
}
.active .animated-arrow span:before {
top: -3px;
}
.active .animated-arrow.active span:after {
top: -3px;
}
.active .animated-arrow span:before {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
bottom: 0px;
}
.active .animated-arrow span:after {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/* ================== Mobile Overlay/Drawer CSS ================== */
.overlapblackbg {
right: 0;
width: calc(100% - 240px);
height: 100vh;
min-height: 100%;
position: fixed;
top: 0;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.4);
cursor: pointer;
}
.active .horizontalMenu .overlapblackbg {
visibility: visible;
-webkit-transition: opacity 1.5s ease-in-out;
-moz-transition: opacity 1.5s ease-in-out;
-ms-transition: opacity 1.5s ease-in-out;
-o-transition: opacity 1.5s ease-in-out;
}
.horizontalMenucontainer {
transition: all 0.25s ease-in-out;
}
.active .horizontalMenucontainer {
margin-left: 240px;
transition: all 0.25s ease-in-out;
}
.active .horizontalMenu {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
visibility: visible;
z-index: 1000;
top: 0;
height: 100% !important;
}
.active .horizontalMenu > .horizontalMenu-list {
transition: all 0.25s ease-in-out;
margin-left: 0;
border-right: 1px solid #eff0f6;
}
/* ================== Mobile Sub Menu Expander Arrows ================== */
.horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click {
height: 49px;
position: absolute;
top: 0;
right: 0;
display: block;
cursor: pointer;
width: 100%;
}
.horizontalMenu > .horizontalMenu-list > li .horizontalMenu-click.ws-activearrow > i {
transform: rotate(180deg);
}
.horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
display: block;
height: 23px;
width: 25px;
margin-top: 14px;
margin-right: 10px;
background-size: 25px;
font-size: 21px;
color: rgba(0, 0, 0, 0.2);
float: right;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 {
height: 41px;
position: absolute;
top: 0;
right: 0;
display: block;
cursor: pointer;
width: 100%;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i {
display: block;
height: 23px;
width: 25px;
margin: 8px 6px 8px 6px;
background-size: 25px;
font-size: 21px;
color: rgba(0, 0, 0, 0.2);
float: right;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i.horizontalMenu-rotate {
transform: rotate(180deg);
}
.mega-menubg {
box-shadow: none !important;
border: 0 !important;
padding: 0 !important;
background: rgba(255, 255, 255, 0.2) !important;
}
.horizontalMenu > .horizontalMenu-list > li > a.sub-icon:before, .horizontalMenu > .horizontalMenu-list > li > a:hover.sub-icon:before {
display: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
display: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
color: #4454c3;
text-decoration: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
color: #4454c3 !important;
}
.horizontalMenu > .horizontalMenu-list > li:hover > a {
background: #fff;
color: #4454c3 !important;
text-decoration: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > a {
color: #4454c3;
text-decoration: none;
}
.mega-menubg:before {
display: none;
}
.mega-menubg ul {
padding: 0;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:before {
display: none;
}
.horizontalMenu > .horizontalMenu-list > li > a.active > .fa {
color: #4454c3 !important;
}
.horizontalMenu > .horizontalMenu-list > li:hover > a > .fa {
color: #4454c3 !important;
}
.horizontalMenu > .horizontalMenu-list > li > a {
margin: 0;
}
.horizontalMenu > .horizontalMenu-list > li > a > .horizontal-icon {
display: none;
}
.horizontalMenu > .horizontalMenu-list > li:last-child > a {
border-right: 0px !important;
}
/*End Media Query*/
}
/* Extra @Media Query*/
@media (min-width: 993px) and (max-width: 1024px) {
.horizontalMenu > .horizontalMenu-list > li > a .fa {
margin-right: 8px;
font-size: 13px;
}
}
@media (min-width: 1260px) and (max-width: 1366px) {
.horizontalMenu {
width: 100%;
}
.hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
padding: 1rem 0.77rem 1rem !important;
}
}
@media (min-width: 1161px) and (max-width: 1259px) {
.horizontalMenu {
width: 100%;
}
.hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
padding: 1rem 0.75rem 1rem !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1162px) {
.desktoplogo {
margin-left: 12px;
}
.horizontal-main {
height: 57px;
z-index: 999;
}
.horizontalMenu > .horizontalMenu-list > li > a {
padding-left: 12px;
padding-right: 12px;
}
.horizontalMenu > .horizontalMenu-list > li > a > .arrow {
display: none;
}
.hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
padding: 1rem 0.75rem 1rem !important;
}
.horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
padding-left: 22px;
padding-right: 22px;
}
}
.horizontalMenucontainer .app-header {
background: #fff;
padding-top: 16px !important;
padding-bottom: 16px !important;
height: 80px;
}
.horizontalMenu > .horizontalMenu-list > li > a .horizontal-icon {
margin-right: 0;
}
.hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
padding: 1rem 1.5rem 1rem;
}
.hor-menu.horizontal-main {
margin-top: 80px;
}
.card-shadow .horizontal-main {
margin-top: 80px;
}
.sub-menu li a:before,
.mega-menubg li a:before {
content: "\e048";
margin-right: 8px;
position: relative;
font-family: "typicons" !important;
opacity: 0.6;
}
.hor-icon {
color: #8e98db;
fill: #d2d6f1;
font-size: 25px;
line-height: 30px;
text-align: center;
vertical-align: middle;
margin-right: 8px;
margin-left: -8px;
margin-top: -2px;
}
.header .dropdown-menu.show {
z-index: 1;
}
@media (max-width: 1200px) {
.analytics-img.w-90 {
width: 50% !important;
margin: 0 auto;
text-align: center !important;
display: block;
}
}
@media (min-width: 992px) {
.horizontalMenucontainer .header.top-header {
box-shadow: none;
}
}
.horizontalMenu > .horizontalMenu-list > li:hover a .hor-icon {
color: #4454c3;
}
/* Desktop Search Bar */
.horizontalMenu-list > li.rightmenu:after {
content: "";
display: table;
}
.hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a.active {
color: #4454c3;
}
.hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active {
color: #4454c3;
}
.hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
color: #4454c3;
}
/*----- Range slider -------*/
.jsr,
.jsr_bar,
.jsr_label,
.jsr_rail,
.jsr_rail-outer,
.jsr_slider {
box-sizing: border-box;
}
.jsr {
position: relative;
display: block;
box-sizing: border-box;
width: 100%;
margin: 20px 0;
-webkit-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
font: 14px sans-serif;
}
.jsr_rail-outer {
position: relative;
padding: 10px 0;
cursor: pointer;
}
.jsr_slider:focus::before {
background: #7036ff;
}
.jsr_rail {
height: 12px;
background: #e5e9f2;
z-index: 1;
}
.jsr_bar {
position: absolute;
height: 12px;
background-color: #4454c3;
cursor: move;
}
.jsr_bar--limit {
background-color: #d9dadc;
z-index: 1;
cursor: auto;
}
.jsr_slider {
position: absolute;
top: 16px;
left: 0;
transform: translate(-50%, -50%);
width: 25px;
height: 25px;
cursor: col-resize;
transition: background 0.1s ease-in-out;
outline: 0;
}
.jsr_slider::before {
content: "";
width: 25px;
height: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #4454c3;
border-radius: 50%;
}
.jsr_slider:focus::before {
background: #4575f1;
}
.jsr_label {
position: absolute;
top: 33px;
padding: 0.2em 0.4em;
background: #d3d5da;
color: #424e79;
font-size: 0.9em;
white-space: nowrap;
border-radius: 0.3em;
}
.jsr_label--minmax {
background: #d3d5da;
color: #424e79;
transition: opacity 0.2s ease-in-out;
}
/* Merged labels */
.jsr_label .jsr_label {
position: static;
display: inline-block;
font-size: 1em;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
.jsr_label .jsr_label::before {
content: " - ";
}
.jsr_canvas {
margin-top: 5px;
}
/* Lock screen for touch */
.jsr_lockscreen {
overflow: hidden;
height: 100%;
width: 100%;
}
.mcs-horizontal-example {
overflow-x: auto;
white-space: nowrap;
}
.mcs-horizontal-example .item {
display: inline-block;
}
.range {
display: table;
position: relative;
height: 25px;
margin-top: 20px;
background-color: whitesmoke;
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.range input[type=range] {
-webkit-appearance: none !important;
-o-appearance: none !important;
appearance: none !important;
display: table-cell;
width: 100%;
background-color: transparent;
height: 25px;
cursor: pointer;
}
.range input[type=range]::-webkit-slider-thumb, .range input[type=range]::-moz-slider-thumb {
-webkit-appearance: none !important;
-o-appearance: none !important;
appearance: none !important;
width: 11px;
height: 25px;
color: white;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0px;
background-color: #999999;
}
.range output {
display: table-cell;
padding: 3px 5px 2px;
min-width: 40px;
color: white;
background-color: #999999;
text-align: center;
text-decoration: none;
border-radius: 4px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
width: 1%;
white-space: nowrap;
vertical-align: middle;
transition: all 0.5s ease;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
.range input[type=range] {
outline: none;
}
.range.range-primary input[type=range]::-webkit-slider-thumb, .range.range-primary input[type=range]::-moz-slider-thumb {
background-color: #4454c3;
}
.range.range-primary output {
background-color: #4454c3;
}
.range.range-primary input[type=range] {
outline-color: #4454c3;
}
.range.range-success input[type=range]::-webkit-slider-thumb, .range.range-success input[type=range]::-moz-slider-thumb {
background-color: #2dce89;
}
.range.range-success output {
background-color: #2dce89;
}
.range.range-success input[type=range] {
outline-color: #2dce89;
}
.range.range-info input[type=range]::-webkit-slider-thumb, .range.range-info input[type=range]::-moz-slider-thumb {
background-color: #45aaf2;
}
.range.range-info output {
background-color: #45aaf2;
}
.range.range-info input[type=range] {
outline-color: #45aaf2;
}
.range.range-warning input[type=range]::-webkit-slider-thumb, .range.range-warning input[type=range]::-moz-slider-thumb {
background-color: #ecb403;
}
.range.range-warning output {
background-color: #ecb403;
}
.range.range-warning input[type=range] {
outline-color: #ecb403;
}
.range.range-danger input[type=range]::-webkit-slider-thumb, .range.range-danger input[type=range]::-moz-slider-thumb {
background-color: #dc0441;
}
.range.range-danger output {
background-color: #dc0441;
}
.range.range-danger input[type=range] {
outline-color: #dc0441;
}
/*-----Pricing tables-----*/
/*-- rating--*/
.rating-stars {
width: 100%;
text-align: center;
}
.rating-stars .rating-stars-container {
font-size: 0px;
}
.rating-stars .rating-stars-container .rating-star {
display: inline-block;
font-size: 30px;
cursor: pointer;
padding: 0px 5px;
color: #e5e9f2;
}
.rating-stars .rating-stars-container .rating-star.sm {
display: inline-block;
font-size: 14px;
color: 1px solid #eff0f6;
cursor: pointer;
padding: 5px;
}
.rating-stars .rating-stars-container .rating-star.is--active, .rating-stars .rating-stars-container .rating-star.is--hover {
color: #f1c40f;
}
.rating-stars .rating-stars-container .rating-star.is--no-hover {
color: #e5e9f2;
}
.rating-stars .rating-stars-container .rating-star.is--active .fa-heart, .rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
color: #4454c3;
}
.rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
color: #3e4b5b;
}
.rating-stars input {
display: block;
margin: 0 auto;
text-align: center;
padding: 0.375rem 0.75rem;
font-size: 0.9375rem;
line-height: 1.6;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #eff0f6;
border-radius: 3px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.br-theme-bars-horizontal .br-widget a {
background-color: #e5e9f2;
}
.br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected {
background-color: #4454c3;
}
.br-theme-bars-horizontal .br-widget .br-current-rating {
color: #4454c3;
}
.br-theme-bars-pill .br-widget a {
background-color: #e5e9f2;
color: #4454c3;
}
.br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected {
background-color: #4454c3;
color: white;
}
.br-theme-bars-square .br-widget a {
border: 2px solid #e5e9f2;
background-color: #fff;
color: #e5e9f2;
}
.br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {
border: 2px solid #4454c3;
color: #4454c3;
}
.br-theme-bars-movie .br-widget a {
background-color: #e5e9f2;
}
.br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {
background-color: #4454c3;
}
.br-theme-bars-movie .br-widget .br-current-rating {
color: #4454c3;
}
.br-theme-bars-1to10 .br-widget a {
background-color: #e5e9f2;
}
.br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected {
background-color: #4454c3;
}
.br-theme-bars-1to10 .br-widget .br-current-rating {
color: #4454c3;
}
.br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after {
color: #4454c3;
}
.br-theme-fontawesome-stars-o .br-widget a.br-active:after, .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
content: "\f005";
color: #4454c3;
}
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
content: "\f123";
color: #4454c3;
}
.br-theme-fontawesome-stars .br-widget a:after {
content: "\f005";
color: #e5e9f2;
}
.br-theme-fontawesome-stars-o .br-widget a:after {
content: "\f006";
color: #e5e9f2;
}
/* ###### custom ####### */
body *::-webkit-scrollbar {
width: 5px;
height: 5px;
-webkit-transition: 0.3s background;
transition: 0.3s background;
}
body *::-webkit-scrollbar-thumb, body *:hover::-webkit-scrollbar-thumb {
background: #c2cbdf;
}
body *::-ms-webkit-scrollbar-track {
background: #fff;
}
body *::-ms-webkit-scrollbar {
width: 5px;
height: 5px;
-ms-transition: 0.3s background;
transition: 0.3s background;
}
body *::-ms-webkit-scrollbar-thumb, body *:hover::-ms-webkit-scrollbar-thumb {
background: #c2cbdf;
}
body *::-ms-webkit-scrollbar-track {
background: #fff;
}
/*------ Headers -------*/
.page-header {
display: flex;
align-items: center;
margin: 1.5rem 0 1.5rem;
-ms-flex-wrap: wrap;
justify-content: space-between;
padding: 0;
border-radius: 7px;
position: relative;
min-height: 50px;
}
.page-header .breadcrumb-icon {
margin-top: 3px;
margin-left: 4px;
}
.page-header .breadcrumb-item {
margin-top: 3px;
}
.page-header .breadcrumb-item .svg-icon {
width: 20px;
}
.page-header .breadcrumb-item:first-child {
margin-top: 0;
}
.page-title {
margin: 0;
font-size: 25px;
font-weight: 500;
line-height: 2.5rem;
position: relative;
}
.page-title-icon {
color: #9aa0ac;
font-size: 1.25rem;
}
.page-subtitle {
font-size: 0.8125rem;
color: #6e7687;
margin-left: 2rem;
position: relative;
}
.page-subtitle a {
color: inherit;
}
.page-options {
margin-left: auto;
}
.page-description {
margin: 0.25rem 0 0;
color: #6e7687;
}
.page-description a {
color: inherit;
}
.page-single,
.page-single-content {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
}
.content-heading {
font-weight: 400;
margin: 2rem 0 1.5rem;
font-size: 1.25rem;
line-height: 1.25;
}
.content-heading:first-child {
margin-top: 0;
}
.aside {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 22rem;
background: #fff;
border-left: 1px solid #eff0f6;
display: flex;
flex-direction: column;
z-index: 100;
visibility: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1600px) {
body.aside-opened .aside {
visibility: visible;
}
}
.aside-body {
padding: 1.5rem;
flex: 1 1 auto;
overflow: auto;
}
.aside-footer {
padding: 1rem 1.5rem;
border-top: 1px solid #eff0f6;
}
.aside-header {
padding: 1rem 1.5rem;
border-bottom: 1px solid #eff0f6;
}
.header {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
background: #fff;
}
.header .dropdown-menu {
margin-top: 0;
}
.header .mega-menu {
width: 350px;
}
.header-bg {
background: #38a01e;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #38a01e, #4454c3);
}
body.fixed-header .header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1030;
}
@media print {
.header {
display: none;
}
.footer {
display: none;
}
}
.nav-unread {
position: absolute;
top: 0.1rem;
right: 0.4rem;
background: #ecd938;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
}
.nav-unread.badge {
position: absolute;
top: 0;
text-align: center;
right: 0;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
}
.nav-link.icon {
margin: 8px;
padding: 12px;
text-align: center;
height: 2.2rem;
font-size: 1.2rem;
position: relative;
border-radius: 3px;
}
.nav-link.icon .nav-span {
font-size: 0.9rem;
color: #576482;
vertical-align: middle;
margin-left: 0.5rem;
font-weight: 400;
}
.header-brand {
color: inherit;
margin-right: 0;
font-size: 1.25rem;
white-space: nowrap;
font-weight: 600;
padding: 0;
transition: 0.3s opacity;
line-height: 2.9rem;
}
.app-header .header-brand {
color: inherit;
margin-right: 1rem;
font-size: 1.25rem;
white-space: nowrap;
font-weight: 600;
padding: 0;
transition: 0.3s opacity;
line-height: 2.9rem;
min-width: 220px;
text-align: center;
min-width: auto !important;
}
.app-header .header-brand .header-brand-img {
margin-right: 0;
}
.app-header1 .header-brand {
color: inherit;
margin-right: 0;
font-size: 1.25rem;
white-space: nowrap;
font-weight: 600;
padding: 0;
transition: 0.3s opacity;
line-height: 2.9rem;
min-width: 215px;
text-align: center;
}
.app-header1 .header-brand .header-brand-img {
margin-right: 0;
}
.header-brand:hover {
color: inherit;
text-decoration: none;
}
.header-brand-img {
height: 2.5rem;
line-height: 2rem;
vertical-align: text-top;
margin-right: 0;
width: auto;
}
.header-avatar {
width: 2rem;
height: 2rem;
display: inline-block;
vertical-align: bottom;
border-radius: 50%;
}
.header-btn {
display: inline-block;
width: 2rem;
height: 2rem;
line-height: 2rem;
text-align: center;
font-size: 1rem;
}
.center-block {
margin-right: auto;
margin-left: auto;
float: inherit !important;
}
.header-btn.has-new {
position: relative;
}
.header-btn.has-new:before {
content: "";
width: 6px;
height: 6px;
background: #dc0441;
position: absolute;
top: 4px;
right: 4px;
border-radius: 50%;
}
.header-toggler {
width: 3rem;
height: 3rem;
position: relative;
color: #000;
}
.header-toggler:hover {
color: #32e448;
}
.header-toggler-icon {
position: absolute;
width: 1rem;
height: 2px;
color: inherit;
background: currentColor;
border-radius: 3px;
top: 50%;
left: 50%;
margin: -2px 0 0 -0.5rem;
box-shadow: 0 5px currentColor, 0 -5px currentColor;
}
footer.footer {
background: #fff;
font-size: 0.875rem;
border-top: 0;
padding: 1.25rem 0;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;
}
.footer {
background: #fff;
border-top: 1px solid #eff0f6;
font-size: 0.875rem;
padding: 1.25rem 0;
}
.footer .social {
margin: 0 auto;
}
.footer .social ul li {
float: left;
padding: 7px;
}
.footer .social ul li a {
color: #abb8c3;
}
.footer a:not(.btn) {
color: #8e9cad;
font-weight: 400;
}
.br-100 {
border-radius: 100% !important;
}
.br-3 {
border-radius: 3px !important;
}
.br-7 {
border-radius: 7px !important;
}
.br-tl-7 {
border-top-left-radius: 7px !important;
}
.br-bl-7 {
border-bottom-left-radius: 7px !important;
}
.br-tr-7 {
border-top-right-radius: 7px !important;
}
.br-br-7 {
border-bottom-right-radius: 7px !important;
}
.br-0 {
border-radius: 0px;
}
.br-tl-0 {
border-top-left-radius: 0px !important;
}
.br-bl-0 {
border-bottom-left-radius: 0px !important;
}
.br-tr-0 {
border-top-right-radius: 0px !important;
}
.br-br-0 {
border-bottom-right-radius: 0px !important;
}
.list.d-flex img {
width: 60px;
}
#popup {
position: absolute;
width: auto;
height: 30px;
background: #fe6b1f;
display: none;
color: white;
border-radius: 5px;
}
#copy {
background: none;
color: white;
font-weight: bold;
padding: 8px 25px;
border: 0;
}
/*------ Charts styles ------*/
.h-85 {
height: 85px !important;
}
.chart-visitors {
min-height: 18rem;
overflow: hidden;
}
.chart-height {
height: 20rem;
overflow: hidden;
}
.chart-tasks {
height: 15rem;
overflow: hidden;
}
.chart-donut {
height: 21rem;
overflow: hidden;
}
.chart-pie {
height: 22rem;
overflow: hidden;
}
.chartsh {
height: 16rem;
overflow: hidden;
}
.chartwidget {
height: 17rem;
overflow: hidden;
}
/*-----Countdown-----*/
.countdown span:first-child {
font-size: 30px;
font-weight: 500;
}
.social i {
font-size: 40px;
}
.social .social-icon i {
font-size: 14px;
}
.instagram {
background: #de497b;
}
.linkedin {
background: #0077b5;
}
.twitter {
background: #1da1f2;
}
.facebook {
background: #3b5998;
}
.widget-info i {
width: 100px;
height: 100px;
padding: 27px 0;
text-align: center;
border: 2px solid #fff;
border-radius: 50%;
}
.widget-info a {
border-bottom: 1px solid #fff;
}
.about-img {
background-size: cover;
background-position: center;
}
.login-img {
background-size: cover;
}
.construction-img {
background-size: cover;
}
.z-index-10 {
z-index: 10 !important;
}
.card-blog-overlay .card-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.card-blog-overlay1 .card-footer,
.card-blog-overlay2 .card-footer {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.card-blog-overlay {
background: url('thumb2.jpg');
background-size: cover;
position: relative;
}
.card-blog-overlay:before {
content: "";
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
right: 0;
top: 0;
border-radius: 7px;
}
.card-blog-overlay1:before,
.card-blog-overlay2:before {
content: "";
display: block;
position: absolute;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
right: 0;
top: 0;
border-radius: 7px;
}
.card-blog-overlay1 {
background: url('thumb3.jpg');
background-size: cover;
}
.card-blog-overlay2 {
background: url('22.jpg');
background-size: cover;
}
.login-transparent {
background: url('22.jpg');
background-size: cover;
}
.login-transparent:before {
content: "";
display: block;
position: absolute;
background: -webkit-gradient(linear, left top, right top, from(rgba(159, 120, 255, 0.96)), to(rgba(50, 202, 254, 0.96)));
width: 100%;
height: 100%;
right: 0;
top: 0;
border-radius: 7px;
}
.page-breadcrumb {
flex-basis: 100%;
background: none;
padding: 0;
margin: 1rem 0 0;
font-size: 0.875rem;
}
@media (min-width: 768px) {
.page-breadcrumb {
margin: -0.5rem 0 0;
}
}
@media (max-width: 320px) {
.fc-toolbar .fc-right {
float: right;
width: 100%;
text-align: center;
margin: 10px 0;
}
}
.page-breadcrumb .breadcrumb-item {
color: #9aa0ac;
}
.page-breadcrumb .breadcrumb-item.active {
color: #6e7687;
}
.pagination-simple .page-item .page-link {
background: none;
border: none;
}
.pagination-simple .page-item.active .page-link {
color: #495057;
font-weight: 700;
}
.pagination-pager .page-prev {
margin-right: auto;
}
.pagination-pager .page-next {
margin-left: auto;
}
.page-total-text {
margin-right: 1rem;
align-self: center;
color: #6e7687;
}
/*-------- Search ---------*/
.search-element {
position: relative;
}
.header .form-inline .form-control {
border: 1px solid #d3dfea;
padding-left: 20px;
width: 500px;
padding-right: 40px;
padding-top: 7px;
background: #f4f5fc;
}
.header .form-inline .form-control:focus {
box-shadow: none;
}
.header .form-inline .btn {
border-radius: 0;
padding: 5px 15px 6px 15px;
border: 2px solid transparent;
box-shadow: none;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
background: transparent;
color: #fff;
margin-left: -56px;
font-size: 15px;
position: absolute;
right: 0;
}
.header .form-inline .btn i {
color: #818c9b;
}
@media (max-width: 767.98px) and (min-width: 576px) {
.header .form-inline .search-element {
position: absolute;
top: 8px;
left: 10px;
right: 10px;
z-index: 892;
display: none;
}
body.search-show .header .form-inline .search-element {
display: block;
}
.header .navsearch i {
font-size: 20px;
color: #fff;
}
.search-element .form-control {
float: left;
width: 100% !important;
height: 40px;
margin: 0 auto;
background: #fff !important;
color: #424e79;
border: 1px solid #eff0f6;
}
.search-show .search-element {
display: block;
background: #4454c3;
left: 0 !important;
top: 0 !important;
right: 0;
width: 100%;
padding: 18px 13px;
}
.header .form-inline .form-control::-webkit-input-placeholder {
color: #b3bdca !important;
}
.header .navsearch i {
font-size: 20px;
color: #424e79;
padding-top: 5px;
}
.header .form-inline .btn {
color: #46494a !important;
padding: 8px 15px 6px 15px;
position: unset !important;
}
.animated-arrow.hor-toggle {
text-align: center;
height: 2.5rem;
width: 2.5rem;
font-size: 1.2rem;
position: relative;
border: 0px solid #eff0f6;
border-radius: 3px;
margin: 5px;
top: 0;
}
.animated-arrow.hor-toggle span {
margin-left: 8px;
margin-top: 2px;
vertical-align: middle;
}
}
@media (max-width: 1024px) {
.app.sidebar-gone.search-show .header.top-header {
z-index: 1036;
}
body.search-show, body.sidebar-show {
overflow: hidden;
}
body.search-show:before, body.sidebar-show:before {
content: "";
position: fixed;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0.6;
z-index: 9;
}
}
@media (min-width: 575.98px) and (max-width: 1200px) {
.header .form-inline .form-control {
width: 200px;
}
}
@media (max-width: 575.98px) {
.header .form-inline .search-element .form-control {
float: left;
width: 100%;
height: 40px;
margin: 0 auto;
background: #fff;
border-radius: 4px;
}
.search-show .search-element {
display: block !important;
background: #4454c3;
left: 0;
top: 0;
right: 0;
width: 100%;
padding: 20px 13px;
}
.form-control.header-search {
color: #000;
}
.header .form-inline .search-element {
position: absolute;
z-index: 892;
display: none;
}
.header .form-inline .btn {
color: #46494a !important;
}
.header .form-inline .form-control::-webkit-input-placeholder {
color: #b3bdca !important;
}
.header .navsearch i {
font-size: 20px;
color: #424e79;
padding-top: 4px;
}
.header-brand-img.desktop-lgo, .header-brand-img.dark-logo {
display: none;
}
.header-brand {
margin-right: 0;
}
.header-brand-img.mobile-logo {
display: block;
margin-left: 0.5rem;
}
.header-brand-img.darkmobile-logo {
display: none;
margin-left: 0.5rem;
}
.animated-arrow.hor-toggle {
text-align: center;
height: 2.5rem;
width: 2.5rem;
font-size: 1.2rem;
position: relative;
border: 0;
border-radius: 3px;
margin: 5px;
top: 0;
}
.animated-arrow.hor-toggle span {
margin-left: 8px;
margin-top: 2px;
vertical-align: middle;
}
}
.icons-list {
list-style: none;
margin: 0 -1px -1px 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.icons-list > li {
flex: 1 0 4rem;
}
.icons-list-wrap {
overflow: hidden;
}
.icons-list-item {
text-align: center;
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #eff0f6;
margin: 4px;
border-radius: 5px;
background: #f7f7f9;
}
.icons-list-item i {
font-size: 1.25rem;
}
.img-gallery {
margin-right: -0.25rem;
margin-left: -0.25rem;
margin-bottom: -0.5rem;
}
.img-gallery > .col,
.img-gallery > [class*=col-] {
padding-left: 0.25rem;
padding-right: 0.25rem;
padding-bottom: 0.5rem;
}
.link-overlay {
position: relative;
}
.link-overlay:hover .link-overlay-bg {
opacity: 1;
}
.link-overlay-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(70, 127, 207, 0.8);
display: flex;
color: #fff;
align-items: center;
justify-content: center;
font-size: 1.25rem;
opacity: 0;
transition: 0.3s opacity;
}
.media-icon {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
border-radius: 100%;
font-size: 18px;
}
.media-list {
margin: 0;
padding: 0;
list-style: none;
}
textarea[cols] {
height: auto;
}
/* --------Added--------- css*/
.wizard-card .moving-tab {
margin-top: 5px;
background-color: #4454c3 !important;
}
.mb-3 label.control-label {
color: #4454c3;
}
.wizard-card.mb-3 .form-control {
background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2));
}
.wizard-container .wizard-navigation {
background: #f4f5fb;
}
.wizard-card .choice:hover .icon, .wizard-card .choice.active .icon {
border-color: #4454c3 !important;
color: #4454c3 !important;
}
.richText {
border: #d3dfea solid 1px;
background-color: #f3f4f7;
border-top: 0;
border-bottom: 0;
}
.richText .richText-toolbar {
border-bottom: #d3dfea solid 1px;
border-top: 1px solid #d3dfea;
}
.richText .richText-toolbar ul li a {
border-right: #d3dfea solid 1px;
}
.richText .richText-undo,
.richText .richText-redo {
border-right: #d3dfea solid 1px !important;
}
.addui-slider .addui-slider-track .addui-slider-range {
display: block;
background: #4454c3;
}
.addui-slider .addui-slider-track .addui-slider-handle:after {
background: #4454c3;
}
.addui-slider .addui-slider-track .addui-slider-handle:hover {
box-shadow: 0 0 5px rgba(159, 120, 255, 0.5);
}
.addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value {
background: rgba(159, 120, 255, 0.5);
}
.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active {
background: rgba(159, 120, 255, 0.5);
box-shadow: 0 0 5px rgba(159, 120, 255, 0.5);
}
.addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
background: rgba(159, 120, 255, 0.75);
}
.cal1 {
font-size: 14px;
border: 1px solid #eff0f6;
}
.cal1 .clndr .clndr-table .header-days {
background: #4454c3;
}
.cal1 .clndr .clndr-table .header-days .header-day {
border-left: 1px solid rgba(23, 183, 148, 0.1);
border-top: 1px solid #e2e3e4;
}
.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .adjacent-month,
.cal1 .clndr .clndr-table tr .my-empty,
.cal1 .clndr .clndr-table tr .my-adjacent-month {
border-left: 1px solid #eff0f6;
border-top: 1px solid #eff0f6;
background: #f4f5fb;
}
.cal1 .clndr .clndr-table tr .day {
border-left: 1px solid #eff0f6;
border-top: 1px solid #eff0f6;
}
.cal1 .clndr .clndr-table tr .day.event, .cal1 .clndr .clndr-table tr .day.my-event {
background: #eeeef5;
}
.cal1 .clndr .clndr-table tr .day.today.event, .cal1 .clndr .clndr-table tr .day.my-today.event {
background: #f2ecff;
}
.cal1 .clndr .clndr-table tr .day.event:hover, .cal1 .clndr .clndr-table tr .day.my-event:hover {
background: #e5e9f2 !important;
}
.cal1 .clndr .clndr-table tr .day.today, .cal1 .clndr .clndr-table tr .day.my-today {
background: #e5e9f2 !important;
color: #4454c3 !important;
}
.cal1 .clndr .clndr-table tr .day:last-child {
border-right: 1px solid #eff0f6;
}
.cal1 .clndr .clndr-table tr .day:hover {
background: #e5e9f2;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
color: #4454c3;
background: #f4f5fb;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
color: #4454c3;
background: #f4f5fb;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover {
background: #4454c3;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
background: #4454c3;
}
.fc button {
background: #f3f4f7;
color: #efefef;
margin: 2px 1px !important;
text-transform: uppercase;
font-size: 13px !important;
font-weight: 500;
}
.fc-unthemed .fc-divider {
border-color: #eff0f6;
}
.fc-event {
border: 1px solid #f8f5ff;
background-color: #4454c3;
}
.fc-event-dot {
background-color: #4454c3;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header {
background: #f4f5fb;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
background: #4454c3;
color: #fff;
}
.fc-today-button fc-button fc-state-default fc-corner-left fc-corner-right fc-state-disabled:focus {
border: none !important;
box-shadow: none !important;
}
.fc-unthemed .fc-list-item:hover td {
background-color: #f4f5fb;
}
.conv-form-wrapper div#messages div.message.to {
background: #eeeff6;
}
div.conv-form-wrapper div.options div.option {
border: 1px solid #4454c3;
background: #fff;
color: #4454c3;
}
form.convFormDynamic button.submit {
color: #4454c3;
border: 1px solid #4454c3;
background: #fff;
}
div.conv-form-wrapper div.options div.option.selected {
background: #4454c3;
color: #fff;
}
div.conv-form-wrapper div.options div.option.selected:hover {
background: #4454c3;
}
form.convFormDynamic button.submit:hover {
background: #4454c3;
color: #fff;
}
div.conv-form-wrapper div#messages div.message.from {
background: #4454c3;
color: #fff;
border-top-right-radius: 0;
}
#sidebar ul li.active > a {
color: #4454c3;
}
#sidebar ul li.active > a:hover {
background: #6d4dbb;
color: #fff;
}
.overflow-hidden {
overflow: hidden;
}
.accordionjs .acc_section.acc_active > .acc_head {
background: #4454c3 !important;
}
.user-profile .user-pro-body .u-dropdown {
color: #fff;
}
#sidebar ul li {
position: relative;
}
#sidebar ul li a {
color: #384056;
font-weight: 400;
}
#sidebar ul li ul li:last-child {
border-bottom: 0;
}
#sidebar li a[aria-expanded=true], #sidebar li a.active {
background: #4454c3;
color: #fff;
}
#sidebar li a[aria-expanded=true]:hover {
color: #fff !important;
}
.sweet-alert button {
background-color: #4454c3 !important;
}
.timeline__item:after {
border: 6px solid #4454c3;
}
.timeline__content {
background-color: #eaf0f9;
}
.tab_wrapper > ul li.active {
border-color: #4454c3 !important;
background: #4454c3 !important;
color: #fff;
}
.tab_wrapper.right_side > ul li.active:after {
background: #4454c3 !important;
}
.tab_wrapper > ul {
border-bottom: 1px solid #eff0f6;
}
.tab_wrapper > ul li {
border: 1px solid #eff0f6;
border-top: 3px solid 1px solid #eff0f6;
}
.tab_wrapper.right_side .content_wrapper {
border: 1px solid #eff0f6;
}
.tab_wrapper.right_side > ul {
border-bottom: 1px solid #eff0f6;
}
.tab_wrapper.right_side > ul li.active {
border-color: 1px solid #eff0f6;
}
.tab_wrapper.right_side > ul li:after {
background: 1px solid #eff0f6;
}
.job-box-filter {
padding: 12px 15px;
border-bottom: 1px solid #eff0f6;
}
.job-box-filter a.filtsec {
margin-top: 8px;
display: inline-block;
margin-right: 15px;
padding: 4px 10px;
transition: all ease 0.4s;
background: #edf0f3;
border-radius: 50px;
font-size: 13px;
color: #81a0b1;
border: 1px solid #e2e8ef;
}
.job-box-filter a.filtsec.active {
color: #fff;
background: #16262c;
border-color: #16262c;
}
.job-box-filter a.filtsec i {
color: #4454c3;
margin-right: 5px;
}
.job-box-filter a.filtsec:hover, .job-box-filter a.filtsec:focus {
color: #fff;
background: #07b107;
border-color: #07b107;
}
.job-box-filter a.filtsec:hover i, .job-box-filter a.filtsec:focus i {
color: #fff;
}
.job-box-filter h4 i {
margin-right: 10px;
}
.job-box-filter label {
width: 100%;
}
.job-box-filter select.input-sm {
display: inline-block;
max-width: 120px;
margin: 0 5px;
border: 1px solid #eff0f6;
border-radius: 2px;
height: 34px;
font-size: 15px;
}
.job-box-filter label input.form-control {
max-width: 200px;
display: inline-block;
border: 1px solid #eff0f6;
border-radius: 2px;
margin-left: 5px;
font-size: 15px;
}
.text-right {
text-align: right;
}
.job-box {
display: inline-block;
width: 100%;
padding: 0px;
}
/*--- img container---*/
.image_outer_container {
margin-top: auto;
margin-bottom: auto;
border-radius: 50%;
position: relative;
}
.image_inner_container {
border-radius: 50%;
padding: 5px;
}
.image_inner_container img {
height: 150px;
width: 150px;
border-radius: 50%;
border: 5px solid white;
}
.image_outer_container .green_icon {
background-color: #4cd137;
position: absolute;
right: 10px;
bottom: 10px;
height: 30px;
width: 30px;
border: 5px solid white;
border-radius: 50%;
}
.search {
position: absolute;
width: 320px;
}
.search svg {
transform: translateX(-126px);
width: 180px;
height: auto;
stroke-width: 8px;
stroke: #fff;
stroke-width: 1px;
stroke-dashoffset: 0;
stroke-dasharray: 64.6 206.305;
transition: all 0.5s ease-in-out;
margin-top: 5px;
}
.input-search {
position: absolute;
width: calc(100% - 148px);
height: 34px;
top: 0;
right: 20px;
bottom: 0;
left: 0;
border: none;
background-color: transparent;
outline: none;
padding: 20px;
font-size: 16px;
color: #fff;
}
.search-label {
position: absolute;
display: block;
width: 50px;
height: 50px;
top: 0;
left: 50%;
margin-left: -54px;
z-index: 100;
transition: 0.5s ease-in-out;
}
.isActive .search-label {
transform: translateX(246px);
}
.isActive svg, .isActive.full svg {
stroke-dashoffset: -65;
stroke-dasharray: 141.305 65;
transform: translateX(0);
}
.full .search-label {
transform: translateX(246px);
}
.full svg {
stroke-dashoffset: 0;
stroke-dasharray: 64.6 206.305;
transform: translateX(0);
}
#drag-1,
#drag-2 {
width: 25%;
height: 100%;
min-height: 6.5em;
margin: 10%;
background-color: #29e;
color: white;
border-radius: 0.75em;
padding: 4%;
-webkit-user-select: none;
user-select: none;
transform: translate(0px, 0px);
}
.search-inline {
width: 100%;
left: 0;
padding: 33px 0;
top: 0;
position: absolute;
opacity: 0;
visibility: hidden;
background-color: #fff;
z-index: 9;
transition: all 0.5s ease-in-out;
}
.search-inline.search-visible {
opacity: 1;
visibility: visible;
animation: fadeInDown 0.2s ease-in-out;
}
.search-inline button[type=submit] {
position: absolute;
right: 52px;
top: 0;
background-color: transparent;
border: 0px;
top: 0;
right: 80px;
padding: 0px;
cursor: pointer;
width: 80px;
height: 100%;
background: #4454c3;
color: #fff;
}
.search-inline .form-control {
border: 0px;
padding-left: 0;
font-size: 20px;
position: absolute;
left: 1%;
top: 0;
height: 100%;
width: 99%;
outline: none;
}
.search-inline .form-control:focus {
box-shadow: none;
}
.search-inline .search-close {
position: absolute;
top: 0;
right: 0;
color: #616161;
width: 80px;
height: 100%;
text-align: center;
display: table;
background: #efefef;
text-decoration: none;
}
.search-inline .search-close i {
display: table-cell;
vertical-align: middle;
}
.searching i {
font-size: 18px;
}
.search-close i {
padding: 24px 0;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -20%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.lockscreen {
background: inherit;
width: 300px;
height: 280px;
overflow: hidden;
}
.lockscreen:before {
content: "";
width: 350px;
height: 400px;
background: inherit;
position: absolute;
left: -25px;
right: 0;
top: -25px;
bottom: 0;
box-shadow: inset 0 0 0 200px rgba(255, 255, 255, 0.4);
filter: blur(1px);
}
.table-stats table th,
.table-stats table td {
border: none;
border-bottom: 1px solid #e8e9ef;
font-size: 12px;
font-weight: normal;
padding: 0.75em 1.25em;
text-transform: uppercase;
}
.table-stats table th img,
.table-stats table td img {
margin-right: 10px;
max-width: 45px;
}
.table-stats table th .name {
font-size: 14px;
text-transform: capitalize;
}
.table-stats table td {
font-size: 14px;
text-transform: capitalize;
vertical-align: middle;
}
.table-stats table td .name {
font-size: 14px;
text-transform: capitalize;
}
.traffic-sales-content {
padding: 14px;
}
.traffic-sales-amount {
float: right;
}
.pulse {
display: block;
position: absolute;
top: 0.1rem;
right: 0.7rem;
width: 7px;
height: 7px;
border-radius: 50%;
background: #f72d66;
cursor: pointer;
box-shadow: 0 0 0 rgba(247, 45, 102, 0.9);
animation: pulse 2s infinite;
}
.pulse:hover {
animation: none;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(247, 45, 102, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(247, 45, 102, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(247, 45, 102, 0);
}
}
@media (max-width: 992px) {
.header.top-header .header-option,
.header.top-header .header-setting {
display: none;
}
.horizontal-main.hor-menu {
border-bottom: 0;
z-index: 9;
}
.page-body {
padding-top: 1px;
}
.app-content.page-body .container,
.header.top-header .container {
max-width: none;
}
.active .header.top-header {
z-index: 1035;
}
.app-content.page-body .side-app {
padding: 6.2rem 0.75rem 0 0.75rem !important;
}
.navsearch {
margin: 5px;
padding: 0px;
text-align: center;
height: 2.5rem;
font-size: 1.2rem;
position: relative;
border: 0px solid #eff0f6;
border-radius: 3px;
}
.navsearch i {
padding-top: 0 !important;
}
.app-content.page-body {
margin-top: 4.7rem;
}
.comb-page .app-content.page-body {
margin-top: 0;
}
.media.profile-footer .media-user {
display: none;
}
}
.header.top-header {
top: 0;
position: fixed;
width: 100%;
margin: 0 auto;
z-index: 10;
background-color: #f9f9ff;
}
@media (max-width: 992px) and (min-width: 768px) {
.header-brand-img.desktop-lgo, .header-brand-img.dark-logo {
margin-left: 0rem;
}
.animated-arrow.hor-toggle {
text-align: center;
height: 2.5rem;
width: 2.5rem;
font-size: 1.2rem;
position: relative;
border: 0px solid #eff0f6;
border-radius: 3px;
margin: 5px;
top: 0;
}
.animated-arrow.hor-toggle span {
margin-left: 8px;
margin-top: 6px;
vertical-align: middle;
}
}
.activity {
position: relative;
border-left: 3px solid #eff0f6;
margin-left: 16px;
}
.activity .img-activity {
width: 40px;
height: 40px;
text-align: center;
line-height: 44px;
border-radius: 50%;
position: absolute;
left: -20px;
border: 3px solid;
}
.activity .item-activity {
margin-left: 40px;
margin-bottom: 26px;
}
#AreaChart2 {
width: 105% !important;
height: 88px !important;
bottom: -20px;
position: relative;
left: -7px;
}
#CryptoChart,
#CryptoChart1,
#CryptoChart2,
#CryptoChart3 {
width: 105% !important;
height: 70px !important;
bottom: -15px;
position: relative;
left: -7px;
}
/* News ticker */
[class*=js-conveyor-] ul li {
padding: 9px 15px;
/* line-height: 47px; */
border: 1px solid #efefef;
margin-right: 5px;
background: #fff;
margin: 15px 6px;
border-radius: 5px;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;
}
.news-crypto span {
font-size: 0.8rem;
}
/*latetes news timeline */
.latest-timeline ul.timeline {
list-style-type: none;
position: relative;
}
.latest-timeline ul.timeline:before {
content: " ";
background: #eff0f6;
display: inline-block;
position: absolute;
left: 15px;
width: 3px;
height: 100%;
z-index: 1;
}
.latest-timeline ul.timeline > li {
margin: 20px 0;
padding-left: 3rem;
}
.latest-timeline ul.timeline > li:before {
content: " ";
background: white;
display: inline-block;
position: absolute;
border-radius: 50%;
border: 3px solid #1753fc;
left: 6px;
width: 20px;
height: 20px;
z-index: 1;
}
.latest-timeline ul.timeline > li:first-child:before {
border: 3px solid #0dd157;
}
.latest-timeline ul.timeline > li:nth-child(2):before {
border: 3px solid #2d9eef;
}
.latest-timeline ul.timeline > li:nth-child(3):before {
border: 3px solid #f35e90;
}
.latest-timeline ul.timeline > li:nth-child(4):before {
border: 3px solid #fc7303;
}
.latest-timeline ul.timeline > li:last-child:before {
border: 3px solid #ec2d38;
}
/*
* Accordion-Wizard-Form
* ----------------------
*/
div[data-acc-content] {
display: none;
}
div[data-acc-step]:not(.open) {
background: #f4f5fb;
}
div[data-acc-step]:not(.open) h5 {
color: #8e9cad;
}
div[data-acc-step]:not(.open) .bg-primary {
background: #afb4d8 !important;
}
#form .list-group-item:hover {
background: none;
}
#smartwizard .nav.nav-tabs.step-anchor {
border-bottom: 0 !important;
padding: 30px;
}
#smartwizard .nav-tabs {
border-top: 0 !important;
}
#smartwizard .nav-link {
padding: 15px 40px;
}
.sw-theme-dots .nav-tabs .nav-link:hover:not(.disabled) {
color: #4454c3;
background: transparent;
}
.fc-widget-content .fc-bgevent {
background-color: #f4f5fb !important;
}
.apexcharts-toolbar {
z-index: 0 !important;
display: none;
}
.card-bgimg {
background: url('chart.png');
background-size: cover;
position: relative;
border-radius: 3px;
overflow: hidden;
border: 0;
}
.card-bgimg:before {
opacity: 0.9;
border-radius: 3px;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
display: block;
top: 0;
background: #4454c3;
}
.card-bgimg .card-body {
z-index: 10;
}
/*Horizontal Centerlogo */
@media (min-width: 992px) {
.top-header.hor-top-header .header-brand-img {
display: none;
}
.top-header.hor-top-header .header-brand.center-logo .desktop-lgo {
left: 0;
display: block;
position: absolute;
margin: 0 auto;
right: 0px;
}
.top-header.hor-top-header .form-inline .form-control {
width: 175px;
}
.top-header.hor-top-header .header-brand {
margin-right: 0rem;
}
}
@media (max-width: 991px) {
.top-header.hor-top-header .header-brand.center-logo .desktop-lgo {
display: none;
}
.header.top-header.hor-top-header {
border-bottom: 0px;
}
}
.icon.icon-shape {
width: 2.5rem;
height: 2.2rem;
line-height: 2.2rem;
text-align: center;
font-size: 12px;
}
.h-250 {
height: 150px;
}
.latest-timeline1 li {
position: relative;
}
.latest-timeline.latest-timeline1-icon ul.timeline > li:before {
display: none;
}
.latest-timeline1-icon {
position: absolute;
width: 2rem;
height: 2rem;
border-radius: 7px;
line-height: 2rem;
text-align: center;
left: 0;
z-index: 1;
color: #fff;
font-weight: 500;
}
.h-330 {
height: 330px;
}
.shadow {
box-shadow: 0 2px 16px rgba(176, 184, 214, 0.7) !important;
}
.shadow3 {
box-shadow: 0 0px 6px rgba(176, 184, 214, 0.7) !important;
}
.apexcharts-tooltip.light {
border: 1px solid #e3e3e3;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 0px 17px -5px rgba(68, 84, 195, 0.5);
}
.chart-dropshadow-primary {
filter: drop-shadow(-6px 12px 4px rgba(68, 84, 195, 0.2));
}
.icon-dropshadow {
filter: drop-shadow(0px 10px 4px #e5e9f2);
}
.icon-dropshadow-primary {
filter: drop-shadow(0px 4px 4px rgba(68, 84, 195, 0.3));
}
.icon-dropshadow-secondary {
filter: drop-shadow(0px 4px 4px rgba(247, 45, 102, 0.3));
}
.icon-dropshadow-info {
filter: drop-shadow(0px 4px 4px rgba(69, 170, 242, 0.3));
}
.icon-dropshadow-success {
filter: drop-shadow(0px 4px 4px rgba(45, 206, 137, 0.3));
}
.icon-dropshadow-danger {
filter: drop-shadow(0px 4px 4px rgba(255, 91, 81, 0.3));
}
.icon-dropshadow-warning {
filter: drop-shadow(0px 4px 4px rgba(236, 180, 3, 0.3));
}
.chart-dropshadow {
filter: drop-shadow(0 -6px 4px rgba(176, 184, 214, 0.5));
}
.GradientlineShadow {
filter: drop-shadow(0 -8px 4px rgba(176, 184, 214, 0.2));
}
.BarChartShadow {
filter: drop-shadow(0px 1px 4px rgba(176, 184, 214, 0.3));
}
.donutShadow {
filter: drop-shadow(-5px 0px 10px rgba(176, 184, 214, 0.4));
}
.transaction-table.table td {
vertical-align: middle;
}
.transaction-table.table .apexcharts-tooltip.light {
display: none;
}
.transaction-table.table thead th {
padding-bottom: 20px;
}
.inde4-table tr td:first-child {
position: relative;
}
.inde4-table tr td:first-child:before {
content: "";
position: absolute;
width: 2px;
height: 24px;
left: 0px;
top: 12px;
}
.inde4-table tr:nth-child(1) td:first-child:before {
background: rgba(68, 84, 195, 0.7);
}
.inde4-table tr:nth-child(2) td:first-child:before {
background: rgba(247, 45, 102, 0.7);
}
.inde4-table tr:nth-child(3) td:first-child:before {
background: rgba(45, 206, 137, 0.7);
}
.inde4-table tr:nth-child(4) td:first-child:before {
background: rgba(69, 170, 242, 0.7);
}
.inde4-table tr:nth-child(5) td:first-child:before {
background: rgba(236, 180, 3, 0.7);
}
.inde4-table tr:nth-child(6) td:first-child:before {
background: rgba(255, 91, 81, 0.7);
}
.inde4-table tr:nth-child(7) td:first-child:before {
background: rgba(68, 84, 195, 0.7);
}
.inde4-table tr:nth-child(8) td:first-child:before {
background: rgba(247, 45, 102, 0.7);
}
.inde4-table tr:nth-child(9) td:first-child:before {
background: rgba(45, 206, 137, 0.7);
}
.inde4-table tr:nth-child(10) td:first-child:before {
background: rgba(69, 170, 242, 0.7);
}
.crypto-icon {
width: 3rem;
height: 3rem;
border-radius: 4px;
line-height: 3rem;
text-align: center;
font-size: 1.8rem;
margin-right: 18px;
}
.crypto-tabs {
padding: 0 !important;
border: 0 !important;
}
.crypto-tabs .tabs-menu1 ul li .active {
background: #fff;
border-bottom: 0;
border-radius: 8px 8px 0 0;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;
border: 1px solid #eff0f6;
border-bottom: 0;
}
.crypto-tabs .tabs-menu1 ul li a {
display: block;
font-size: 16px;
}
table.table-bordered.dataTable td:first-child {
border-left: 0px solid #eff0f6 !important;
}
.js-conveyor-example:before {
width: 20%;
position: absolute;
content: "";
height: 100%;
background: linear-gradient(to right, #f2f6f9, transparent);
z-index: 1;
left: 0;
top: 0px;
}
.js-conveyor-example:after {
width: 20%;
position: absolute;
content: "";
height: 100%;
background: linear-gradient(to left, #f2f6f9, transparent);
z-index: 1;
right: 0;
top: 0px;
}
.user-info .social li {
display: inline-block;
}
.user-info .social .social-icon {
color: #fff;
width: 2.5rem;
height: 2.5rem;
display: block;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
line-height: 2.5rem;
border-radius: 50%;
}
.date-range-btn {
font-size: 0.9375rem;
}
.side-menu__icon {
color: #8e98db;
fill: #d2d6f1;
}
.sidemneu-icon2 {
fill: #8e98db;
}
.side-menu__item.active .side-menu__icon {
color: #8e98db;
fill: #d2d6f1;
}
.svg-icon,
.header-icon,
.header-icon2 {
color: #8b9bac;
fill: #8b9bac;
}
.header-icon {
width: 25px;
height: 25px;
}
.header-option .header-icon {
margin-top: -3px;
}
.header-option .nav-link {
margin: 7px 0 0 0;
}
.header-option .dropdown-menu {
font-size: 13px;
}
.card-custom-icon.text-secondary {
fill: #f72d66;
}
.card-custom-icon.text-success {
fill: #2dce89;
}
.card-custom-icon.text-primary {
fill: #4454c3;
}
.feature .feature-icon {
width: 4rem;
height: 4rem;
line-height: 4rem;
border-radius: 50%;
background: rgba(68, 84, 195, 0.2);
text-align: center;
font-size: 25px;
color: #4454c3;
}
.expenses-card {
padding-top: 170px;
}
.expenses-card #Chart {
width: 105% !important;
bottom: -15px;
position: relative;
left: -7px;
height: 120px !important;
}
.expenses-card .card-body {
position: absolute;
top: 0;
}
.page-rightheader .breadcrumb {
padding: 3px 15px 5px 15px;
background: #fff;
border-radius: 15px;
}
.under-countdown .countdown {
background: #4454c3;
color: #fff;
height: 100px;
line-height: 100px;
border-radius: 5px;
}
/*----- clipboard-----*/
.clip-widget {
position: relative;
}
.clipboard-icon {
position: absolute;
top: 10px;
right: 10px;
border-radius: 0px;
background: #dde0f1;
color: #caceeb;
border-radius: 5px;
width: 35px;
cursor: pointer;
/* line-height: 37px; */
height: 35px;
margin: 0 auto;
text-align: center;
border: 1px solid #caceeb;
}
.clipboard-icon .svg-icon {
margin-top: 5px;
}
.highlight {
position: relative;
background: #f7f6fd;
padding: 0;
border-radius: 0 0 3px 3px;
}
.highlight pre {
color: inherit;
margin-bottom: 0;
max-height: 15rem;
tab-size: 4;
-webkit-hyphens: none;
hyphens: none;
}
/*----- clipboard-----*/
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
top: 12px;
left: 4px;
height: 14px;
width: 14px;
display: block;
position: absolute;
color: white;
border: 2px solid #4757c4;
border-radius: 14px;
box-shadow: none;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
line-height: 14px;
content: "+";
background: #4757c4;
}
.usertab-list li {
margin: 5px 0;
}
.profile-media-img {
border: 0px solid #efefef;
display: block;
position: relative;
display: block;
}
.profile-media-img h6 {
position: absolute;
bottom: 15px;
left: 15px;
color: #fff;
}
.profile-media-img:before {
content: "";
background: rgba(0, 0, 0, 0.5);
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
position: absolute;
}
.profile-media-img h6 a {
position: relative;
z-index: 999;
}
.cover-image {
background-size: cover !important;
}
.timelineleft {
position: relative;
margin: 0 0 30px 0;
padding: 0;
list-style: none;
}
.timelineleft:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background: rgba(152, 166, 173, 0.3);
left: 31px;
margin: 0;
border-radius: 2px;
}
.timelineleft > li {
position: relative;
margin-right: 0;
margin-bottom: 15px;
}
.timelinelft > li:before {
content: " ";
display: table;
}
.timelineleft > li:after {
content: " ";
display: table;
}
.timelineleft > .timeleft-label > span {
font-weight: 600;
padding: 5px 10px;
display: inline-block;
background-color: #fff;
color: #fff;
border-radius: 4px;
}
.timelineleft > li:after {
clear: both;
}
.timelineleft > li > .timelineleft-item {
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
border-radius: 7px;
margin-top: 0;
background: #fff;
color: #444;
margin-left: 60px;
margin-right: 0;
padding: 0;
position: relative;
border: 1px solid #ebeaf1;
}
.timelineleft > li > .timelineleft-item > .time {
color: #999;
float: right;
padding: 12px;
font-size: 12px;
}
.timelineleft > li > .timelineleft-item > .timelineleft-header {
margin: 0;
color: #555;
border-bottom: 1px solid #ebeaf1;
padding: 0.75rem 1.25rem;
font-size: 16px;
line-height: 1.1;
}
.timelineleft > li > .timelineleft-item > .timelineleft-header.no-border {
border-bottom: 0px solid #ebeaf1;
}
.timelineleft > li > .timelineleft-item > .timelineleft-header > a {
font-weight: 500;
font-size: 14px;
}
.timelineleft-body img {
width: 150px;
height: 100px;
}
.timelineleft > li > .timelineleft-item > .timelineleft-body,
.timelineleft > li > .timelineleft-item > .timelineleft-footer {
padding: 0.75rem 1.25rem;
}
.timelineleft-body {
font-size: 14px;
}
.timelineleft > li > .fa,
.timelineleft > li > .glyphicon,
.timelineleft > li > .ion {
width: 30px;
height: 30px;
font-size: 12px;
line-height: 30px;
position: absolute;
color: #fff;
background: #d2d6de;
border-radius: 50%;
text-align: center;
left: 18px;
top: 0;
}
.acc-step-number {
padding: 0;
width: 25px;
height: 25px;
line-height: 25px;
}
#form .list-group-item {
padding: 25px;
}
.form-switch-indicator-lg {
display: inline-block;
height: 1.5rem;
width: 3rem;
background: #f5f6fb;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid #ebeaf1;
transition: 0.3s border-color, 0.3s background-color;
}
.form-switch-indicator-lg:before {
content: "";
position: absolute;
height: calc(1.5rem - 4px);
width: calc(1.5rem - 4px);
top: 1px;
left: 1px;
background: #fff;
border-radius: 50%;
transition: 0.3s left;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.form-switch-input:checked ~ .form-switch-indicator-lg:before {
left: calc(1.46rem + 1px);
}
.form-switch-indicator-xl {
display: inline-block;
height: 2rem;
width: 4rem;
background: #f5f6fb;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid #ebeaf1;
transition: 0.3s border-color, 0.3s background-color;
}
.form-switch-indicator-xl:before {
content: "";
position: absolute;
height: calc(2rem - 4px);
width: calc(2rem - 4px);
top: 1px;
left: 1px;
background: #fff;
border-radius: 50%;
transition: 0.3s left;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.form-switch-input:checked ~ .form-switch-indicator-xl:before {
left: calc(1.96rem + 1px) !important;
}
.header-icon2 {
width: 25px;
position: absolute;
left: 10px;
top: 0px;
}
.page-rightheader .date-range-btn {
position: relative;
padding-left: 40px;
outline: none;
height: 40px;
line-height: 28px;
border-radius: 5px;
}
.page-rightheader .date-range-btn .header-icon2 {
width: 20px;
position: absolute;
left: 10px;
top: 0px;
color: #4454c3;
fill: #8e98db;
}
.main-proifle {
position: relative;
background: #fff;
padding: 25px;
padding-bottom: 0;
margin-bottom: 30px;
border-top: 1px solid #eff0f6;
border-radius: 8px;
overflow: hidden;
}
.main-proifle .tab-menu-heading {
border-left: 0;
border-right: 0;
margin: 0 -30px;
margin-top: 25px;
}
.profile-edit {
position: relative;
}
.profile-share {
width: 100%;
padding: 10px;
background: #f3f4f7;
border-radius: 0 0 5px 5px;
display: inline-block;
}
.profile-edit textarea {
background: #f3f4f7;
border-radius: 5px 5px 0 0;
}
.profile-edit textarea:focus {
background: #f3f4f7;
border: 1px solid #eff0f6;
}
.social-profile-buttons li {
float: left;
display: block;
}
.social-profile-buttons li a {
display: block;
width: 2rem;
height: 2rem;
line-height: 2rem;
border-radius: 50%;
background: #d2d6f1;
border: 2px solid #8e98db;
margin: 2px;
}
.social-profile-buttons li a i {
color: #4454c3;
}
.fill-secondary {
fill: #f72d66;
}
.fill-white {
fill: transparent;
}
.main-nav-calendar-event .nav-link {
padding: 0;
height: 30px;
line-height: 30px;
}
.main-nav-calendar-event .nav-link.exclude {
position: relative;
opacity: 0.3;
}
.main-nav-calendar-event .nav-link.exclude:before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
border-top: 1px solid #737688;
}
.form-wizard-title {
line-height: 25px;
margin-left: 10px;
}
.footer .social .social-icon {
width: 25px;
height: 25px;
display: block;
border: 1px solid #e4e9f1;
line-height: 25px;
border-radius: 50%;
background: #e4e9f1;
color: #4454c3;
}
.modal-open .select2-dropdown {
z-index: 10000 !important;
}
.daterangepicker.opensright:before {
display: none;
}
.daterangepicker.opensright:after {
display: none;
}
@media (max-width: 1400px) {
.bg-primary.card.text-white .d-block.card-header h2 {
font-size: 20px;
}
}
.crypto-content .select2-container--default .select2-selection--single {
border-radius: 0px 5px 5px 0 !important;
}
.page-style1 .page,
.page-style1 .page-content {
min-height: 100% !important;
}
.invoice-table-responsive {
overflow: inherit !important;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
background: #e8ebf2;
border-bottom: 1px solid 1px solid #eff0f6;
}
.apexcharts-tooltip.apexcharts-theme-light {
border: 1px solid 1px solid #eff0f6;
background: #fff;
}
.apexcharts-text .apexcharts-xaxis text {
fill: #424e79;
}
.date-range-btn i {
color: #c4c9d6;
opacity: 0.5;
}
.app-sidebar .dropdown-menu-arrow.dropdown-menu-end:before {
bottom: -10px;
top: auto;
transform: rotate(-180deg);
right: auto;
left: 12px;
}
.app-sidebar .dropdown-menu-arrow.dropdown-menu-end:after {
bottom: -9px;
top: auto;
transform: rotate(-180deg);
right: auto;
left: 13px;
}
.legend div {
background-color: transparent !important;
}
.crypto-content .form-control {
height: 38px;
}
table.table-bordered.dataTable td:first-child:focus {
outline: 0;
box-shadow: none;
}
@media (min-width: 991px) {
.top-header1 .header-brand2 .header-brand-img {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 18px;
}
.top-header1 .header-brand {
display: none;
}
.top-header1 .form-inline .form-control {
width: 210px;
}
}
.header-notify.show .dropdown-menu {
left: -180px !important;
}
.profile-dropdown.show .dropdown-menu {
left: -140px !important;
}
.countryscroll .ps__thumb-y {
right: 12px !important;
}
/*---- IE11 Support ----*/
*::-ms-backdrop,
.img-height {
height: 100%;
}
*::-ms-backdrop,
.img-height1 {
height: 333px;
}
*::-ms-backdrop,
.social-profile-buttons li {
float: none;
display: inline-block;
}
*::-ms-backdrop,
.social-profile-buttons ul {
margin-bottom: 0;
}
*::-ms-backdrop,
.btn-icon.btn-svg .svg-icon {
height: 16px;
}
*::-ms-backdrop,
.price-svg .price-title {
top: 0 !important;
}
*::-ms-backdrop,
.price-svg svg {
height: 65px !important;
}
*::-ms-backdrop,
.item7-card-img {
height: 100%;
}
*::-ms-backdrop,
.main-content {
height: 100%;
}
*::-ms-backdrop,
.page-single,
.page-single-content {
display: inline-block !important;
}
*::-ms-backdrop,
.page,
.page-content {
display: -ms-flexbox !important;
}
*::-ms-backdrop,
.h-100vh .page {
height: 100% !important;
}
*::-ms-backdrop,
.page-style1 {
background-position: center;
background-size: cover;
background-attachment: fixed;
}
*::-ms-backdrop,
.app-sidebar-help {
display: none;
}
.table-striped > tbody > tr:nth-of-type(odd) {
--bs-table-accent-bg: transparent;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
border-bottom-width: 0 !important;
}
.table > :not(caption) > * > * {
border-bottom-width: 0px;
}
.default-sidebar.sidenav-toggled .app-sidebar2 .mobile-logo {
display: block;
margin: 0 auto;
margin-top: 5px;
}
.default-sidebar .app-sidebar-help .header-icon {
color: #8e98db;
fill: #d2d6f1;
}
@media only screen and (max-width: 567px) {
.app.light-mode .app-header .header-brand .header-brand-img.mobile-logo {
display: block !important;
margin-top: 8px;
}
}
.table > :not(:last-child) > :last-child > * {
border-bottom-color: #eff0f6;
}
.default-sidebar .app-sidebar-help {
border-top: 1px solid #eff0f6;
background: #fff;
}
.table {
--bs-table-hover-bg: none;
}
.nav-link {
color: #012a48;
}
.fc-list-heading {
border-bottom-width: 0 !important;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
background: url("data:image/svg+xml;charset=utf8,") no-repeat center right 0.5rem/1rem;
}
.table-bordered > :not(caption) > * {
border-width: 0;
}
.table-primary {
--bs-table-bg: none;
}
.table-warning {
--bs-table-bg: none;
}
.btn-close {
float: right;
font-size: 1.40625rem;
font-weight: 700;
line-height: 1;
color: #495057;
text-shadow: 0 1px 0 #fff;
opacity: 0.5;
transition: 0.3s color;
background: none;
width: 0;
height: 0;
margin-top: -7px;
margin-left: 3px;
outline: none;
}
hr {
background-color: transparent;
opacity: 1;
}
.carousel-indicators [data-bs-target] {
width: 7px;
height: 7px;
}
.modal-header .btn-close {
margin: -15px 2px;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
background-color: #4757c4 !important;
}
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {
box-shadow: none !important;
color: #fff !important;
}
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
box-shadow: none !important;
color: #fff !important;
background-color: #2dce89 !important;
border: #2dce89 !important;
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
box-shadow: none !important;
color: #fff !important;
background-color: #4757c4 !important;
border: #4757c4 !important;
}
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {
box-shadow: none !important;
color: #fff !important;
background-color: #45aaf2 !important;
border: #45aaf2 !important;
}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
color: #fff !important;
background-color: #ff663c !important;
border-color: #ff663c !important;
box-shadow: none !important;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
box-shadow: none !important;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
color: #ff663c !important;
background-color: #f9f9ff;
}
.dropdown-item.active .header-icon {
color: #ff663c;
fill: #ff663c;
}
.input-group > .btn-group > .btn,
.input-group > .btn-group > .input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
color: inherit !important;
}
@media (max-width: 576px) {
.active .header.top-header {
z-index: 9999;
}
}
.default-sidebar .slide-menu .side-menu-label1 {
display: none;
}
.closed-leftmenu .slide-menu .side-menu-label1 {
display: none;
}
.icon-overlay .slide-menu .side-menu-label1 {
display: none;
}
.color-sidebar .side-menu-label1 {
display: none;
}
.color-sidebar .side-menu__item:hover .side-menu__label,
.color-sidebar .side-menu__item:hover .side-menu__icon,
.color-sidebar .side-menu__item:hover .angle {
color: #fff !important;
}
table.table-bordered.dataTable th:first-child,
table.table-bordered.dataTable th:first-child,
table.table-bordered.dataTable td:first-child,
table.table-bordered.dataTable td:first-child {
border-left-width: 0px !important;
}
.select2.select2-container.select2-container--default {
width: 100% !important;
}
.product-img {
border-radius: 5px;
}
/**
* Dashtic v1.0.0 (https://themeforest.net/user/sprukotechnologies)
* Copyright 2018 Spruko Technologies Private Limited
* Licensed under ThemeForest License
*
//---------- TABLE OF CONTENTS ----------//
* Bootstrap Framework
* Tables
* Formsg
* Buttons
* Drop Downs
* Loader
* Custom control
* Navigation
* Card
* Scroll
* Email services
* Range slider
* Pricing tables
* Pricing Styles
* Tooptip &popover
* Typography
* Charts styles
* Media object
* Breadcrumb
* Accordion
* List Of Dropdwons
* Badges
* Jumbotron
* Alerts
* Progress
* Lists
* Modal
* Carousel
* Alignments
* Widths, Margins & Paddings
* Alignments & values
* Headers
* Background colors
* Btn styles
* Panel
* Thumbnails
* Default Card Values
* Avatars
* progress sizes
* Email
* Loaders
* Profile
* Icon input
* Tags
* Time line
* Icons List
* selectize
* Gallery
* Feather icons
* Date Picker
* Back to Top
*/
#area-chart,
#line-chart,
#bar-chart,
#stacked,
#pie-chart {
min-height: 250px;
}
* {
box-sizing: border-box;
}
*::before, *::after {
box-sizing: border-box;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
.nav-sidebar li ul {
background: #eeeeee;
}
.nav-sidebar li ul li:last-child {
border-bottom: 0px;
}
body {
margin: 0;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #424e79;
text-align: left;
background: #f2f6f9;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.66em;
}
.overflow-auto {
overflow: auto;
}
p {
margin-top: 0;
margin-bottom: 1rem;
font-weight: 400;
}
abbr[title], abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
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: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #424e79;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #4454c3;
text-decoration: none;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
outline: 0;
}
a:hover .header-icon {
color: #ff663c;
fill: #ff663c;
}
a:hover .header-icon-text {
color: #ff663c;
fill: #ff663c;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
color: inherit !important;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #505662;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 1px solid transparent;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input {
outline: none;
box-shadow: none;
overflow: visible;
}
input[type=radio], input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
outline: 0;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
.bcolor {
background-color: #cf4c3a !important;
}
.bcolor1 {
background-color: #d6124a !important;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-bottom: 0.66em;
font-family: "Roboto", sans-serif;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1,
.h1 {
font-size: 2rem;
}
h2,
.h2 {
font-weight: 500 !important;
font-size: 1.75rem;
}
h3,
.h3 {
font-size: 1.5rem;
}
h4,
.h4 {
font-size: 1.125rem;
}
h5,
.h5 {
font-size: 1rem;
}
h6,
.h6 {
font-size: 0.875rem;
}
.lead {
font-size: 1.171875rem;
font-weight: 300;
}
.display-1 {
font-size: 10.5rem;
font-weight: 500;
line-height: 1.1;
}
.display-2 {
font-size: 4rem;
font-weight: 300;
line-height: 1.1;
}
.display-3 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.1;
}
.display-4 {
font-size: 3rem;
font-weight: 300;
line-height: 1.1;
}
.display-5 {
font-size: 2.5rem;
font-weight: 300;
line-height: 1.1;
}
.display-6 {
font-size: 2.3rem;
font-weight: 300;
line-height: 1.1;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid #eff0f6;
}
small,
.small {
font-size: 87.5%;
font-weight: 400;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-unstyled li {
border-bottom: 1px solid #eff0f6;
}
#lightgallery.list-unstyled li {
margin: 10px 0;
border: 0;
}
#sidebar .list-unstyled li {
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
.nav-sidebar .list-unstyled li:last-child {
border-bottom: 0px;
}
.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.171875rem;
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #868e96;
margin-top: 0;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 3px;
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;
}
.fs-5 {
font-size: 5px;
}
.fs-6 {
font-size: 6px;
}
.fs-7 {
font-size: 7px;
}
.fs-8 {
font-size: 8px;
}
.fs-9 {
font-size: 9px;
}
.fs-10 {
font-size: 10px;
}
.fs-11 {
font-size: 11px;
}
.fs-12 {
font-size: 12px;
}
.fs-13 {
font-size: 13px;
}
.fs-14 {
font-size: 14px;
}
.fs-15 {
font-size: 15px;
}
.fs-16 {
font-size: 16px;
}
.fs-17 {
font-size: 17px;
}
.fs-18 {
font-size: 18px !important;
}
.fs-19 {
font-size: 19px !important;
}
.fs-20 {
font-size: 20px !important;
}
.fs-25 {
font-size: 25px !important;
}
.fs-30 {
font-size: 30px !important;
}
.fs-35 {
font-size: 35px !important;
}
.fs-40 {
font-size: 40px !important;
}
.fs-45 {
font-size: 45px !important;
}
.fs-50 {
font-size: 50px !important;
}
.fs-55 {
font-size: 55px !important;
}
.fs-60 {
font-size: 60px !important;
}
.fs-65 {
font-size: 65px !important;
}
.fs-70 {
font-size: 70px;
}
.fs-75 {
font-size: 75px;
}
.fs-80 {
font-size: 80px;
}
.fs-85 {
font-size: 85px;
}
.fs-90 {
font-size: 90px;
}
.fs-95 {
font-size: 95px;
}
.fs-100 {
font-size: 100px;
}
code,
kbd,
pre,
samp {
font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
code {
font-size: 85%;
color: inherit;
word-break: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 85%;
color: #fff;
background-color: #343a40;
border-radius: 3px;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
display: block;
font-size: 85%;
color: #495057;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container,
.container-fluid {
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;
}
#sticky {
text-align: center;
padding: 1px;
font-size: 1.75em;
color: #fff;
z-index: 0;
height: 130px !important;
}
#sticky.stick {
z-index: 1;
height: 130px !important;
}
.header.top-header {
z-index: 975 !important;
}
.app-content.page-body {
margin-top: 10rem;
}
.comb-page .app-content.page-body {
margin-top: 0;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1200px;
}
}
/*----- Global Loader -----*/
#global-loader {
position: fixed;
z-index: 50000;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
margin: 0 auto;
text-align: center;
}
#global-loader img {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 37%;
margin: 0 auto;
}
/*------ Custom Default -------*/
.loader {
border: 2px solid #ffffff;
border-top: 2px solid #000000;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 2s linear infinite;
display: inline-block;
margin: 1rem 0;
opacity: 0;
transition: opacity 0.3s ease;
}
.loader.animate {
opacity: 1;
}
h2.animate {
opacity: 1;
transform: translateY(0);
}
.custom-card.blue {
color: #1687ed;
background: #ebf5fd;
border: 1px solid #5dacf2;
border-radius: 8px;
}
.custom-card.blue .loader {
border-color: #99d0ff;
border-top-color: #1687ed;
}
.custom-card.red {
color: #ff0000;
background: #ffe6e6;
border: 1px solid #ff8080;
border-radius: 8px;
}
.custom-card.red .loader {
border-color: #ff9696;
border-top-color: #ff0000;
}
.custom-card.green {
color: #007e08;
background: #cbffce;
border: 1px solid #00cb0d;
border-radius: 8px;
}
.custom-card.green .loader {
border-color: #75cc7d;
border-top-color: #007e08;
}
.default-card.default .loader {
border-color: #e0e3f5;
border-top-color: #4454c3;
}
.parent {
transform-origin: 66px 56px;
}
.child1 {
animation: child1 10s 2s alternate infinite;
}
.child2 {
animation: child2 5s alternate infinite;
}
.child3 {
animation: child3 10s alternate infinite;
transform-origin: center center;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes child1 {
0% {
transform: translate(0, 0);
}
to {
transform: translate(35px, -20px);
}
}
@keyframes child2 {
0% {
transform: translateY(0);
}
to {
transform: translateY(-5px);
}
}
@keyframes child3 {
0% {
transform: translateY(-10px) rotate(50deg);
}
to {
transform: translateY(20px) rotate(0deg);
}
}
/*------ Scroll -------*/
.index1 {
height: 270px;
}
.topsales {
height: 330px;
}
.salesscroll {
height: 280px;
}
.countryscroll {
height: 290px;
}
.countrytable td {
padding-bottom: 10px;
padding-top: 10px;
}
.countrytable tr {
border-bottom: 1px solid #eff0f6;
}
.countrytable tr:last-child {
border-bottom: 0px;
}
* html .fileinput-button {
line-height: 24px;
margin: 1px -3px 0 0;
}
* + html .fileinput-button {
margin: 1px 0 0;
padding: 2px 15px;
}
@media (max-width: 767px) {
.files .btn span {
display: none;
}
.files .preview * {
width: 40px;
}
.files .name * {
display: inline-block;
width: 80px;
word-wrap: break-word;
}
.files .progress {
width: 20px;
}
.files .delete {
width: 60px;
}
}
ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
* {
box-sizing: border-box;
}
*:before, *:after {
box-sizing: border-box;
}
.search-icon {
margin-top: -3px;
}
.list-icons .svg-icon2,
.list-icons .svg-icon {
width: 60px;
height: 60px;
}
.file-manger.list-group-transparent .list-group-item {
padding: 0.5rem;
}
.file-manger.list-group-transparent .list-group-item.active {
background: transparent;
color: #4454c3;
}
.file-manger.list-group-transparent .list-group-item .svg-icon {
width: 24px;
height: 24px;
}
.file-manger-absolute-icon {
position: absolute;
top: 30px;
color: #fff;
margin: 0 auto;
left: 0;
right: 0;
}
.file-manger-icon {
position: relative;
}
.file-manger-icon i {
font-size: 70px;
margin: 0 auto;
text-align: center;
}
.file-manger-icon img {
width: 70px;
height: 70px;
}
.profile-footer {
margin: 25px -25px -25px -25px;
padding: 15px;
background: #f3f4f7;
}
.w-200 {
width: 200px;
}
.option-dots {
width: 40px;
height: 40px;
border-radius: 50%;
background: transparent;
margin: 0 auto;
text-align: center;
line-height: 40px;
display: block;
cursor: pointer;
color: #728096;
}
.option-dots:hover, .option-dots:focus, .option-dots[aria-expanded=true] {
background: #f3f4f7;
}
.option-dots i.fa {
line-height: 45px;
}
.new.option-dots {
line-height: 40px;
}
.new-list.option-dots {
line-height: 40px;
position: absolute;
right: 10px;
top: 10px;
}
.ms-body .action-header {
background: #fff;
}
.user-contact-list {
overflow: hidden;
}
.user-contact-list:before {
position: absolute;
content: "";
width: 100%;
height: 70px;
border-radius: 0 0 50% 50%;
background: linear-gradient(rgba(68, 84, 195, 0.85), rgba(68, 84, 195, 0.51)), url('1.png');
background-size: cover;
background-position: top;
}
hr.divider:after {
content: "OR";
display: block;
position: relative;
top: -1.5em;
font-size: 11px;
padding: 0 0.25em;
background: #f3f4f7;
width: 30px;
height: 30px;
border-radius: 50%;
z-index: 9;
left: 0;
right: 0;
line-height: 30px;
margin: 0 auto;
font-weight: 500;
border: 1px solid #f2f6f9;
text-align: center;
}
.page-style1 {
position: relative;
height: 100vh;
}
.page-style1:before {
position: fixed;
content: "";
width: 100%;
height: 100%;
background: linear-gradient(rgba(68, 84, 195, 0.25), rgba(68, 84, 195, 0.18)), url('download.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: top;
opacity: 0.8;
}
.page-style1 .form-control {
padding-top: 4px;
height: 45px;
padding-bottom: 6px;
border: 1px solid #d3dfea;
}
.page-style1 .btn {
height: 45px;
padding-top: 0;
padding-bottom: 0;
line-height: 45px;
}
.page-style1 .input-group-addon {
border: 1px solid #d3dfea;
background: #f3f4f7;
border-right: 0;
line-height: 0px;
}
.page-style1 .input-group-text {
border: 1px solid #d3dfea;
background: #f3f4f7;
border-left: 0;
line-height: 16px;
border-radius: 0 5px 5px 0;
}
.page-style1 hr {
border-top: 1px solid #d3dfea;
}
.page-style1 .custom-control-label {
line-height: 26px;
}
.page-style1 .btn-svgs .svg-icon {
position: absolute;
left: 37%;
top: auto;
}
.page-style1 .custom-control-label:before {
border: 1px solid #d3dfea;
}
.bg-style {
position: relative;
}
.bg-style:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: url('A.png');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
}
.bg-style .svg-icon {
fill: #fff;
}
.bg-style .header-brand-img {
position: absolute;
top: 30px;
left: 55px;
}
.bg-style-transporter {
position: relative;
}
.bg-style-transporter:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: url('C.png');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
}
.bg-style-transporter .svg-icon {
fill: #fff;
}
.bg-style-transporter .header-brand-img {
position: absolute;
top: 30px;
left: 55px;
}
.bg-style-shipper {
position: relative;
}
.bg-style-shipper:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: url('B.png');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
}
.bg-style-shipper .svg-icon {
fill: #fff;
}
.bg-style-shipper .header-brand-img {
position: absolute;
top: 30px;
left: 55px;
}
.page-style2 .h-100vh {
min-height: 100vh;
}
.page-style1 .page-content,
.page-style2 .page-content {
margin: 0;
}
.btn-link {
font-size: 13px;
}
@media (max-width: 960px) {
.d-md-flex .bg-style {
display: none;
}
.d-md-flex .w-80 {
width: 100% !important;
}
}
.title-style h1 {
position: absolute;
width: 100%;
background: #fff;
display: block;
left: 0;
right: 0;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
display: block;
top: 34px;
padding: 0 20px;
}
.page-style2.page-style1:before {
background: linear-gradient(rgba(255, 255, 255, 0.79), rgba(255, 255, 255, 0.75));
background-repeat: no-repeat;
background-size: cover;
}
.relative {
position: relative;
}
/* CROSS BROWSER SELECTOR*/
.custom-progress {
/* RESETS */
-webkit-appearance: none;
appearance: none;
border: none;
height: 10px;
border-radius: 0px;
background-color: #e8ebf2;
width: 80%;
}
.custom-progress::-webkit-progress-bar {
background-color: #e8ebf2;
border-radius: 0px;
}
.custom-progress::-webkit-progress-value {
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-color: #4454c3;
border-radius: 0px;
}
.custom-progress::-moz-progress-bar {
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-color: #4454c3;
}
.custom-progress::-ms-fill {
border-radius: 0px;
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-color: #4454c3;
}
/* WEBKIT BROWSERS - CHROME, OPERA AND SAFARI */
/* MOZILLA FIREFOX */
/* MICROSOFT EDGE & IE */
.map svg {
height: 400px;
}
@media (max-width: 992px) {
.map svg {
height: 100%;
}
}
.coming-footer {
max-width: 400px;
left: 0;
right: 0;
margin: 0 auto;
padding-top: 30px;
margin-top: 10px;
}
.coming-footer .form-control:focus {
border-color: rgba(255, 255, 255, 0.1);
box-shadow: none !important;
}
.construction .form-control:focus {
border-color: #d3dfea;
box-shadow: none !important;
}
.card-pay .tabs-menu {
margin-bottom: 25px;
border-radius: 5px;
overflow: hidden;
}
.card-pay .tabs-menu li {
width: 33.3%;
display: block;
}
.card-pay .tabs-menu li a {
padding: 0.5rem 1rem;
background: #f3f4f7;
display: block;
text-align: center;
border-right: 1px solid #d3dfea;
}
.card-pay .tabs-menu li a.active {
background: #4454c3;
color: #fff;
border-radius: 2px;
text-align: center;
}
.card-pay .tabs-menu li:last-child a {
border-right: 0;
}
.morris-donut-wrapper-demo {
height: 270px;
}
.shop-title {
font-size: 16px;
}
.apexcharts-toolbar {
display: none !important;
}
#SvgjsText1920 {
font-weight: 500;
font-size: 20px;
}
.pos-static {
position: static;
}
.html-code {
padding: 9px 22px;
background: #f3f4f7;
width: -moz-fit-content;
width: fit-content;
margin-left: 20px;
border-radius: 5px 5px 0 0;
border: 1px solid #d3dfea;
border-bottom: 0;
margin-bottom: -1px;
z-index: 1;
font-size: 15px;
position: relative;
padding-left: 45px;
text-transform: uppercase;
margin-top: 15px;
font-weight: 500;
}
.html-code .svg-icon {
position: absolute;
left: 14px;
}
.list-style {
list-style: inherit;
padding-left: inherit;
}
.list-style ul {
list-style: inherit;
padding-left: 30px;
}
.list-style li {
line-height: 30px;
}
.list-style2 {
list-style: decimal;
padding-left: inherit;
}
.list-style2 ul {
list-style: decimal;
padding-left: 30px;
}
.list-style2 li {
line-height: 30px;
}
.list-style3 {
list-style: circle;
padding-left: inherit;
}
.list-style3 ul {
list-style: decimal;
padding-left: 30px;
}
.list-style3 li {
line-height: 30px;
}
.list-style4 {
list-style: lower-alpha;
padding-left: inherit;
}
.list-style4 ul {
list-style: decimal;
padding-left: 30px;
}
.list-style4 li {
line-height: 30px;
}
.order-list li {
line-height: 30px;
}
.list-style5 {
list-style: square;
padding-left: inherit;
}
.list-style5 ul {
list-style: decimal;
padding-left: 30px;
}
.list-style5 li {
line-height: 30px;
}
.list-style6 {
list-style: lower-roman;
padding-left: inherit;
}
.list-style6 ul {
list-style: decimal;
padding-left: 30px;
}
.list-style6 li {
line-height: 30px;
}
.profile-dropdown {
margin-top: 2px;
padding-right: 20px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.expenses-card .fs-50 {
font-size: 25px !important;
}
.expenses-card .fs-18 {
font-size: 14px !important;
}
}
@media (max-width: 567px) {
.card-pay .tabs-menu li {
width: 100%;
}
.card-pay .tabs-menu li a {
margin-bottom: 15px;
}
}
.browse-file.form-control {
background-color: transparent;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 41px;
}
.input-group-btn .btn-primary {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
padding: 0.51rem 15px;
border-radius: 0;
}
.apexcharts-pie-label,
.apexcharts-datalabels,
.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value {
cursor: default;
pointer-events: none;
font-weight: 500;
text-shadow: none;
filter: initial;
}
.select2 {
outline-width: 0px !important;
}
.select2 > *:focus, .select2:focus .select2 > * {
outline-width: 0px !important;
}
@media (min-width: 1440px) {
.crypto-header-section h3 {
font-size: 32px;
}
.crypto-header-section .w-5 {
width: 2rem !important;
}
.crypto-header-section .h-5 {
height: 2rem !important;
}
}
@media (min-width: 1600px) {
.crypto-header-section h3 {
font-size: 32px;
}
.crypto-header-section .w-5 {
width: 2.5rem !important;
}
.crypto-header-section .h-5 {
height: 2.5rem !important;
}
}
@media (max-width: 768px) {
.page-single .card-group {
display: block;
}
.d-md-down-none {
display: none;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.item-card .btn-svgs {
width: 100%;
}
}
.header.bg-primary .form-control.header-search.bg-transparent.border-transparent {
color: #fff;
}
@media (max-width: 1200px) {
.sales-img {
width: 50% !important;
margin: 0 auto;
text-align: center !important;
display: block;
}
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:focus .iti__selected-flag {
outline: none;
box-shadow: none;
}
.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
outline: none;
box-shadow: none;
}
input:focus,
input:hover {
outline: none;
box-shadow: none;
}
@media (max-width: 575.98px) {
body.search-show .header .form-inline .search-element {
display: block;
}
}
@media (max-width: 575.98px) {
.page-style1.error-page {
height: 100% !important;
}
}
/*------ Email services -------*/
.mail-box {
border-collapse: collapse;
border-spacing: 0;
display: table;
table-layout: fixed;
width: 100%;
}
.mail-box aside {
display: table-cell;
float: none;
height: 100%;
padding: 0;
vertical-align: top;
}
.mail-box .sm-side {
background: none repeat scroll 0 0 #e5e8ef;
border-radius: 4px 0 0 4px;
width: 25%;
}
.mail-box .lg-side {
background: none repeat scroll 0 0 #fff;
border-radius: 0 4px 4px 0;
width: 75%;
}
.mail-box .sm-side .user-head {
background: none repeat scroll 0 0 #00a8b3;
border-radius: 4px 0 0;
color: #fff;
min-height: 80px;
padding: 10px;
}
.user-head .inbox-avatar {
float: left;
width: 65px;
}
.user-head .inbox-avatar img {
border-radius: 4px;
}
.user-head .user-name {
display: inline-block;
margin: 0 0 0 10px;
}
.user-head .user-name h5 {
font-size: 14px;
font-weight: 300;
margin-bottom: 0;
margin-top: 15px;
}
.user-head .user-name h5 a {
color: #fff;
}
.user-head .user-name span a {
color: #87e2e7;
font-size: 12px;
}
a.mail-dropdown {
background: none repeat scroll 0 0 #80d3d9;
border-radius: 2px;
color: #01a7b3;
font-size: 10px;
margin-top: 20px;
padding: 3px 5px;
}
.btn-compose {
background: none repeat scroll 0 0 #ff6c60;
color: #fff;
padding: 12px 0;
text-align: center;
width: 100%;
}
.btn-compose:hover {
background: none repeat scroll 0 0 #f5675c;
color: #fff;
}
ul.inbox-nav {
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
}
.inbox-divider {
border-bottom: 1px solid #d5d8df;
}
ul.inbox-nav li {
display: inline-block;
line-height: 45px;
width: 100%;
}
ul.inbox-nav li a {
color: #6a6a6a;
display: inline-block;
line-height: 45px;
padding: 0 20px;
width: 100%;
}
ul.inbox-nav li a:hover {
background: none repeat scroll 0 0 #d5d7de;
color: #6a6a6a;
}
ul.inbox-nav li.active a {
background: none repeat scroll 0 0 #d5d7de;
color: #6a6a6a;
}
ul.inbox-nav li a:focus {
background: none repeat scroll 0 0 #d5d7de;
color: #6a6a6a;
}
ul.inbox-nav li a i {
color: #6a6a6a;
font-size: 16px;
padding-right: 10px;
}
ul.inbox-nav li a span.label {
margin-top: 13px;
}
ul.labels-info li {
margin: 0;
}
ul.labels-info li h4 {
color: #5c5c5e;
font-size: 13px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
text-transform: uppercase;
}
ul.labels-info li a {
border-radius: 0;
color: #6a6a6a;
}
ul.labels-info li a:hover, ul.labels-info li a:focus {
background: none repeat scroll 0 0 #d5d7de;
color: #6a6a6a;
}
ul.labels-info li a i {
padding-right: 10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
color: #9d9f9e;
font-size: 11px;
margin-bottom: 0;
padding: 0 22px;
}
.inbox-head {
border-radius: 0 4px 0 0;
padding: 10px;
border-radius: 3px;
}
.inbox-head h3 {
display: inline-block;
font-weight: 300;
margin: 0;
}
.inbox-head .sr-input {
border: medium none;
border-radius: 4px 0 0 4px;
box-shadow: none;
color: #8a8a8a;
float: left;
height: 30px;
padding: 0 10px;
}
.inbox-head .sr-btn {
background: none repeat scroll 0 0 #38a01e;
border: medium none;
border-radius: 0 4px 4px 0;
color: #fff;
height: 30px;
padding: 0 20px;
}
.table-inbox {
border: 1px solid #eff0f6;
margin-bottom: 0;
}
.table-inbox tr {
border-bottom: 1px solid #eff0f6;
}
.table-inbox tr:last-child {
border-bottom: 0;
}
.table-inbox tr td {
padding: 12px !important;
vertical-align: middle;
}
.table-inbox tr td:hover {
cursor: pointer;
}
.table-inbox tr td .fa-star {
color: #e6e9f1;
font-size: 16px;
}
.table-inbox tr td .fa-star.inbox-started {
color: #e6e9f1;
}
.table-inbox tr td .fa-star:hover {
color: #ecb403;
}
.table-inbox tr td i {
color: #e6e9f1;
}
.table-inbox tr td i:hover {
color: #ff5b51;
}
.table-inbox tr.unread td {
background: #f4f5fb;
font-weight: 600;
border-bottom: #eff0f6 1px solid;
}
ul.inbox-pagination {
float: right;
}
ul.inbox-pagination li {
float: left;
}
.mail-option {
display: inline-block;
margin-bottom: 10px;
width: 100%;
}
.mail-option .chk-all input[type=checkbox] {
margin-top: 0;
}
.mail-option .btn-group a.all {
border: 0 !important;
padding: 0 !important;
outline: 0;
box-shadow: none;
}
.mail-option .chk-all,
.mail-option .btn-group {
margin-right: 5px;
}
.mail-option .chk-all,
.mail-option .btn-group a.btn {
border: 1px solid #eff0f6;
border-radius: 3px !important;
display: inline-block;
padding: 5px 10px;
}
.inbox-pagination a.np-btn {
margin-left: 5px;
border: 1px solid #eff0f6;
border-radius: 3px !important;
display: inline-block;
padding: 5px 15px;
}
.inbox-pagination li span {
display: inline-block;
margin-right: 5px;
margin-top: 7px;
}
.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
border: 1px solid #e6e6e6;
box-shadow: none;
}
.btn-send {
background: none repeat scroll 0 0 #00a8b3;
color: #fff;
}
.btn-send:hover {
background: none repeat scroll 0 0 #00a8b3;
color: #fff;
background: none repeat scroll 0 0 #009da7;
}
.modal-header h4.modal-title {
font-weight: 300;
}
.modal-body label {
font-weight: 400;
}
.heading-inbox h4 {
border-bottom: 1px solid #ddd;
color: #444;
font-size: 18px;
margin-top: 20px;
padding-bottom: 10px;
}
.sender-info {
margin-bottom: 20px;
}
.sender-info img {
height: 30px;
width: 30px;
}
.sender-dropdown {
background: none repeat scroll 0 0 1px solid #eff0f6;
color: #777;
font-size: 10px;
padding: 0 3px;
}
.view-mail a {
color: #ff6c60;
}
.attachment-mail {
margin-top: 30px;
}
.attachment-mail ul {
display: inline-block;
margin-bottom: 30px;
width: 100%;
}
.attachment-mail ul li {
float: left;
margin-bottom: 10px;
margin-right: 10px;
width: 150px;
}
.attachment-mail ul li img {
width: 100%;
}
.attachment-mail ul li span {
float: right;
}
.attachment-mail .file-name {
float: left;
}
.attachment-mail .links {
display: inline-block;
width: 100%;
}
.fileinput-button {
background: none repeat scroll 0 0 #eeeeee;
border: 1px solid #e6e6e6;
float: left;
margin-right: 4px;
overflow: hidden;
position: relative;
}
.fileinput-button input {
cursor: pointer;
direction: ltr;
font-size: 23px;
margin: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transform: translate(-300px, 0px) scale(4);
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
margin-bottom: 5px;
}
.files .progress {
width: 200px;
}
.fileupload-processing .fileupload-loading {
display: block;
}
/*------Email---------*/
.mail-chats {
height: 100%;
min-height: 0;
border-top: 1px solid rgba(128, 128, 128, 0.16);
margin-top: 10px;
padding: 10px 50px 10px 0;
width: 100%;
list-style-type: none;
flex-direction: column !important;
display: flex !important;
}
.mail-chats li.chat-persons {
padding: 10px;
display: block;
}
li.chat-persons a {
text-decoration: none;
}
.mail-chats li.chat-persons a span.pro-pic {
display: inline-block;
padding: 0;
width: 20%;
max-width: 40px;
float: left;
margin-right: 20px;
}
.mail-chats li.chat-persons a span.pro-pic img {
max-width: 100%;
width: 100%;
border-radius: 100%;
flex-direction: column !important;
}
.mail-chats li.chat-persons a div.user {
flex-direction: column !important;
}
ul.mail-chats li.chat-persons a div.user {
display: flex !important;
}
.mail-chats li.chat-persons.user {
width: 80%;
padding: 5px 10px 0px 15px;
flex-direction: column !important;
display: flex !important;
}
.user p.u-name {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #1f2127;
}
.user p.u-designation {
margin: 0;
font-size: 11px;
color: #6b6f80;
}
div.online-status .status.online {
background: rgba(0, 128, 0, 0.68);
}
.online-status .status {
height: 10px;
width: 10px;
border-radius: 100%;
display: inline-flex;
justify-content: flex-start;
transform: translateX(-60px) translateY(2px);
}
.online-status .status.offline {
background: rgba(255, 0, 0, 0.7);
}
/*-----Feather icons-----*/
@font-face {
font-family: "feather";
src: url('feather-webfont.eot');
/* IE9*/
src: url('feather-webfont.eot') format("embedded-opentype"), url('feather-webfont.woff') format("woff"), url('feather-webfont.ttf') format("truetype"), url('feather-webfont.svg#feather') format("svg");
/* iOS 4.1- */
}
.fe {
font-family: "feather" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fe-activity:before {
content: "\e900";
}
.fe-airplay:before {
content: "\e901";
}
.fe-alert-circle:before {
content: "\e902";
}
.fe-alert-octagon:before {
content: "\e903";
}
.fe-alert-triangle:before {
content: "\e904";
}
.fe-align-center:before {
content: "\e905";
}
.fe-align-justify:before {
content: "\e906";
}
.fe-align-left:before {
content: "\e907";
}
.fe-align-right:before {
content: "\e908";
}
.fe-anchor:before {
content: "\e909";
}
.fe-aperture:before {
content: "\e90a";
}
.fe-arrow-down:before {
content: "\e90b";
}
.fe-arrow-down-circle:before {
content: "\e90c";
}
.fe-arrow-down-left:before {
content: "\e90d";
}
.fe-arrow-down-right:before {
content: "\e90e";
}
.fe-arrow-left:before {
content: "\e90f";
}
.fe-arrow-left-circle:before {
content: "\e910";
}
.fe-arrow-right:before {
content: "\e911";
}
.fe-arrow-right-circle:before {
content: "\e912";
}
.fe-arrow-up:before {
content: "\e913";
}
.fe-arrow-up-circle:before {
content: "\e914";
}
.fe-arrow-up-left:before {
content: "\e915";
}
.fe-arrow-up-right:before {
content: "\e916";
}
.fe-at-sign:before {
content: "\e917";
}
.fe-award:before {
content: "\e918";
}
.fe-bar-chart:before {
content: "\e919";
}
.fe-bar-chart-2:before {
content: "\e91a";
}
.fe-battery:before {
content: "\e91b";
}
.fe-battery-charging:before {
content: "\e91c";
}
.fe-bell:before {
content: "\e91d";
}
.fe-bell-off:before {
content: "\e91e";
}
.fe-bluetooth:before {
content: "\e91f";
}
.fe-bold:before {
content: "\e920";
}
.fe-book:before {
content: "\e921";
}
.fe-book-open:before {
content: "\e922";
}
.fe-bookmark:before {
content: "\e923";
}
.fe-box:before {
content: "\e924";
}
.fe-briefcase:before {
content: "\e925";
}
.fe-calendar:before {
content: "\e926";
}
.fe-camera:before {
content: "\e927";
}
.fe-camera-off:before {
content: "\e928";
}
.fe-cast:before {
content: "\e929";
}
.fe-check:before {
content: "\e92a";
}
.fe-check-circle:before {
content: "\e92b";
}
.fe-check-square:before {
content: "\e92c";
}
.fe-chevron-down:before {
content: "\e92d";
}
.fe-chevron-left:before {
content: "\e92e";
}
.fe-chevron-right:before {
content: "\e92f";
}
.fe-chevron-up:before {
content: "\e930";
}
.fe-chevrons-down:before {
content: "\e931";
}
.fe-chevrons-left:before {
content: "\e932";
}
.fe-chevrons-right:before {
content: "\e933";
}
.fe-chevrons-up:before {
content: "\e934";
}
.fe-chrome:before {
content: "\e935";
}
.fe-circle:before {
content: "\e936";
}
.fe-clipboard:before {
content: "\e937";
}
.fe-clock:before {
content: "\e938";
}
.fe-cloud:before {
content: "\e939";
}
.fe-cloud-drizzle:before {
content: "\e93a";
}
.fe-cloud-lightning:before {
content: "\e93b";
}
.fe-cloud-off:before {
content: "\e93c";
}
.fe-cloud-rain:before {
content: "\e93d";
}
.fe-cloud-snow:before {
content: "\e93e";
}
.fe-code:before {
content: "\e93f";
}
.fe-codepen:before {
content: "\e940";
}
.fe-command:before {
content: "\e941";
}
.fe-compass:before {
content: "\e942";
}
.fe-copy:before {
content: "\e943";
}
.fe-corner-down-left:before {
content: "\e944";
}
.fe-corner-down-right:before {
content: "\e945";
}
.fe-corner-left-down:before {
content: "\e946";
}
.fe-corner-left-up:before {
content: "\e947";
}
.fe-corner-right-down:before {
content: "\e948";
}
.fe-corner-right-up:before {
content: "\e949";
}
.fe-corner-up-left:before {
content: "\e94a";
}
.fe-corner-up-right:before {
content: "\e94b";
}
.fe-cpu:before {
content: "\e94c";
}
.fe-credit-card:before {
content: "\e94d";
}
.fe-crop:before {
content: "\e94e";
}
.fe-crosshair:before {
content: "\e94f";
}
.fe-database:before {
content: "\e950";
}
.fe-delete:before {
content: "\e951";
}
.fe-disc:before {
content: "\e952";
}
.fe-dollar-sign:before {
content: "\e953";
}
.fe-download:before {
content: "\e954";
}
.fe-download-cloud:before {
content: "\e955";
}
.fe-droplet:before {
content: "\e956";
}
.fe-edit:before {
content: "\e957";
}
.fe-edit-2:before {
content: "\e958";
}
.fe-edit-3:before {
content: "\e959";
}
.fe-external-link:before {
content: "\e95a";
}
.fe-eye:before {
content: "\e95b";
}
.fe-eye-off:before {
content: "\e95c";
}
.fe-facebook:before {
content: "\e95d";
}
.fe-fast-forward:before {
content: "\e95e";
}
.fe-feather:before {
content: "\e95f";
}
.fe-file:before {
content: "\e960";
}
.fe-file-minus:before {
content: "\e961";
}
.fe-file-plus:before {
content: "\e962";
}
.fe-file-text:before {
content: "\e963";
}
.fe-film:before {
content: "\e964";
}
.fe-filter:before {
content: "\e965";
}
.fe-flag:before {
content: "\e966";
}
.fe-folder:before {
content: "\e967";
}
.fe-folder-minus:before {
content: "\e968";
}
.fe-folder-plus:before {
content: "\e969";
}
.fe-git-branch:before {
content: "\e96a";
}
.fe-git-commit:before {
content: "\e96b";
}
.fe-git-merge:before {
content: "\e96c";
}
.fe-git-pull-request:before {
content: "\e96d";
}
.fe-github:before {
content: "\e96e";
}
.fe-gitlab:before {
content: "\e96f";
}
.fe-globe:before {
content: "\e970";
}
.fe-grid:before {
content: "\e971";
}
.fe-hard-drive:before {
content: "\e972";
}
.fe-hash:before {
content: "\e973";
}
.fe-headphones:before {
content: "\e974";
}
.fe-heart:before {
content: "\e975";
}
.fe-help-circle:before {
content: "\e976";
}
.fe-home:before {
content: "\e977";
}
.fe-image:before {
content: "\e978";
}
.fe-inbox:before {
content: "\e979";
}
.fe-info:before {
content: "\e97a";
}
.fe-instagram:before {
content: "\e97b";
}
.fe-italic:before {
content: "\e97c";
}
.fe-layers:before {
content: "\e97d";
}
.fe-layout:before {
content: "\e97e";
}
.fe-life-buoy:before {
content: "\e97f";
}
.fe-link:before {
content: "\e980";
}
.fe-link-2:before {
content: "\e981";
}
.fe-linkedin:before {
content: "\e982";
}
.fe-list:before {
content: "\e983";
}
.fe-loader:before {
content: "\e984";
}
.fe-lock:before {
content: "\e985";
}
.fe-log-in:before {
content: "\e986";
}
.fe-log-out:before {
content: "\e987";
}
.fe-mail:before {
content: "\e988";
}
.fe-map:before {
content: "\e989";
}
.fe-map-pin:before {
content: "\e98a";
}
.fe-maximize:before {
content: "\e98b";
}
.fe-maximize-2:before {
content: "\e98c";
}
.fe-menu:before {
content: "\e98d";
}
.fe-message-circle:before {
content: "\e98e";
}
.fe-message-square:before {
content: "\e98f";
}
.fe-mic:before {
content: "\e990";
}
.fe-mic-off:before {
content: "\e991";
}
.fe-minimize:before {
content: "\e992";
}
.fe-minimize-2:before {
content: "\e993";
}
.fe-minus:before {
content: "\e994";
}
.fe-minus-circle:before {
content: "\e995";
}
.fe-minus-square:before {
content: "\e996";
}
.fe-monitor:before {
content: "\e997";
}
.fe-moon:before {
content: "\e998";
}
.fe-more-horizontal:before {
content: "\e999";
}
.fe-more-vertical:before {
content: "\e99a";
}
.fe-move:before {
content: "\e99b";
}
.fe-music:before {
content: "\e99c";
}
.fe-navigation:before {
content: "\e99d";
}
.fe-navigation-2:before {
content: "\e99e";
}
.fe-octagon:before {
content: "\e99f";
}
.fe-package:before {
content: "\e9a0";
}
.fe-paperclip:before {
content: "\e9a1";
}
.fe-pause:before {
content: "\e9a2";
}
.fe-pause-circle:before {
content: "\e9a3";
}
.fe-percent:before {
content: "\e9a4";
}
.fe-phone:before {
content: "\e9a5";
}
.fe-phone-call:before {
content: "\e9a6";
}
.fe-phone-forwarded:before {
content: "\e9a7";
}
.fe-phone-incoming:before {
content: "\e9a8";
}
.fe-phone-missed:before {
content: "\e9a9";
}
.fe-phone-off:before {
content: "\e9aa";
}
.fe-phone-outgoing:before {
content: "\e9ab";
}
.fe-pie-chart:before {
content: "\e9ac";
}
.fe-play:before {
content: "\e9ad";
}
.fe-play-circle:before {
content: "\e9ae";
}
.fe-plus:before {
content: "\e9af";
}
.fe-plus-circle:before {
content: "\e9b0";
}
.fe-plus-square:before {
content: "\e9b1";
}
.fe-pocket:before {
content: "\e9b2";
}
.fe-power:before {
content: "\e9b3";
}
.fe-printer:before {
content: "\e9b4";
}
.fe-radio:before {
content: "\e9b5";
}
.fe-refresh-ccw:before {
content: "\e9b6";
}
.fe-refresh-cw:before {
content: "\e9b7";
}
.fe-repeat:before {
content: "\e9b8";
}
.fe-rewind:before {
content: "\e9b9";
}
.fe-rotate-ccw:before {
content: "\e9ba";
}
.fe-rotate-cw:before {
content: "\e9bb";
}
.fe-rss:before {
content: "\e9bc";
}
.fe-save:before {
content: "\e9bd";
}
.fe-scissors:before {
content: "\e9be";
}
.fe-search:before {
content: "\e9bf";
}
.fe-send:before {
content: "\e9c0";
}
.fe-server:before {
content: "\e9c1";
}
.fe-settings:before {
content: "\e9c2";
}
.fe-share:before {
content: "\e9c3";
}
.fe-share-2:before {
content: "\e9c4";
}
.fe-shield:before {
content: "\e9c5";
}
.fe-shield-off:before {
content: "\e9c6";
}
.fe-shopping-bag:before {
content: "\e9c7";
}
.fe-shopping-cart:before {
content: "\e9c8";
}
.fe-shuffle:before {
content: "\e9c9";
}
.fe-sidebar:before {
content: "\e9ca";
}
.fe-skip-back:before {
content: "\e9cb";
}
.fe-skip-forward:before {
content: "\e9cc";
}
.fe-slack:before {
content: "\e9cd";
}
.fe-slash:before {
content: "\e9ce";
}
.fe-sliders:before {
content: "\e9cf";
}
.fe-smartphone:before {
content: "\e9d0";
}
.fe-speaker:before {
content: "\e9d1";
}
.fe-square:before {
content: "\e9d2";
}
.fe-star:before {
content: "\e9d3";
}
.fe-stop-circle:before {
content: "\e9d4";
}
.fe-sun:before {
content: "\e9d5";
}
.fe-sunrise:before {
content: "\e9d6";
}
.fe-sunset:before {
content: "\e9d7";
}
.fe-tablet:before {
content: "\e9d8";
}
.fe-tag:before {
content: "\e9d9";
}
.fe-target:before {
content: "\e9da";
}
.fe-terminal:before {
content: "\e9db";
}
.fe-thermometer:before {
content: "\e9dc";
}
.fe-thumbs-down:before {
content: "\e9dd";
}
.fe-thumbs-up:before {
content: "\e9de";
}
.fe-toggle-left:before {
content: "\e9df";
}
.fe-toggle-right:before {
content: "\e9e0";
}
.fe-trash:before {
content: "\e9e1";
}
.fe-trash-2:before {
content: "\e9e2";
}
.fe-trending-down:before {
content: "\e9e3";
}
.fe-trending-up:before {
content: "\e9e4";
}
.fe-triangle:before {
content: "\e9e5";
}
.fe-truck:before {
content: "\e9e6";
}
.fe-tv:before {
content: "\e9e7";
}
.fe-twitter:before {
content: "\e9e8";
}
.fe-type:before {
content: "\e9e9";
}
.fe-umbrella:before {
content: "\e9ea";
}
.fe-underline:before {
content: "\e9eb";
}
.fe-unlock:before {
content: "\e9ec";
}
.fe-upload:before {
content: "\e9ed";
}
.fe-upload-cloud:before {
content: "\e9ee";
}
.fe-user:before {
content: "\e9ef";
}
.fe-user-check:before {
content: "\e9f0";
}
.fe-user-minus:before {
content: "\e9f1";
}
.fe-user-plus:before {
content: "\e9f2";
}
.fe-user-x:before {
content: "\e9f3";
}
.fe-users:before {
content: "\e9f4";
}
.fe-video:before {
content: "\e9f5";
}
.fe-video-off:before {
content: "\e9f6";
}
.fe-voicemail:before {
content: "\e9f7";
}
.fe-volume:before {
content: "\e9f8";
}
.fe-volume-1:before {
content: "\e9f9";
}
.fe-volume-2:before {
content: "\e9fa";
}
.fe-volume-x:before {
content: "\e9fb";
}
.fe-watch:before {
content: "\e9fc";
}
.fe-wifi:before {
content: "\e9fd";
}
.fe-wifi-off:before {
content: "\e9fe";
}
.fe-wind:before {
content: "\e9ff";
}
.fe-x:before {
content: "\ea00";
}
.fe-x-circle:before {
content: "\ea01";
}
.fe-x-square:before {
content: "\ea02";
}
.fe-zap:before {
content: "\ea03";
}
.fe-zap-off:before {
content: "\ea04";
}
.fe-zoom-in:before {
content: "\ea05";
}
.fe-zoom-out:before {
content: "\ea06";
}
/*------ Icons List ------*/
.browser {
width: 1.25rem;
height: 1.25rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
}
.browser-android-browser {
background-image: url('android-browser.svg');
}
.browser-aol-explorer {
background-image: url('aol-explorer.svg');
}
.browser-blackberry {
background-image: url('blackberry.svg');
}
.browser-camino {
background-image: url('camino.svg');
}
.browser-chrome {
background-image: url('chrome.svg');
}
.browser-chromium {
background-image: url('chromium.svg');
}
.browser-dolphin {
background-image: url('dolphin.svg');
}
.browser-edge {
background-image: url('edge.svg');
}
.browser-firefox {
background-image: url('firefox.svg');
}
.browser-ie {
background-image: url('ie.svg');
}
.browser-maxthon {
background-image: url('maxthon.svg');
}
.browser-mozilla {
background-image: url('mozilla.svg');
}
.browser-netscape {
background-image: url('netscape.svg');
}
.browser-opera {
background-image: url('opera.svg');
}
.browser-safari {
background-image: url('safari.svg');
}
.browser-sleipnir {
background-image: url('sleipnir.svg');
}
.browser-uc-browser {
background-image: url('uc-browser.svg');
}
.browser-vivaldi {
background-image: url('vivaldi.svg');
}
.flag {
width: 1.6rem;
height: 1.2rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.flag-ad {
background-image: url('ad.svg');
}
.flag-ae {
background-image: url('ae.svg');
}
.flag-af {
background-image: url('af.svg');
}
.flag-ag {
background-image: url('ag.svg');
}
.flag-ai {
background-image: url('ai.svg');
}
.flag-al {
background-image: url('al.svg');
}
.flag-am {
background-image: url('am.svg');
}
.flag-ao {
background-image: url('ao.svg');
}
.flag-aq {
background-image: url('aq.svg');
}
.flag-ar {
background-image: url('ar.svg');
}
.flag-as {
background-image: url('as.svg');
}
.flag-at {
background-image: url('at.svg');
}
.flag-au {
background-image: url('au.svg');
}
.flag-aw {
background-image: url('aw.svg');
}
.flag-ax {
background-image: url('ax.svg');
}
.flag-az {
background-image: url('az.svg');
}
.flag-ba {
background-image: url('ba.svg');
}
.flag-bb {
background-image: url('bb.svg');
}
.flag-bd {
background-image: url('bd.svg');
}
.flag-be {
background-image: url('be.svg');
}
.flag-bf {
background-image: url('bf.svg');
}
.flag-bg {
background-image: url('bg.svg');
}
.flag-bh {
background-image: url('bh.svg');
}
.flag-bi {
background-image: url('bi.svg');
}
.flag-bj {
background-image: url('bj.svg');
}
.flag-bl {
background-image: url('bl.svg');
}
.flag-bm {
background-image: url('bm.svg');
}
.flag-bn {
background-image: url('bn.svg');
}
.flag-bo {
background-image: url('bo.svg');
}
.flag-bq {
background-image: url('bq.svg');
}
.flag-br {
background-image: url('br.svg');
}
.flag-bs {
background-image: url('bs.svg');
}
.flag-bt {
background-image: url('bt.svg');
}
.flag-bv {
background-image: url('bv.svg');
}
.flag-bw {
background-image: url('bw.svg');
}
.flag-by {
background-image: url('by.svg');
}
.flag-bz {
background-image: url('bz.svg');
}
.flag-ca {
background-image: url('ca.svg');
}
.flag-cc {
background-image: url('cc.svg');
}
.flag-cd {
background-image: url('cd.svg');
}
.flag-cf {
background-image: url('cf.svg');
}
.flag-cg {
background-image: url('cg.svg');
}
.flag-ch {
background-image: url('ch.svg');
}
.flag-ci {
background-image: url('ci.svg');
}
.flag-ck {
background-image: url('ck.svg');
}
.flag-cl {
background-image: url('cl.svg');
}
.flag-cm {
background-image: url('cm.svg');
}
.flag-cn {
background-image: url('cn.svg');
}
.flag-co {
background-image: url('co.svg');
}
.flag-cr {
background-image: url('cr.svg');
}
.flag-cu {
background-image: url('cu.svg');
}
.flag-cv {
background-image: url('cv.svg');
}
.flag-cw {
background-image: url('cw.svg');
}
.flag-cx {
background-image: url('cx.svg');
}
.flag-cy {
background-image: url('cy.svg');
}
.flag-cz {
background-image: url('cz.svg');
}
.flag-de {
background-image: url('de.svg');
}
.flag-dj {
background-image: url('dj.svg');
}
.flag-dk {
background-image: url('dk.svg');
}
.flag-dm {
background-image: url('dm.svg');
}
.flag-do {
background-image: url('do.svg');
}
.flag-dz {
background-image: url('dz.svg');
}
.flag-ec {
background-image: url('ec.svg');
}
.flag-ee {
background-image: url('ee.svg');
}
.flag-eg {
background-image: url('eg.svg');
}
.flag-eh {
background-image: url('eh.svg');
}
.flag-er {
background-image: url('er.svg');
}
.flag-es {
background-image: url('es.svg');
}
.flag-et {
background-image: url('et.svg');
}
.flag-eu {
background-image: url('eu.svg');
}
.flag-fi {
background-image: url('fi.svg');
}
.flag-fj {
background-image: url('fj.svg');
}
.flag-fk {
background-image: url('fk.svg');
}
.flag-fm {
background-image: url('fm.svg');
}
.flag-fo {
background-image: url('fo.svg');
}
.flag-fr {
background-image: url('fr.svg');
}
.flag-ga {
background-image: url('ga.svg');
}
.flag-gb-eng {
background-image: url('gb-eng.svg');
}
.flag-gb-nir {
background-image: url('gb-nir.svg');
}
.flag-gb-sct {
background-image: url('gb-sct.svg');
}
.flag-gb-wls {
background-image: url('gb-wls.svg');
}
.flag-gb {
background-image: url('gb.svg');
}
.flag-gd {
background-image: url('gd.svg');
}
.flag-ge {
background-image: url('ge.svg');
}
.flag-gf {
background-image: url('gf.svg');
}
.flag-gg {
background-image: url('gg.svg');
}
.flag-gh {
background-image: url('gh.svg');
}
.flag-gi {
background-image: url('gi.svg');
}
.flag-gl {
background-image: url('gl.svg');
}
.flag-gm {
background-image: url('gm.svg');
}
.flag-gn {
background-image: url('gn.svg');
}
.flag-gp {
background-image: url('gp.svg');
}
.flag-gq {
background-image: url('gq.svg');
}
.flag-gr {
background-image: url('gr.svg');
}
.flag-gs {
background-image: url('gs.svg');
}
.flag-gt {
background-image: url('gt.svg');
}
.flag-gu {
background-image: url('gu.svg');
}
.flag-gw {
background-image: url('gw.svg');
}
.flag-gy {
background-image: url('gy.svg');
}
.flag-hk {
background-image: url('hk.svg');
}
.flag-hm {
background-image: url('hm.svg');
}
.flag-hn {
background-image: url('hn.svg');
}
.flag-hr {
background-image: url('hr.svg');
}
.flag-ht {
background-image: url('ht.svg');
}
.flag-hu {
background-image: url('hu.svg');
}
.flag-id {
background-image: url('id.svg');
}
.flag-ie {
background-image: url('assets-images-flags-ie.svg');
}
.flag-il {
background-image: url('il.svg');
}
.flag-im {
background-image: url('im.svg');
}
.flag-in {
background-image: url('in.svg');
}
.flag-io {
background-image: url('io.svg');
}
.flag-iq {
background-image: url('iq.svg');
}
.flag-ir {
background-image: url('ir.svg');
}
.flag-is {
background-image: url('is.svg');
}
.flag-it {
background-image: url('it.svg');
}
.flag-je {
background-image: url('je.svg');
}
.flag-jm {
background-image: url('jm.svg');
}
.flag-jo {
background-image: url('jo.svg');
}
.flag-jp {
background-image: url('jp.svg');
}
.flag-ke {
background-image: url('ke.svg');
}
.flag-kg {
background-image: url('kg.svg');
}
.flag-kh {
background-image: url('kh.svg');
}
.flag-ki {
background-image: url('ki.svg');
}
.flag-km {
background-image: url('km.svg');
}
.flag-kn {
background-image: url('kn.svg');
}
.flag-kp {
background-image: url('kp.svg');
}
.flag-kr {
background-image: url('kr.svg');
}
.flag-kw {
background-image: url('kw.svg');
}
.flag-ky {
background-image: url('ky.svg');
}
.flag-kz {
background-image: url('kz.svg');
}
.flag-la {
background-image: url('la.svg');
}
.flag-lb {
background-image: url('lb.svg');
}
.flag-lc {
background-image: url('lc.svg');
}
.flag-li {
background-image: url('li.svg');
}
.flag-lk {
background-image: url('lk.svg');
}
.flag-lr {
background-image: url('lr.svg');
}
.flag-ls {
background-image: url('ls.svg');
}
.flag-lt {
background-image: url('lt.svg');
}
.flag-lu {
background-image: url('lu.svg');
}
.flag-lv {
background-image: url('lv.svg');
}
.flag-ly {
background-image: url('ly.svg');
}
.flag-ma {
background-image: url('ma.svg');
}
.flag-mc {
background-image: url('mc.svg');
}
.flag-md {
background-image: url('md.svg');
}
.flag-me {
background-image: url('me.svg');
}
.flag-mf {
background-image: url('mf.svg');
}
.flag-mg {
background-image: url('mg.svg');
}
.flag-mh {
background-image: url('mh.svg');
}
.flag-mk {
background-image: url('mk.svg');
}
.flag-ml {
background-image: url('ml.svg');
}
.flag-mm {
background-image: url('mm.svg');
}
.flag-mn {
background-image: url('mn.svg');
}
.flag-mo {
background-image: url('mo.svg');
}
.flag-mp {
background-image: url('mp.svg');
}
.flag-mq {
background-image: url('mq.svg');
}
.flag-mr {
background-image: url('mr.svg');
}
.flag-ms {
background-image: url('ms.svg');
}
.flag-mt {
background-image: url('mt.svg');
}
.flag-mu {
background-image: url('mu.svg');
}
.flag-mv {
background-image: url('mv.svg');
}
.flag-mw {
background-image: url('mw.svg');
}
.flag-mx {
background-image: url('mx.svg');
}
.flag-my {
background-image: url('my.svg');
}
.flag-mz {
background-image: url('mz.svg');
}
.flag-na {
background-image: url('na.svg');
}
.flag-nc {
background-image: url('nc.svg');
}
.flag-ne {
background-image: url('ne.svg');
}
.flag-nf {
background-image: url('nf.svg');
}
.flag-ng {
background-image: url('ng.svg');
}
.flag-ni {
background-image: url('ni.svg');
}
.flag-nl {
background-image: url('nl.svg');
}
.flag-no {
background-image: url('no.svg');
}
.flag-np {
background-image: url('np.svg');
}
.flag-nr {
background-image: url('nr.svg');
}
.flag-nu {
background-image: url('nu.svg');
}
.flag-nz {
background-image: url('nz.svg');
}
.flag-om {
background-image: url('om.svg');
}
.flag-pa {
background-image: url('pa.svg');
}
.flag-pe {
background-image: url('pe.svg');
}
.flag-pf {
background-image: url('pf.svg');
}
.flag-pg {
background-image: url('pg.svg');
}
.flag-ph {
background-image: url('ph.svg');
}
.flag-pk {
background-image: url('pk.svg');
}
.flag-pl {
background-image: url('pl.svg');
}
.flag-pm {
background-image: url('pm.svg');
}
.flag-pn {
background-image: url('pn.svg');
}
.flag-pr {
background-image: url('pr.svg');
}
.flag-ps {
background-image: url('ps.svg');
}
.flag-pt {
background-image: url('pt.svg');
}
.flag-pw {
background-image: url('pw.svg');
}
.flag-py {
background-image: url('py.svg');
}
.flag-qa {
background-image: url('qa.svg');
}
.flag-re {
background-image: url('re.svg');
}
.flag-ro {
background-image: url('ro.svg');
}
.flag-rs {
background-image: url('rs.svg');
}
.flag-ru {
background-image: url('ru.svg');
}
.flag-rw {
background-image: url('rw.svg');
}
.flag-sa {
background-image: url('sa.svg');
}
.flag-sb {
background-image: url('sb.svg');
}
.flag-sc {
background-image: url('sc.svg');
}
.flag-sd {
background-image: url('sd.svg');
}
.flag-se {
background-image: url('se.svg');
}
.flag-sg {
background-image: url('sg.svg');
}
.flag-sh {
background-image: url('sh.svg');
}
.flag-si {
background-image: url('si.svg');
}
.flag-sj {
background-image: url('sj.svg');
}
.flag-sk {
background-image: url('sk.svg');
}
.flag-sl {
background-image: url('sl.svg');
}
.flag-sm {
background-image: url('sm.svg');
}
.flag-sn {
background-image: url('sn.svg');
}
.flag-so {
background-image: url('so.svg');
}
.flag-sr {
background-image: url('sr.svg');
}
.flag-ss {
background-image: url('ss.svg');
}
.flag-st {
background-image: url('st.svg');
}
.flag-sv {
background-image: url('sv.svg');
}
.flag-sx {
background-image: url('sx.svg');
}
.flag-sy {
background-image: url('sy.svg');
}
.flag-sz {
background-image: url('sz.svg');
}
.flag-tc {
background-image: url('tc.svg');
}
.flag-td {
background-image: url('td.svg');
}
.flag-tf {
background-image: url('tf.svg');
}
.flag-tg {
background-image: url('tg.svg');
}
.flag-th {
background-image: url('th.svg');
}
.flag-tj {
background-image: url('tj.svg');
}
.flag-tk {
background-image: url('tk.svg');
}
.flag-tl {
background-image: url('tl.svg');
}
.flag-tm {
background-image: url('tm.svg');
}
.flag-tn {
background-image: url('tn.svg');
}
.flag-to {
background-image: url('to.svg');
}
.flag-tr {
background-image: url('tr.svg');
}
.flag-tt {
background-image: url('tt.svg');
}
.flag-tv {
background-image: url('tv.svg');
}
.flag-tw {
background-image: url('tw.svg');
}
.flag-tz {
background-image: url('tz.svg');
}
.flag-ua {
background-image: url('ua.svg');
}
.flag-ug {
background-image: url('ug.svg');
}
.flag-um {
background-image: url('um.svg');
}
.flag-un {
background-image: url('un.svg');
}
.flag-us {
background-image: url('us.svg');
}
.flag-uy {
background-image: url('uy.svg');
}
.flag-uz {
background-image: url('uz.svg');
}
.flag-va {
background-image: url('va.svg');
}
.flag-vc {
background-image: url('vc.svg');
}
.flag-ve {
background-image: url('ve.svg');
}
.flag-vg {
background-image: url('vg.svg');
}
.flag-vi {
background-image: url('vi.svg');
}
.flag-vn {
background-image: url('vn.svg');
}
.flag-vu {
background-image: url('vu.svg');
}
.flag-wf {
background-image: url('wf.svg');
}
.flag-ws {
background-image: url('ws.svg');
}
.flag-ye {
background-image: url('ye.svg');
}
.flag-yt {
background-image: url('yt.svg');
}
.flag-za {
background-image: url('za.svg');
}
.flag-zm {
background-image: url('zm.svg');
}
.flag-zw {
background-image: url('zw.svg');
}
.payment {
width: 2.5rem;
height: 1.5rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.payment-2checkout-dark {
background-image: url('2checkout-dark.svg');
}
.payment-2checkout {
background-image: url('2checkout.svg');
}
.payment-alipay-dark {
background-image: url('alipay-dark.svg');
}
.payment-alipay {
background-image: url('alipay.svg');
}
.payment-amazon-dark {
background-image: url('amazon-dark.svg');
}
.payment-amazon {
background-image: url('amazon.svg');
}
.payment-americanexpress-dark {
background-image: url('americanexpress-dark.svg');
}
.payment-americanexpress {
background-image: url('americanexpress.svg');
}
.payment-applepay-dark {
background-image: url('applepay-dark.svg');
}
.payment-applepay {
background-image: url('applepay.svg');
}
.payment-bancontact-dark {
background-image: url('bancontact-dark.svg');
}
.payment-bancontact {
background-image: url('bancontact.svg');
}
.payment-bitcoin-dark {
background-image: url('bitcoin-dark.svg');
}
.payment-bitcoin {
background-image: url('bitcoin.svg');
}
.payment-bitpay-dark {
background-image: url('bitpay-dark.svg');
}
.payment-bitpay {
background-image: url('bitpay.svg');
}
.payment-cirrus-dark {
background-image: url('cirrus-dark.svg');
}
.payment-cirrus {
background-image: url('cirrus.svg');
}
.payment-clickandbuy-dark {
background-image: url('clickandbuy-dark.svg');
}
.payment-clickandbuy {
background-image: url('clickandbuy.svg');
}
.payment-coinkite-dark {
background-image: url('coinkite-dark.svg');
}
.payment-coinkite {
background-image: url('coinkite.svg');
}
.payment-dinersclub-dark {
background-image: url('dinersclub-dark.svg');
}
.payment-dinersclub {
background-image: url('dinersclub.svg');
}
.payment-directdebit-dark {
background-image: url('directdebit-dark.svg');
}
.payment-directdebit {
background-image: url('directdebit.svg');
}
.payment-discover-dark {
background-image: url('discover-dark.svg');
}
.payment-discover {
background-image: url('discover.svg');
}
.payment-dwolla-dark {
background-image: url('dwolla-dark.svg');
}
.payment-dwolla {
background-image: url('dwolla.svg');
}
.payment-ebay-dark {
background-image: url('ebay-dark.svg');
}
.payment-ebay {
background-image: url('ebay.svg');
}
.payment-eway-dark {
background-image: url('eway-dark.svg');
}
.payment-eway {
background-image: url('eway.svg');
}
.payment-giropay-dark {
background-image: url('giropay-dark.svg');
}
.payment-giropay {
background-image: url('giropay.svg');
}
.payment-googlewallet-dark {
background-image: url('googlewallet-dark.svg');
}
.payment-googlewallet {
background-image: url('googlewallet.svg');
}
.payment-ingenico-dark {
background-image: url('ingenico-dark.svg');
}
.payment-ingenico {
background-image: url('ingenico.svg');
}
.payment-jcb-dark {
background-image: url('jcb-dark.svg');
}
.payment-jcb {
background-image: url('jcb.svg');
}
.payment-klarna-dark {
background-image: url('klarna-dark.svg');
}
.payment-klarna {
background-image: url('klarna.svg');
}
.payment-laser-dark {
background-image: url('laser-dark.svg');
}
.payment-laser {
background-image: url('laser.svg');
}
.payment-maestro-dark {
background-image: url('maestro-dark.svg');
}
.payment-maestro {
background-image: url('maestro.svg');
}
.payment-mastercard-dark {
background-image: url('mastercard-dark.svg');
}
.payment-mastercard {
background-image: url('mastercard.svg');
}
.payment-monero-dark {
background-image: url('monero-dark.svg');
}
.payment-monero {
background-image: url('monero.svg');
}
.payment-neteller-dark {
background-image: url('neteller-dark.svg');
}
.payment-neteller {
background-image: url('neteller.svg');
}
.payment-ogone-dark {
background-image: url('ogone-dark.svg');
}
.payment-ogone {
background-image: url('ogone.svg');
}
.payment-okpay-dark {
background-image: url('okpay-dark.svg');
}
.payment-okpay {
background-image: url('okpay.svg');
}
.payment-paybox-dark {
background-image: url('paybox-dark.svg');
}
.payment-paybox {
background-image: url('paybox.svg');
}
.payment-paymill-dark {
background-image: url('paymill-dark.svg');
}
.payment-paymill {
background-image: url('paymill.svg');
}
.payment-payone-dark {
background-image: url('payone-dark.svg');
}
.payment-payone {
background-image: url('payone.svg');
}
.payment-payoneer-dark {
background-image: url('payoneer-dark.svg');
}
.payment-payoneer {
background-image: url('payoneer.svg');
}
.payment-paypal-dark {
background-image: url('paypal-dark.svg');
}
.payment-paypal {
background-image: url('paypal.svg');
}
.payment-paysafecard-dark {
background-image: url('paysafecard-dark.svg');
}
.payment-paysafecard {
background-image: url('paysafecard.svg');
}
.payment-payu-dark {
background-image: url('payu-dark.svg');
}
.payment-payu {
background-image: url('payu.svg');
}
.payment-payza-dark {
background-image: url('payza-dark.svg');
}
.payment-payza {
background-image: url('payza.svg');
}
.payment-ripple-dark {
background-image: url('ripple-dark.svg');
}
.payment-ripple {
background-image: url('ripple.svg');
}
.payment-sage-dark {
background-image: url('sage-dark.svg');
}
.payment-sage {
background-image: url('sage.svg');
}
.payment-sepa-dark {
background-image: url('sepa-dark.svg');
}
.payment-sepa {
background-image: url('sepa.svg');
}
.payment-shopify-dark {
background-image: url('shopify-dark.svg');
}
.payment-shopify {
background-image: url('shopify.svg');
}
.payment-skrill-dark {
background-image: url('skrill-dark.svg');
}
.payment-skrill {
background-image: url('skrill.svg');
}
.payment-solo-dark {
background-image: url('solo-dark.svg');
}
.payment-solo {
background-image: url('solo.svg');
}
.payment-square-dark {
background-image: url('square-dark.svg');
}
.payment-square {
background-image: url('square.svg');
}
.payment-stripe-dark {
background-image: url('stripe-dark.svg');
}
.payment-stripe {
background-image: url('stripe.svg');
}
.payment-switch-dark {
background-image: url('switch-dark.svg');
}
.payment-switch {
background-image: url('switch.svg');
}
.payment-ukash-dark {
background-image: url('ukash-dark.svg');
}
.payment-ukash {
background-image: url('ukash.svg');
}
.payment-unionpay-dark {
background-image: url('unionpay-dark.svg');
}
.payment-unionpay {
background-image: url('unionpay.svg');
}
.payment-verifone-dark {
background-image: url('verifone-dark.svg');
}
.payment-verifone {
background-image: url('verifone.svg');
}
.payment-verisign-dark {
background-image: url('verisign-dark.svg');
}
.payment-verisign {
background-image: url('verisign.svg');
}
.payment-visa-dark {
background-image: url('visa-dark.svg');
}
.payment-visa {
background-image: url('visa.svg');
}
.payment-webmoney-dark {
background-image: url('webmoney-dark.svg');
}
.payment-webmoney {
background-image: url('webmoney.svg');
}
.payment-westernunion-dark {
background-image: url('westernunion-dark.svg');
}
.payment-westernunion {
background-image: url('westernunion.svg');
}
.payment-worldpay-dark {
background-image: url('worldpay-dark.svg');
}
.payment-worldpay {
background-image: url('worldpay.svg');
}
svg {
touch-action: none;
}
/**
Dimmer
*/
.dimmer {
position: relative;
}
.dimmer .loader {
display: none;
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.dimmer.active .loader {
display: block;
}
.dimmer.active .dimmer-content {
opacity: 0.04;
pointer-events: none;
}
/*-------- Loaders ---------*/
/*Spineer3*/
.spinner3 {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
animation: sk-rotate 2s infinite linear;
}
.dot1,
.dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
border-radius: 100%;
animation: sk-bounce 2s infinite ease-in-out;
}
.dot1 {
background: -webkit-gradient(linear, left top, right top, from(#4454c3), to(#4454c3));
}
.dot2 {
background: -webkit-gradient(linear, left top, right top, from(#4454c3), to(#4454c3));
top: auto;
bottom: 0;
animation-delay: -1s;
}
@keyframes sk-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
/*End of Spineer3*/
/*Spineer4*/
.spinner4 {
margin: 100px auto;
width: 70px;
text-align: center;
}
.spinner4 > div {
width: 18px;
height: 18px;
background: -webkit-gradient(linear, left top, right top, from(#4454c3), to(#4454c3));
border-radius: 100%;
display: inline-block;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner4 .bounce1 {
animation-delay: -0.32s;
}
.spinner4 .bounce2 {
animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/*End of Spineer4*/
/*Sk circle*/
.sk-circle {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child:before {
content: "";
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background: -webkit-gradient(linear, left top, right top, from(#4454c3), to(#4454c3));
border-radius: 100%;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
transform: rotate(330deg);
}
.sk-circle .sk-circle2:before {
animation-delay: -1.1s;
}
.sk-circle .sk-circle3:before {
animation-delay: -1s;
}
.sk-circle .sk-circle4:before {
animation-delay: -0.9s;
}
.sk-circle .sk-circle5:before {
animation-delay: -0.8s;
}
.sk-circle .sk-circle6:before {
animation-delay: -0.7s;
}
.sk-circle .sk-circle7:before {
animation-delay: -0.6s;
}
.sk-circle .sk-circle8:before {
animation-delay: -0.5s;
}
.sk-circle .sk-circle9:before {
animation-delay: -0.4s;
}
.sk-circle .sk-circle10:before {
animation-delay: -0.3s;
}
.sk-circle .sk-circle11:before {
animation-delay: -0.2s;
}
.sk-circle .sk-circle12:before {
animation-delay: -0.1s;
}
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/*End of Sk circle*/
/*Sk cube*/
.sk-cube-grid {
width: 40px;
height: 40px;
margin: 100px auto;
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background: #4454c3;
float: left;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
animation-delay: 0.2s;
}
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
transform: scale3D(1, 1, 1);
}
35% {
transform: scale3D(0, 0, 1);
}
}
/*End of Sk Cube*/
/*sk-folding-cube*/
.sk-folding-cube {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #4454c3;
animation: sk-foldCubeAngle 2.4s infinite linear both;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
animation-delay: 0.9s;
}
@keyframes sk-foldCubeAngle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
/*End of sk-folding-cube*/
/*Spiiner5*/
.spinner5 {
margin: 100px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.spinner5 > div {
background: -webkit-gradient(linear, left top, right top, from(#4454c3), to(#4454c3));
height: 100%;
width: 6px;
display: inline-block;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner5 .rect2 {
animation-delay: -1.1s;
}
.spinner5 .rect3 {
animation-delay: -1s;
}
.spinner5 .rect4 {
animation-delay: -0.9s;
}
.spinner5 .rect5 {
animation-delay: -0.8s;
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
}
/*End of Spiiner5*/
.spinner {
width: 40px;
height: 40px;
background: #4454c3;
margin: 100px auto;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}
.spinner-lg {
width: 100px;
height: 100px;
background-color: #4454c3;
margin: 100px auto;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.spinner1 {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
}
.spinner1-lg {
width: 100px;
height: 100px;
position: relative;
margin: 100px auto;
}
.double-bounce1 {
width: 100%;
height: 100%;
border-radius: 50%;
background: #4454c3;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background: #4454c3;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-bounce 2s infinite ease-in-out;
animation-delay: -1s;
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
.spinner2 {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
}
.cube1 {
background-color: #4454c3;
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0;
animation: sk-cubemove 1.8s infinite ease-in-out;
}
.cube2 {
background-color: #4454c3;
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0;
animation: sk-cubemove 1.8s infinite ease-in-out;
animation-delay: -0.9s;
}
@keyframes sk-cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.lds-heart {
position: relative;
width: 64px;
height: 64px;
transform: rotate(45deg);
transform-origin: 32px 32px;
margin: 100px auto;
}
.lds-heart div {
top: 23px;
left: 19px;
position: absolute;
width: 26px;
height: 26px;
background: #4454c3;
animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after {
content: " ";
position: absolute;
display: block;
width: 26px;
height: 26px;
background: #4454c3;
top: -17px;
border-radius: 50% 50% 0 0;
}
.lds-heart div:before {
content: " ";
position: absolute;
display: block;
width: 26px;
height: 26px;
background: #4454c3;
left: -17px;
border-radius: 50% 0 0 50%;
}
@keyframes lds-heart {
0% {
transform: scale(0.95);
}
5% {
transform: scale(1.1);
}
39% {
transform: scale(0.85);
}
45% {
transform: scale(1);
}
60% {
transform: scale(0.95);
}
100% {
transform: scale(0.9);
}
}
.lds-ring {
position: relative;
width: 64px;
height: 64px;
margin: 100px auto;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border: 6px solid #4454c3;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #4454c3 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.lds-hourglass {
position: relative;
width: 40px;
height: 40px;
margin: 100px auto;
}
.lds-hourglass:after {
content: " ";
display: block;
border-radius: 50%;
width: 0;
height: 0;
margin: 6px;
box-sizing: border-box;
border: 26px solid #4454c3;
border-color: #4454c3 transparent;
animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
0% {
transform: rotate(0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
50% {
transform: rotate(900deg);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
100% {
transform: rotate(1800deg);
}
}
/*------ Tables -----*/
.table,
.text-wrap table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
}
.table th {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #eff0f6;
}
.text-wrap table th,
.text-wrap table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #eff0f6;
}
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 0;
}
.border {
vertical-align: top;
border: 1px solid #eff0f6;
}
.table tbody + tbody,
.text-wrap table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.table .table,
.text-wrap table .table,
.table .text-wrap table {
background-color: #f4f5fb;
}
.text-wrap .table table,
.text-wrap table table {
background-color: #f4f5fb;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered,
.text-wrap table,
.table-bordered th,
.text-wrap table th,
.table-bordered td,
.text-wrap table td {
border: 1px solid #eff0f6;
}
.table-bordered thead th,
.text-wrap table thead th,
.table-bordered thead td,
.text-wrap table 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),
.table-primary {
background-color: #d5cee6;
border-radius: 0 0 5px 5px;
}
.table-striped tbody tr:nth-of-type(odd) > th,
.table-striped tbody tr:nth-of-type(odd) > td,
.table-primary > th,
.table-primary > td {
background-color: #d5cee6;
}
.table-primary.table-vcenter th,
.table-primary.table-vcenter td {
border-color: rgba(68, 84, 195, 0.17) !important;
}
.table-hover .table-primary:hover {
background-color: #f4f5fb;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #b7cded;
}
.table-secondary {
background-color: #f72d66;
border-radius: 0 0 5px 5px;
}
.table-secondary > th,
.table-secondary > td {
background-color: #f72d66;
}
.table-hover .table-secondary:hover {
background-color: #cfd2d6;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #f72d66;
}
.table-success {
background-color: #d2ecb8;
border-radius: 0 0 5px 5px;
}
.table-success > th,
.table-success > td {
background-color: #d2ecb8;
}
.table-hover .table-success:hover {
background-color: #c5e7a4;
border-radius: 0 0 5px 5px;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #c5e7a4;
}
.table-info {
background-color: #cbe7fb;
border-radius: 0 0 5px 5px;
}
.table-info > th,
.table-info > td {
background-color: #cbe7fb;
}
.table-hover .table-info:hover {
background-color: #b3dcf9;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #b3dcf9;
}
.table-warning {
background-color: #fbeebc;
border-radius: 0 0 5px 5px;
}
.table-warning > th,
.table-warning > td {
background-color: #fbeebc;
}
.table-warning.table-vcenter th,
.table-warning.table-vcenter td {
border-color: rgba(236, 180, 3, 0.17) !important;
}
.table-hover .table-warning:hover {
background-color: #fae8a4;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #fae8a4;
}
.table-danger {
background-color: #f1c1c0;
border-radius: 0 0 5px 5px;
}
.table-danger > th,
.table-danger > td {
background-color: #f1c1c0;
}
.table-hover .table-danger:hover {
background-color: #ecacab;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #ecacab;
}
.table-light {
background-color: #fdfdfe;
border-radius: 0 0 5px 5px;
}
.table-light > th,
.table-light > td {
background-color: #fdfdfe;
}
.table-hover .table-light:hover {
background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6;
}
.table-hover .table-dark:hover {
background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe;
}
.table-active {
background-color: rgba(0, 0, 0, 0.04);
}
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.04);
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.04);
}
.table .thead-dark th,
.text-wrap table .thead-dark th {
color: #f4f5fb;
background-color: #212529;
border-color: #32383e;
}
.table .thead-light th,
.text-wrap table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6;
}
.table-dark {
color: #f4f5fb;
background-color: #212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #32383e;
}
.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 {
background-color: rgba(255, 255, 255, 0.075);
}
.text-wrap table.table-dark {
border: 0;
}
.table-dark {
background-color: #c6c8ca;
border-radius: 0 0 5px 5px;
}
.table-dark > th,
.table-dark > td {
background-color: #c6c8ca;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-sm > .table-bordered {
border: 0;
}
.text-wrap .table-responsive-sm > table {
border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-md > .table-bordered {
border: 0;
}
.text-wrap .table-responsive-md > table {
border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
.text-wrap .table-responsive-lg > table {
border: 0;
}
}
@media (max-width: 1279.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
.text-wrap .table-responsive-xl > table {
border: 0;
}
}
.table-responsive {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered {
border: 0;
}
.text-wrap .table-responsive > table {
border: 0;
}
.table thead th,
.text-wrap table thead th {
vertical-align: middle;
border-bottom: 1px solid #eff0f6;
border-top: 0;
border-bottom-width: 1px;
padding-top: 1rem;
padding-bottom: 1rem;
background: white;
}
.table th,
.text-wrap table th {
color: #384b6e;
font-size: 0.875rem;
font-weight: 400;
}
.table-md th,
.table-md td {
padding: 0.5rem;
}
.table-vcenter td,
.table-vcenter th {
vertical-align: middle;
border-top: 5px solid #f9f9ff;
}
.table-center td,
.table-center th {
text-align: center;
}
.table tbody {
background: white;
}
.table-striped tbody tr:nth-of-type(odd) {
background: transparent;
}
.table-striped tbody tr:nth-of-type(even) {
background-color: #f4f5fb;
}
.table-calendar {
margin: 0 0 0.75rem;
}
.table-calendar td,
.table-calendar th {
border: 0;
text-align: center;
padding: 0 !important;
width: 14.28571429%;
line-height: 2.5rem;
}
.table-calendar td {
border-top: 0;
}
.table-calendar-link {
line-height: 2rem;
min-width: calc(2rem + 2px);
display: inline-block;
border-radius: 3px;
background: #f8f9fa;
color: #495057;
font-weight: 600;
transition: 0.3s background, 0.3s color;
position: relative;
}
.table-calendar-link:before {
content: "";
width: 4px;
height: 4px;
position: absolute;
left: 0.25rem;
top: 0.25rem;
border-radius: 50px;
background: #467fcf;
}
.table-calendar-link:hover {
color: #fff;
text-decoration: none;
background: #467fcf;
transition: 0.3s background;
}
.table-calendar-link:hover:before {
background: #fff;
}
.table-header {
cursor: pointer;
transition: 0.3s color;
}
.table-header:hover {
color: #495057 !important;
}
.table-header:after {
content: "\f0dc";
font-family: FontAwesome;
display: inline-block;
margin-left: 0.5rem;
font-size: 0.75rem;
}
.table-header-asc {
color: #495057 !important;
}
.table-header-asc:after {
content: "\f0de";
}
.table-header-desc {
color: #495057 !important;
}
.table-header-desc:after {
content: "\f0dd";
}
.data-status {
padding: 3px 5px;
border-radius: 5px;
font-size: 13px;
}
.PROGRESS {
background: #ff663c;
color: #ffffff;
}
.ACCEPTED {
background: #34c667;
color: #ffffff;
}
.DELIVERED {
background: #42bf6e;
color: #ffffff;
}
.VALIDATE {
background: #2582d4;
color: #ffffff;
}
.WAITING {
background: #5bc0de;
color: #ffffff;
}
.CONTACTED {
background: #fdc700;
color: #ffffff;
}
.REJECT {
background-color: #e9140d;
color: #ffffff;
}
.REJECTED {
background-color: #e9140d;
color: #ffffff;
}
.ENCLOSE {
background-color: #495057;
color: #ffffff;
}
.CANCEL {
background-color: #0e0100;
color: #ffffff;
}
.EXPIRED {
background-color: #3a3b3d;
color: #ffffff;
}
.hidden {
display: none !important;
}
.open-list {
display: none !important;
}
.close-list {
display: inline-flex;
}
.jvectormap-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
touch-action: none;
}
.jvectormap-tip {
position: absolute;
display: none;
border-radius: 3px;
background: #212529;
color: white;
padding: 6px;
font-size: 11px;
line-height: 1;
font-weight: 700;
}
.jvectormap-tip small {
font-size: inherit;
font-weight: 400;
}
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
position: absolute;
left: 10px;
border-radius: 3px;
background: #292929;
padding: 3px;
color: white;
cursor: pointer;
line-height: 10px;
text-align: center;
box-sizing: content-box;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
width: 10px;
height: 10px;
}
.jvectormap-zoomin {
top: 10px;
}
.jvectormap-zoomout {
top: 30px;
}
.jvectormap-goback {
bottom: 10px;
z-index: 1000;
padding: 6px;
}
.jvectormap-spinner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}
.jvectormap-legend-title {
font-weight: bold;
font-size: 14px;
text-align: center;
}
.jvectormap-legend-cnt {
position: absolute;
}
.jvectormap-legend-cnt-v {
top: 0;
right: 0;
}
.jvectormap-legend {
background: black;
color: white;
border-radius: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend {
float: left;
margin: 0 10px 10px 0;
padding: 3px 3px 1px 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
float: left;
}
.jvectormap-legend-cnt-v .jvectormap-legend {
margin: 10px 10px 0 0;
padding: 3px;
}
.jvectormap-legend-cnt-h {
bottom: 0;
right: 0;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
width: 40px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
height: 15px;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
height: 20px;
width: 20px;
display: inline-block;
vertical-align: middle;
}
.jvectormap-legend-tick-text {
font-size: 12px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
text-align: center;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
display: inline-block;
vertical-align: middle;
line-height: 20px;
padding-left: 3px;
}
/**widgets*/
.widgets {
font-size: 35px;
padding: 20px;
}
.widgetstext {
top: 0;
bottom: 0;
padding: 20px 40px;
}
.widget-line h4 {
font-size: 24px;
font-weight: 600;
}
.fs {
font-size: 25px;
}
.widget-line p {
font-size: 16px;
}
.widget-line-list li {
display: inline-block;
font-size: 16px;
line-height: 27px;
padding: 5px 20px 0 15px;
list-style-type: none;
}
/*----Profile----*/
.media {
display: flex;
align-items: flex-start;
}
.mediaicon {
font-size: 18px;
border: 1px solid #4454c3;
background: #4454c3;
color: #fff;
width: 40px;
height: 40px;
text-align: center;
padding: 5px 0px;
border-radius: 20px;
}
.media-body {
flex: 1;
}
.mediafont {
font-size: 16px;
font-weight: 600;
}
/*-----Icon input-----*/
.defaultheader .input-icon-addon,
.defaultheader .form-control.header-search::placeholder {
color: #fff !important;
}
.input-icon {
position: relative;
}
.input-icon .form-control:not(:last-child), .input-icon .form-control:not(:first-child) {
padding-left: 2.5rem;
}
.input-icon-addon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
pointer-events: none;
z-index: 1;
}
.input-icon-addon:last-child {
left: auto;
}
.form-fieldset {
background: #f8f9fa;
border: 1px solid #e9ecef;
padding: 1rem;
border-radius: 3px;
margin-bottom: 1rem;
}
.form-required {
color: #dc0441;
}
.form-required:before {
content: " ";
}
.state-valid {
padding-right: 2rem;
background: url("data:image/svg+xml;charset=utf8,") no-repeat center right 0.5rem/1rem;
}
.state-invalid {
padding-right: 2rem;
background: url("data:image/svg+xml;charset=utf8,") no-repeat center right 0.5rem/1rem;
}
.form-help {
display: inline-block;
width: 1rem;
height: 1rem;
text-align: center;
line-height: 1rem;
color: #9aa0ac;
background: #f8f9fa;
border-radius: 50%;
font-size: 0.75rem;
transition: 0.3s background-color, 0.3s color;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.form-help:hover, .form-help[aria-describedby] {
background: #467fcf;
color: #fff;
}
.sparkline {
display: inline-block;
height: 2rem;
}
.social-links li a {
background: #f8f8f8;
border-radius: 50%;
color: #9aa0ac;
display: inline-block;
height: 1.75rem;
width: 1.75rem;
line-height: 1.75rem;
text-align: center;
}
.vmap-width {
height: 240px;
}
.map,
.chart {
position: relative;
padding-top: 56.25%;
}
.map-square,
.chart-square {
padding-top: 100%;
}
.map-content,
.chart-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.map-header {
margin-bottom: 1.5rem;
height: 15rem;
position: relative;
margin-bottom: -1.5rem;
}
.map-header:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 10rem;
background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #f4f5fb 95%);
pointer-events: none;
}
.map-header-layer {
height: 100%;
}
.map-static {
height: 120px;
width: 100%;
max-width: 640px;
background-position: center center;
background-size: 640px 120px;
}
@keyframes status-pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.32;
}
}
.status-icon {
content: "";
width: 0.5rem;
height: 0.5rem;
display: inline-block;
background: currentColor;
border-radius: 50%;
transform: translateY(-1px);
margin-right: 0.375rem;
vertical-align: middle;
}
.status-animated {
animation: 1s status-pulse infinite ease;
}
.chart-circle {
display: block;
height: 8rem;
width: 8rem;
position: relative;
margin: 0 auto;
}
.chart-circle canvas {
margin: 0 auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.chart-circle-xs {
height: 2.5rem;
width: 2.5rem;
font-size: 0.8rem;
}
.chart-circle-sm {
height: 4rem;
width: 4rem;
font-size: 0.8rem;
}
.chart-circle-md {
height: 6rem;
width: 6rem;
font-size: 0.8rem;
}
.chart-circle-lg {
height: 10rem;
width: 10rem;
font-size: 0.8rem;
}
.chart-circle-value {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
line-height: 1;
}
.chart-circle-value small {
display: block;
color: #9aa0ac;
font-size: 0.9375rem;
}
.chips {
margin: 0 0 -0.5rem;
}
.team i {
margin-left: 10px;
float: right;
}
.chips .chip {
margin: 0 0.5rem 0.5rem 0;
}
.chip {
display: inline-block;
height: 2rem;
line-height: 2rem;
font-size: 0.875rem;
font-weight: 500;
color: #6e7687;
padding: 0 0.75rem;
border-radius: 1rem;
background-color: #e8ebf9;
transition: 0.3s background;
}
.chip .avatar {
float: left;
margin: 0 0.5rem 0 -0.75rem;
height: 2rem;
width: 2rem;
border-radius: 50%;
}
a.chip:hover {
color: #fff;
text-decoration: none;
background-color: #4454c3;
}
.emp-tab table {
margin-bottom: 0;
border: 0;
}
.stamp {
color: #fff;
background: #868e96;
display: inline-block;
min-width: 2rem;
height: 2rem;
padding: 0 0.25rem;
line-height: 2rem;
text-align: center;
border-radius: 3px;
font-weight: 600;
}
.stamp-md {
min-width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
}
.stamp-lg {
min-width: 3rem;
height: 3rem;
line-height: 3rem;
}
.chat {
outline: 0;
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 100%;
}
.chat-line {
padding: 0;
text-align: right;
position: relative;
display: flex;
flex-direction: row-reverse;
}
.chat-line + .chat-line {
padding-top: 1rem;
}
.chat-message {
position: relative;
display: inline-block;
background-color: #467fcf;
color: #fff;
font-size: 0.875rem;
padding: 0.375rem 0.5rem;
border-radius: 3px;
white-space: normal;
text-align: left;
margin: 0 0.5rem 0 2.5rem;
line-height: 1.4;
}
.chat-message > :last-child {
margin-bottom: 0 !important;
}
.chat-message:after {
content: "";
position: absolute;
right: -5px;
top: 7px;
border-bottom: 6px solid transparent;
border-left: 6px solid #467fcf;
border-top: 6px solid transparent;
}
.chat-message img {
max-width: 100%;
}
.chat-message p {
margin-bottom: 1em;
}
.chat-line-friend {
flex-direction: row;
}
.chat-line-friend + .chat-line-friend {
margin-top: -0.5rem;
}
.chat-line-friend + .chat-line-friend .chat-author {
visibility: hidden;
}
.chat-line-friend + .chat-line-friend .chat-message:after {
display: none;
}
.chat-line-friend .chat-message {
background-color: #f3f3f3;
color: #495057;
margin-left: 0.5rem;
margin-right: 2.5rem;
}
.chat-line-friend .chat-message:after {
right: auto;
left: -5px;
border-left-width: 0;
border-right: 5px solid #f3f3f3;
}
.example {
padding: 1.5rem;
border: 1px solid #eff0f6;
border-radius: 3px 3px 0 0;
font-size: 0.9375rem;
}
.example-bg {
background: #f4f5fb;
}
.example + .highlight {
border-top: none;
margin-top: 0;
border-radius: 0 0 3px 3px;
}
.highlight {
margin: 0rem 0 2rem;
border: 1px solid #d3dfea;
border-radius: 3px;
font-size: 0.9375rem;
max-height: 40rem;
background: #fcfcfc;
}
.highlight pre {
margin-bottom: 0;
background-color: #f3f4f7;
}
.example-column {
margin: 0 auto;
}
.example-column > .card:last-of-type {
margin-bottom: 0;
}
.example-column-1 {
max-width: 20rem;
}
.example-column-2 {
max-width: 40rem;
}
/***** time-line*****/
.timeline__item:after {
background: #fff !important;
}
.timeline--horizontal .timeline-divider {
background: #f4f5fb !important;
}
.timeline__content {
background-color: #fff;
border-radius: 10px;
display: block;
padding: 1.25rem;
position: relative;
}
/*-----Back to Top-----*/
#back-to-top {
background: #4454c3;
color: #fff;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
display: none;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 2px;
height: 50px;
width: 50px;
line-height: 50px;
background-repeat: no-repeat;
background-position: center;
transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-webkit-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
}
#back-to-top i {
padding-top: 15px;
font-size: 16px;
}
#back-to-top:hover {
background: #fff;
color: #4454c3;
border: 2px solid #4454c3;
}
.tabs-menu ul li a {
padding: 10px 20px 11px 20px;
display: block;
}
.tabs-menu ul li .active {
background: #4454c3;
color: #fff !important;
border-radius: 25px;
}
.tabs-menu1 ul li {
border-bottom: 3px solid #ff663c;
}
.tabs-menu1 ul li a {
padding: 10px 20px 11px 20px;
display: flex;
justify-content: center;
}
.tabs-menu1 ul li a.active {
font-size: 16px !important;
color: #012a48 !important;
}
.tabs-menu1 ul li a.active span {
position: absolute;
height: 12px;
width: 12px;
margin-top: 35px;
border-bottom: solid 8px #ff663c;
border-left: solid 8px transparent;
border-right: solid 8px transparent;
}
.tabs-menu1 ul li a:hover {
color: #012a48 !important;
}
.tabs-menu-body {
border: 1px solid #eff0f6;
border-radius: 0 8px 8px 8px;
}
.tabs-menu-body p:last-child {
margin-bottom: 0;
}
.tab-menu-heading {
padding: 20px;
border: 1px solid #eff0f6;
border-bottom: 0;
border-radius: 5px 5px 0 0;
}
.tab_wrapper .content_wrapper .tab_content.active p:last-child {
margin-bottom: 0;
}
.item-card .cardbody {
position: relative;
padding: 30px 15px;
border-radius: 0 0 0.2rem 0.2rem;
}
.item-card .cardtitle span {
display: block;
font-size: 0.75rem;
}
.item-card .cardtitle a {
color: #8e9cad;
font-weight: 500;
text-decoration: none;
}
.item-card .cardprice {
position: absolute;
top: 20px;
right: 0;
}
.item-card .cardprice span {
display: block;
font-size: 18px;
font-weight: 500;
}
.item-card .cardprice span.type--strikethrough {
opacity: 0.5;
text-decoration: line-through;
font-size: 14px;
font-weight: 400;
}
.features {
overflow: hidden;
}
.features h2 {
font-weight: 600;
margin-bottom: 12px;
text-align: center;
font-size: 2.2em;
}
.features h3 {
font-size: 20px;
font-weight: 600;
}
.features span {
color: #43414e;
display: block;
font-weight: 400;
text-align: center;
}
.col-sm-2 .feature {
padding: 0;
border: 0px;
box-shadow: none;
}
.feature .feature-svg {
width: 25%;
}
.feature .feature-svg3 {
width: 12%;
}
.feature .border {
position: relative;
display: inline-block;
width: 3em;
height: 3em;
line-height: 2em;
vertical-align: middle;
padding-top: 8px;
border-radius: 50%;
color: #fff;
}
.feature p {
margin-bottom: 0;
}
.sub-panel-heading .tabs-menu ul li {
display: block;
width: 100%;
border-bottom: 1px solid #efefef;
}
.sub-panel-heading .tabs-menu ul li a.active {
background: #fff;
border-radius: 0;
width: 100%;
color: #4454c3 !important;
}
.sub-panel-heading .tabs-menu ul li:last-child {
border-bottom: 0;
}
.sub-panel-heading .tabs-menu ul li a {
padding: 15px 20px;
}
.invoicelist,
.invoicedetailspage {
max-height: 600px;
height: 600px;
overflow: auto;
}
@media (min-width: 992px) {
.invoicedetailspage.tabs-menu-body {
border-radius: 0 8px 8px 0;
}
}
@media (min-width: 1600px) {
.sales-img {
width: 400px;
}
}
@media (min-width: 1800px) {
.vmap-width {
height: 300px;
}
.countryscroll {
height: 350px;
}
.horizontalMenucontainer .vmap-width {
height: 240px;
}
.horizontalMenucontainer .countryscroll {
height: 290px;
}
.sales-img {
width: 400px;
}
}
/* ###### forms ####### */
/*----- Custom control -----*/
.card-custom-icon {
position: absolute;
right: 25px;
top: 15px;
color: #e5e9f2;
width: 60px;
height: 60px;
}
.timeline__item:after {
border: 6px solid #4454c3;
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
-webkit-user-select: none;
user-select: none;
}
.custom-control-inline {
display: inline-flex;
margin-right: 1rem;
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
background-color: #4454c3;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.custom-control-input:active ~ .custom-control-label::before {
color: #fff;
background-color: #d4e1f4;
}
.custom-control-input:disabled ~ .custom-control-label {
color: #868e96;
}
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef;
}
.custom-control-label {
margin-bottom: 0;
display: block;
margin-top: 2px;
line-height: 25px;
vertical-align: middle;
}
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
user-select: none;
border: 1px solid #d3dfea;
background-color: #fff;
background-size: 0.5rem;
}
.custom-control-label::after {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.custom-control-label-md {
padding-left: 15px;
padding-top: 6px;
}
.custom-control-label-md::before, .custom-control-label-md::after {
top: 0.25rem !important;
width: 1.5rem !important;
height: 1.5rem !important;
}
.custom-control-md {
min-height: 2rem !important;
}
.custom-control-lg {
min-height: 2.5rem;
}
.custom-control-label-lg {
padding-left: 15px;
padding-top: 10px;
}
.custom-control-label-lg::before, .custom-control-label-lg::after {
top: 0.25rem !important;
width: 2rem !important;
height: 2rem !important;
}
.custom-checkbox .custom-control-label::before {
border-radius: 3px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #4454c3;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
background-color: #4454c3;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: #4454c3;
opacity: 0.5;
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(70, 127, 207, 0.5);
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color: #4454c3;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: #4454c3;
opacity: 0.5;
}
.form-select {
display: inline-block;
width: 100%;
height: 2.375rem;
padding: 0.5rem 0.75rem 0.5rem 0.75rem;
line-height: 1.5;
color: #6b6f80;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
background-size: 8px 10px;
border: 1px solid #eff0f6;
border-radius: 3px;
-webkit-appearance: none;
appearance: none;
}
.form-select:focus {
border-color: #4454c3;
outline: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(25, 145, 235, 0.5);
}
.form-select:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none;
}
.form-select:disabled {
color: #868e96;
background-color: #e9ecef;
}
.form-select::-ms-expand {
opacity: 0;
}
.form-select-sm {
height: calc(1.8125rem + 2px) !important;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 90% !important;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
height: calc(1.8125rem + 2px);
}
.form-select-lg {
height: calc(2.6875rem + 2px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 125%;
}
.form-file {
position: relative;
display: inline-block;
width: 100%;
height: 2.375rem;
margin-bottom: 0;
}
.form-file-input {
position: relative;
z-index: 2;
width: 100%;
height: 2.375rem;
margin: 0;
opacity: 0;
}
.form-file-input:focus ~ .form-file-label {
border-color: #1991eb;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.form-file-input:focus ~ .form-file-label::after {
border-color: #1991eb;
}
.form-file-input:lang(en) ~ .form-file-label::after {
content: "Browse";
}
.form-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: 2.375rem;
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #d3dfea;
border-radius: 3px;
}
.form-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(2.375rem - 2px);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #fff;
font-weight: 500;
content: "Browse";
background-color: #4454c3;
border-left: 1px solid #4454c3;
border-radius: 0 3px 3px 0;
}
.form-label {
display: block;
margin-bottom: 0.375rem;
font-weight: 500;
font-size: 0.875rem;
}
.form-label-small {
float: right;
font-weight: 400;
font-size: 87.5%;
}
.form-footer {
margin-top: 2rem;
}
.custom-controls-stacked .custom-control {
margin-bottom: 0.25rem;
}
.custom-control-description {
line-height: 1.5rem;
}
.input-group-text,
.input-group-text,
.input-group-btn {
font-size: 0.9375rem;
}
.input-group-text > .btn,
.input-group-text > .btn,
.input-group-btn > .btn {
height: 100%;
border-color: rgba(0, 40, 100, 0.12);
}
.input-group-text > .input-group-text {
border-right: 0;
}
.input-group-text > .input-group-text {
border-left: 0;
}
.form-range {
align-items: center;
-webkit-appearance: none;
appearance: none;
background: none;
cursor: pointer;
display: flex;
height: 100%;
min-height: 2.375rem;
overflow: hidden;
padding: 0;
border: 0;
width: 100%;
padding-left: 0;
background-color: transparent;
}
.form-range::-webkit-slider-thumb {
width: 14px;
height: 14px;
-webkit-appearance: none;
appearance: none;
background: #fff;
border-radius: 50px;
box-shadow: 1px 0 0 -6px rgba(0, 50, 126, 0.12), 6px 0 0 -6px rgba(0, 50, 126, 0.12), 7px 0 0 -6px rgba(0, 50, 126, 0.12), 8px 0 0 -6px rgba(0, 50, 126, 0.12), 9px 0 0 -6px rgba(0, 50, 126, 0.12), 10px 0 0 -6px rgba(0, 50, 126, 0.12), 11px 0 0 -6px rgba(0, 50, 126, 0.12), 12px 0 0 -6px rgba(0, 50, 126, 0.12), 13px 0 0 -6px rgba(0, 50, 126, 0.12), 14px 0 0 -6px rgba(0, 50, 126, 0.12), 15px 0 0 -6px rgba(0, 50, 126, 0.12), 16px 0 0 -6px rgba(0, 50, 126, 0.12), 17px 0 0 -6px rgba(0, 50, 126, 0.12), 18px 0 0 -6px rgba(0, 50, 126, 0.12), 19px 0 0 -6px rgba(0, 50, 126, 0.12), 20px 0 0 -6px rgba(0, 50, 126, 0.12), 21px 0 0 -6px rgba(0, 50, 126, 0.12), 22px 0 0 -6px rgba(0, 50, 126, 0.12), 23px 0 0 -6px rgba(0, 50, 126, 0.12), 24px 0 0 -6px rgba(0, 50, 126, 0.12), 25px 0 0 -6px rgba(0, 50, 126, 0.12), 26px 0 0 -6px rgba(0, 50, 126, 0.12), 27px 0 0 -6px rgba(0, 50, 126, 0.12), 28px 0 0 -6px rgba(0, 50, 126, 0.12), 29px 0 0 -6px rgba(0, 50, 126, 0.12), 30px 0 0 -6px rgba(0, 50, 126, 0.12), 31px 0 0 -6px rgba(0, 50, 126, 0.12), 32px 0 0 -6px rgba(0, 50, 126, 0.12), 33px 0 0 -6px rgba(0, 50, 126, 0.12), 34px 0 0 -6px rgba(0, 50, 126, 0.12), 35px 0 0 -6px rgba(0, 50, 126, 0.12), 36px 0 0 -6px rgba(0, 50, 126, 0.12), 37px 0 0 -6px rgba(0, 50, 126, 0.12), 38px 0 0 -6px rgba(0, 50, 126, 0.12), 39px 0 0 -6px rgba(0, 50, 126, 0.12), 40px 0 0 -6px rgba(0, 50, 126, 0.12), 41px 0 0 -6px rgba(0, 50, 126, 0.12), 42px 0 0 -6px rgba(0, 50, 126, 0.12), 43px 0 0 -6px rgba(0, 50, 126, 0.12), 44px 0 0 -6px rgba(0, 50, 126, 0.12), 45px 0 0 -6px rgba(0, 50, 126, 0.12), 46px 0 0 -6px rgba(0, 50, 126, 0.12), 47px 0 0 -6px rgba(0, 50, 126, 0.12), 48px 0 0 -6px rgba(0, 50, 126, 0.12), 49px 0 0 -6px rgba(0, 50, 126, 0.12), 50px 0 0 -6px rgba(0, 50, 126, 0.12), 51px 0 0 -6px rgba(0, 50, 126, 0.12), 52px 0 0 -6px rgba(0, 50, 126, 0.12), 53px 0 0 -6px rgba(0, 50, 126, 0.12), 54px 0 0 -6px rgba(0, 50, 126, 0.12), 55px 0 0 -6px rgba(0, 50, 126, 0.12), 56px 0 0 -6px rgba(0, 50, 126, 0.12), 57px 0 0 -6px rgba(0, 50, 126, 0.12), 58px 0 0 -6px rgba(0, 50, 126, 0.12), 59px 0 0 -6px rgba(0, 50, 126, 0.12), 60px 0 0 -6px rgba(0, 50, 126, 0.12), 61px 0 0 -6px rgba(0, 50, 126, 0.12), 62px 0 0 -6px rgba(0, 50, 126, 0.12), 63px 0 0 -6px rgba(0, 50, 126, 0.12), 64px 0 0 -6px rgba(0, 50, 126, 0.12), 65px 0 0 -6px rgba(0, 50, 126, 0.12), 66px 0 0 -6px rgba(0, 50, 126, 0.12), 67px 0 0 -6px rgba(0, 50, 126, 0.12), 68px 0 0 -6px rgba(0, 50, 126, 0.12), 69px 0 0 -6px rgba(0, 50, 126, 0.12), 70px 0 0 -6px rgba(0, 50, 126, 0.12), 71px 0 0 -6px rgba(0, 50, 126, 0.12), 72px 0 0 -6px rgba(0, 50, 126, 0.12), 73px 0 0 -6px rgba(0, 50, 126, 0.12), 74px 0 0 -6px rgba(0, 50, 126, 0.12), 75px 0 0 -6px rgba(0, 50, 126, 0.12), 76px 0 0 -6px rgba(0, 50, 126, 0.12), 77px 0 0 -6px rgba(0, 50, 126, 0.12), 78px 0 0 -6px rgba(0, 50, 126, 0.12), 79px 0 0 -6px rgba(0, 50, 126, 0.12), 80px 0 0 -6px rgba(0, 50, 126, 0.12), 81px 0 0 -6px rgba(0, 50, 126, 0.12), 82px 0 0 -6px rgba(0, 50, 126, 0.12), 83px 0 0 -6px rgba(0, 50, 126, 0.12), 84px 0 0 -6px rgba(0, 50, 126, 0.12), 85px 0 0 -6px rgba(0, 50, 126, 0.12), 86px 0 0 -6px rgba(0, 50, 126, 0.12), 87px 0 0 -6px rgba(0, 50, 126, 0.12), 88px 0 0 -6px rgba(0, 50, 126, 0.12), 89px 0 0 -6px rgba(0, 50, 126, 0.12), 90px 0 0 -6px rgba(0, 50, 126, 0.12), 91px 0 0 -6px rgba(0, 50, 126, 0.12), 92px 0 0 -6px rgba(0, 50, 126, 0.12), 93px 0 0 -6px rgba(0, 50, 126, 0.12), 94px 0 0 -6px rgba(0, 50, 126, 0.12), 95px 0 0 -6px rgba(0, 50, 126, 0.12), 96px 0 0 -6px rgba(0, 50, 126, 0.12), 97px 0 0 -6px rgba(0, 50, 126, 0.12), 98px 0 0 -6px rgba(0, 50, 126, 0.12), 99px 0 0 -6px rgba(0, 50, 126, 0.12), 100px 0 0 -6px rgba(0, 50, 126, 0.12), 101px 0 0 -6px rgba(0, 50, 126, 0.12), 102px 0 0 -6px rgba(0, 50, 126, 0.12), 103px 0 0 -6px rgba(0, 50, 126, 0.12), 104px 0 0 -6px rgba(0, 50, 126, 0.12), 105px 0 0 -6px rgba(0, 50, 126, 0.12), 106px 0 0 -6px rgba(0, 50, 126, 0.12), 107px 0 0 -6px rgba(0, 50, 126, 0.12), 108px 0 0 -6px rgba(0, 50, 126, 0.12), 109px 0 0 -6px rgba(0, 50, 126, 0.12), 110px 0 0 -6px rgba(0, 50, 126, 0.12), 111px 0 0 -6px rgba(0, 50, 126, 0.12), 112px 0 0 -6px rgba(0, 50, 126, 0.12), 113px 0 0 -6px rgba(0, 50, 126, 0.12), 114px 0 0 -6px rgba(0, 50, 126, 0.12), 115px 0 0 -6px rgba(0, 50, 126, 0.12), 116px 0 0 -6px rgba(0, 50, 126, 0.12), 117px 0 0 -6px rgba(0, 50, 126, 0.12), 118px 0 0 -6px rgba(0, 50, 126, 0.12), 119px 0 0 -6px rgba(0, 50, 126, 0.12), 120px 0 0 -6px rgba(0, 50, 126, 0.12), 121px 0 0 -6px rgba(0, 50, 126, 0.12), 122px 0 0 -6px rgba(0, 50, 126, 0.12), 123px 0 0 -6px rgba(0, 50, 126, 0.12), 124px 0 0 -6px rgba(0, 50, 126, 0.12), 125px 0 0 -6px rgba(0, 50, 126, 0.12), 126px 0 0 -6px rgba(0, 50, 126, 0.12), 127px 0 0 -6px rgba(0, 50, 126, 0.12), 128px 0 0 -6px rgba(0, 50, 126, 0.12), 129px 0 0 -6px rgba(0, 50, 126, 0.12), 130px 0 0 -6px rgba(0, 50, 126, 0.12), 131px 0 0 -6px rgba(0, 50, 126, 0.12), 132px 0 0 -6px rgba(0, 50, 126, 0.12), 133px 0 0 -6px rgba(0, 50, 126, 0.12), 134px 0 0 -6px rgba(0, 50, 126, 0.12), 135px 0 0 -6px rgba(0, 50, 126, 0.12), 136px 0 0 -6px rgba(0, 50, 126, 0.12), 137px 0 0 -6px rgba(0, 50, 126, 0.12), 138px 0 0 -6px rgba(0, 50, 126, 0.12), 139px 0 0 -6px rgba(0, 50, 126, 0.12), 140px 0 0 -6px rgba(0, 50, 126, 0.12), 141px 0 0 -6px rgba(0, 50, 126, 0.12), 142px 0 0 -6px rgba(0, 50, 126, 0.12), 143px 0 0 -6px rgba(0, 50, 126, 0.12), 144px 0 0 -6px rgba(0, 50, 126, 0.12), 145px 0 0 -6px rgba(0, 50, 126, 0.12), 146px 0 0 -6px rgba(0, 50, 126, 0.12), 147px 0 0 -6px rgba(0, 50, 126, 0.12), 148px 0 0 -6px rgba(0, 50, 126, 0.12), 149px 0 0 -6px rgba(0, 50, 126, 0.12), 150px 0 0 -6px rgba(0, 50, 126, 0.12), 151px 0 0 -6px rgba(0, 50, 126, 0.12), 152px 0 0 -6px rgba(0, 50, 126, 0.12), 153px 0 0 -6px rgba(0, 50, 126, 0.12), 154px 0 0 -6px rgba(0, 50, 126, 0.12), 155px 0 0 -6px rgba(0, 50, 126, 0.12), 156px 0 0 -6px rgba(0, 50, 126, 0.12), 157px 0 0 -6px rgba(0, 50, 126, 0.12), 158px 0 0 -6px rgba(0, 50, 126, 0.12), 159px 0 0 -6px rgba(0, 50, 126, 0.12), 160px 0 0 -6px rgba(0, 50, 126, 0.12), 161px 0 0 -6px rgba(0, 50, 126, 0.12), 162px 0 0 -6px rgba(0, 50, 126, 0.12), 163px 0 0 -6px rgba(0, 50, 126, 0.12), 164px 0 0 -6px rgba(0, 50, 126, 0.12), 165px 0 0 -6px rgba(0, 50, 126, 0.12), 166px 0 0 -6px rgba(0, 50, 126, 0.12), 167px 0 0 -6px rgba(0, 50, 126, 0.12), 168px 0 0 -6px rgba(0, 50, 126, 0.12), 169px 0 0 -6px rgba(0, 50, 126, 0.12), 170px 0 0 -6px rgba(0, 50, 126, 0.12), 171px 0 0 -6px rgba(0, 50, 126, 0.12), 172px 0 0 -6px rgba(0, 50, 126, 0.12), 173px 0 0 -6px rgba(0, 50, 126, 0.12), 174px 0 0 -6px rgba(0, 50, 126, 0.12), 175px 0 0 -6px rgba(0, 50, 126, 0.12), 176px 0 0 -6px rgba(0, 50, 126, 0.12), 177px 0 0 -6px rgba(0, 50, 126, 0.12), 178px 0 0 -6px rgba(0, 50, 126, 0.12), 179px 0 0 -6px rgba(0, 50, 126, 0.12), 180px 0 0 -6px rgba(0, 50, 126, 0.12), 181px 0 0 -6px rgba(0, 50, 126, 0.12), 182px 0 0 -6px rgba(0, 50, 126, 0.12), 183px 0 0 -6px rgba(0, 50, 126, 0.12), 184px 0 0 -6px rgba(0, 50, 126, 0.12), 185px 0 0 -6px rgba(0, 50, 126, 0.12), 186px 0 0 -6px rgba(0, 50, 126, 0.12), 187px 0 0 -6px rgba(0, 50, 126, 0.12), 188px 0 0 -6px rgba(0, 50, 126, 0.12), 189px 0 0 -6px rgba(0, 50, 126, 0.12), 190px 0 0 -6px rgba(0, 50, 126, 0.12), 191px 0 0 -6px rgba(0, 50, 126, 0.12), 192px 0 0 -6px rgba(0, 50, 126, 0.12), 193px 0 0 -6px rgba(0, 50, 126, 0.12), 194px 0 0 -6px rgba(0, 50, 126, 0.12), 195px 0 0 -6px rgba(0, 50, 126, 0.12), 196px 0 0 -6px rgba(0, 50, 126, 0.12), 197px 0 0 -6px rgba(0, 50, 126, 0.12), 198px 0 0 -6px rgba(0, 50, 126, 0.12), 199px 0 0 -6px rgba(0, 50, 126, 0.12), 200px 0 0 -6px rgba(0, 50, 126, 0.12), 201px 0 0 -6px rgba(0, 50, 126, 0.12), 202px 0 0 -6px rgba(0, 50, 126, 0.12), 203px 0 0 -6px rgba(0, 50, 126, 0.12), 204px 0 0 -6px rgba(0, 50, 126, 0.12), 205px 0 0 -6px rgba(0, 50, 126, 0.12), 206px 0 0 -6px rgba(0, 50, 126, 0.12), 207px 0 0 -6px rgba(0, 50, 126, 0.12), 208px 0 0 -6px rgba(0, 50, 126, 0.12), 209px 0 0 -6px rgba(0, 50, 126, 0.12), 210px 0 0 -6px rgba(0, 50, 126, 0.12), 211px 0 0 -6px rgba(0, 50, 126, 0.12), 212px 0 0 -6px rgba(0, 50, 126, 0.12), 213px 0 0 -6px rgba(0, 50, 126, 0.12), 214px 0 0 -6px rgba(0, 50, 126, 0.12), 215px 0 0 -6px rgba(0, 50, 126, 0.12), 216px 0 0 -6px rgba(0, 50, 126, 0.12), 217px 0 0 -6px rgba(0, 50, 126, 0.12), 218px 0 0 -6px rgba(0, 50, 126, 0.12), 219px 0 0 -6px rgba(0, 50, 126, 0.12), 220px 0 0 -6px rgba(0, 50, 126, 0.12), 221px 0 0 -6px rgba(0, 50, 126, 0.12), 222px 0 0 -6px rgba(0, 50, 126, 0.12), 223px 0 0 -6px rgba(0, 50, 126, 0.12), 224px 0 0 -6px rgba(0, 50, 126, 0.12), 225px 0 0 -6px rgba(0, 50, 126, 0.12), 226px 0 0 -6px rgba(0, 50, 126, 0.12), 227px 0 0 -6px rgba(0, 50, 126, 0.12), 228px 0 0 -6px rgba(0, 50, 126, 0.12), 229px 0 0 -6px rgba(0, 50, 126, 0.12), 230px 0 0 -6px rgba(0, 50, 126, 0.12), 231px 0 0 -6px rgba(0, 50, 126, 0.12), 232px 0 0 -6px rgba(0, 50, 126, 0.12), 233px 0 0 -6px rgba(0, 50, 126, 0.12), 234px 0 0 -6px rgba(0, 50, 126, 0.12), 235px 0 0 -6px rgba(0, 50, 126, 0.12), 236px 0 0 -6px rgba(0, 50, 126, 0.12), 237px 0 0 -6px rgba(0, 50, 126, 0.12), 238px 0 0 -6px rgba(0, 50, 126, 0.12), 239px 0 0 -6px rgba(0, 50, 126, 0.12), 240px 0 0 -6px rgba(0, 50, 126, 0.12);
margin-top: -6px;
border: 1px solid rgba(0, 30, 75, 0.12);
-webkit-transition: 0.3s border-color, 0.3s background-color;
transition: 0.3s border-color, 0.3s background-color;
}
.form-range::-webkit-slider-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.form-range::-webkit-slider-thumb:active {
background-color: #d4e1f4;
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 14px;
height: 14px;
background: #fff;
border-radius: 50px;
border: 1px solid rgba(0, 30, 75, 0.12);
position: relative;
-moz-transition: 0.3s border-color, 0.3s background-color;
transition: 0.3s border-color, 0.3s background-color;
}
.form-range::-moz-range-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.form-range::-moz-range-thumb:active {
background-color: #d4e1f4;
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.form-range::-ms-thumb {
width: 1rem;
height: 1rem;
background-color: #4454c3;
border: 0;
border-radius: 1rem;
appearance: none;
}
.form-range::-ms-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.form-range::-ms-thumb:active {
background-color: #d4e1f4;
}
.form-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem;
}
.form-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem;
}
.form-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem;
}
.form-range:focus {
box-shadow: none;
outline: none;
}
.form-range:focus::-webkit-slider-thumb, .form-range:focus::-moz-range-thumb, .form-range:focus::-ms-thumb {
border-color: #467fcf;
background-color: #467fcf;
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-runnable-track {
background: #467fcf;
content: "";
height: 2px;
pointer-events: none;
}
.form-range::-moz-range-progress {
height: 2px;
background: #467fcf;
border: 0;
margin-top: 0;
}
.form-range::-ms-track {
background: transparent;
border: 0;
border-color: transparent;
border-radius: 0;
border-width: 0;
color: transparent;
height: 2px;
margin-top: 10px;
width: 240px;
}
.form-range::-ms-thumb {
width: 240px;
height: 2px;
background: #fff;
border-radius: 50px;
border: 1px solid rgba(0, 30, 75, 0.12);
-ms-transition: 0.3s border-color, 0.3s background-color;
transition: 0.3s border-color, 0.3s background-color;
}
.form-range::-ms-fill-lower {
background: #467fcf;
border-radius: 0;
}
.form-range::-ms-fill-upper {
background: rgba(0, 50, 126, 0.12);
border-radius: 0;
}
.form-range::-ms-tooltip {
display: none;
}
/*----- Date Picker ----*/
.ui-datepicker {
background-color: #f3f4f7;
border: 1px solid #d3dfea;
font-family: inherit;
font-size: inherit;
padding: 10px;
margin: 1px 0 0;
display: none;
width: auto !important;
z-index: 5 !important;
}
.ui-datepicker .ui-datepicker-header {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
color: #473b52;
padding: 0 0 5px;
letter-spacing: 1px;
border: 0;
background-color: transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
text-indent: -99999px;
color: #6c757d;
top: 1px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
font-size: 16px;
font-family: "FontAwesome";
position: absolute;
top: -4px;
text-indent: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before {
color: #343a40;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
color: #343a40;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
order: 3;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
right: 5px;
content: "\f105";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
left: 5px;
content: "\f104";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
color: #495057;
cursor: pointer;
top: 1px;
border: 0;
background-color: transparent;
}
.ui-datepicker .ui-datepicker-title {
color: #4454c3;
}
.ui-datepicker .ui-datepicker-calendar {
margin: 0;
background-color: transparent;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.ui-datepicker .ui-datepicker-calendar th {
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 1px;
padding: 6px 10px;
color: #98a1b5;
}
.ui-datepicker .ui-datepicker-calendar td {
border: 1px solid #d3dfea;
padding: 0;
background-color: #f3f4f7;
text-align: right;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
color: #ced1da;
}
.ui-datepicker .ui-datepicker-calendar td span {
transition: all 0.2s ease-in-out;
padding: 5px;
background-color: #fff;
color: #424e79;
padding: 6px 10px;
display: block;
font-weight: 400;
font-size: 12px;
border: 0;
border-radius: 1px;
}
.ui-datepicker .ui-datepicker-calendar td a {
transition: all 0.2s ease-in-out;
padding: 5px;
background-color: #fff;
color: #424e79;
padding: 6px 10px;
display: block;
font-weight: 400;
font-size: 12px;
border: 0;
border-radius: 1px;
}
.ui-datepicker .ui-datepicker-calendar td a:hover {
background-color: #f0f2f7;
color: #473b52;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
background-color: #f8f9fa;
color: #473b52;
}
@media (max-width: 320px) {
.ui-datepicker .ui-datepicker-calendar th {
padding: 4px 0;
letter-spacing: normal;
}
}
.ui-datepicker-multi .ui-datepicker-group {
padding-right: 15px;
width: auto;
float: left;
}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
margin: auto;
}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
left: 10px;
}
.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
right: 10px;
}
.ui-datepicker-multi .ui-datepicker-group table {
margin: 0;
}
.ui-datepicker-multi .ui-datepicker-group-last {
padding-right: 0;
}
.ui-datepicker-inline {
max-width: 270px;
border-radius: 12px;
}
.model-wrapper-demo {
padding: 50px 0;
background: #f4f5fb;
}
.custom-checkbox:before {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
user-select: none;
background-color: transparent;
}
.custom-checkbox:after {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
/*------- Forms -------*/
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 0.9375rem;
line-height: 1.6;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #d3dfea;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border-radius: 5px;
outline: 0;
color: #424e79;
opacity: 1;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #424e79;
background-color: #fff;
border-color: #4454c3;
outline: 0;
box-shadow: none;
}
.form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
color: #b3bdca !important;
opacity: 1;
}
.form-control:disabled {
background-color: #f2f6f9;
opacity: 1;
}
.form-control[readonly] {
background-color: #f8f9fa;
opacity: 1;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 20px !important;
padding-right: 20px;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #d3dfea !important;
border-radius: 4px;
outline: 0;
}
.select2-container--default .select2-selection--single:focus {
outline: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 35px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 2.375rem !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
color: #495057;
background-color: #fff;
border-color: #4454c3;
outline: 0;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #d3dfea !important;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #d3dfea !important;
border-radius: 4px;
outline: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #ebeef4 !important;
border: 1px solid #ebeef4 !important;
outline: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::placeholder {
color: #b3bdca !important;
opacity: 1;
}
select.form-control:not([size]):not([multiple]) {
height: 2.375rem;
}
.select2-container .select2-selection--single {
height: 2.375rem !important;
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.6;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.125rem;
line-height: 1.44444444;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.14285714;
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.6;
color: #495057;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0;
}
.form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
padding: 0.5rem 0.5rem;
font-size: 0.875rem;
line-height: 1.14285714;
border-radius: 3px;
}
select.form-control-sm:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px);
}
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-text > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-text > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-text > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-text > select.btn:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px);
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-text > .input-group-text,
.input-group-sm > .input-group-text > .input-group-text,
.input-group-sm > .input-group-text > .btn,
.input-group-sm > .input-group-text > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.14285714;
border-radius: 3px;
}
.input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-text > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-text > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-text > .form-control-plaintext.btn,
.input-group-sm > .input-group-text > .form-control-plaintext.btn {
padding-right: 0;
padding-left: 0;
}
.form-control-lg {
padding: 0.5rem 1rem;
font-size: 1.125rem;
line-height: 1.44444444;
border-radius: 3px;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-text > .input-group-text,
.input-group-lg > .input-group-text > .input-group-text,
.input-group-lg > .input-group-text > .btn,
.input-group-lg > .input-group-text > .btn {
padding: 0.5rem 1rem;
font-size: 1.125rem;
line-height: 1.44444444;
border-radius: 3px;
}
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-text > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-text > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-text > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-text > select.btn:not([size]):not([multiple]) {
height: calc(2.6875rem + 2px);
}
.input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-text > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-text > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-text > .form-control-plaintext.btn,
.input-group-lg > .input-group-text > .form-control-plaintext.btn {
padding-right: 0;
padding-left: 0;
}
select.form-control-lg:not([size]):not([multiple]) {
height: calc(2.6875rem + 2px);
}
.mb-3 {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
color: #505662;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 87.5%;
color: #2dce89;
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1;
color: #fff;
background-color: rgba(94, 186, 0, 0.8);
border-radius: 0.2rem;
}
.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .form-select:valid,
.form-select.is-valid {
border-color: #2dce89;
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
border-color: #2dce89;
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip {
display: block;
}
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-select:valid ~ .valid-feedback,
.was-validated .form-select:valid ~ .valid-tooltip {
display: block;
}
.form-select.is-valid ~ .valid-feedback,
.form-select.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
color: #2dce89;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
display: block;
}
.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: #2dce89;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
background-color: #9eff3b;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip {
display: block;
}
.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 {
background-color: #78ed00;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(94, 186, 0, 0.25);
}
.was-validated .form-file-input:valid ~ .form-file-label,
.form-file-input.is-valid ~ .form-file-label {
border-color: #2dce89;
}
.was-validated .form-file-input:valid ~ .form-file-label::before,
.form-file-input.is-valid ~ .form-file-label::before {
border-color: inherit;
}
.was-validated .form-file-input:valid ~ .valid-feedback,
.was-validated .form-file-input:valid ~ .valid-tooltip {
display: block;
}
.form-file-input.is-valid ~ .valid-feedback,
.form-file-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-file-input:valid:focus ~ .form-file-label,
.form-file-input.is-valid:focus ~ .form-file-label {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 87.5%;
color: #dc0441;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1;
color: #fff;
background-color: rgba(205, 32, 31, 0.8);
border-radius: 0.2rem;
}
.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid {
border-color: #dc0441;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
border-color: #dc0441;
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip {
display: block;
}
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-select:invalid ~ .invalid-feedback,
.was-validated .form-select:invalid ~ .invalid-tooltip {
display: block;
}
.form-select.is-invalid ~ .invalid-feedback,
.form-select.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
color: #dc0441;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
display: block;
}
.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: #dc0441;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: #ec8080;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip {
display: block;
}
.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 {
background-color: #e23e3d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgba(205, 32, 31, 0.25);
}
.was-validated .form-file-input:invalid ~ .form-file-label,
.form-file-input.is-invalid ~ .form-file-label {
border-color: #dc0441;
}
.was-validated .form-file-input:invalid ~ .form-file-label::before,
.form-file-input.is-invalid ~ .form-file-label::before {
border-color: inherit;
}
.was-validated .form-file-input:invalid ~ .invalid-feedback,
.was-validated .form-file-input:invalid ~ .invalid-tooltip {
display: block;
}
.form-file-input.is-invalid ~ .invalid-feedback,
.form-file-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-file-input:invalid:focus ~ .form-file-label,
.form-file-input.is-invalid:focus ~ .form-file-label {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.25);
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .mb-3 {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group,
.form-inline .form-select {
width: auto;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.select2-container--focus {
outline: 1px auto #d3dfea;
}
.ms-choice {
outline: 0;
}
.ms-choice:focus {
outline: 0;
}
select [aria-selected=true] {
outline: 0;
}
select [aria-selected=true]:focus {
outline: 0;
}
.modal .select2-container {
width: 100% !important;
}
.select2-container--open .select2-dropdown--below {
z-index: 9;
}
/*--- WIZARD ELEMENTS ---*/
.wizard {
border: 1px solid #e9edf4;
background-color: #fff;
}
.wizard > .steps {
padding: 20px;
}
.wizard > .steps > ul {
padding: 0;
margin-bottom: 0;
display: flex;
}
.wizard > .steps > ul li {
float: none;
display: block;
width: auto;
}
.wizard > .steps > ul li .current-info {
display: none;
}
.wizard > .steps > ul li .title {
margin-left: 5px;
white-space: nowrap;
transition: all 0.2s ease-in-out;
margin: 0;
min-height: auto;
}
.wizard > .steps > ul li + li {
margin-left: 5px;
}
.wizard > .steps a {
color: #14112d;
font-weight: 500;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.wizard > .steps a:hover, .wizard > .steps a:active {
color: #14112d;
font-weight: 500;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.wizard > .steps a .number, .wizard > .steps a:hover .number, .wizard > .steps a:active .number {
flex-shrink: 0;
font-weight: 700;
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";
color: #fff;
display: block;
text-align: center;
line-height: 2;
width: 30px;
height: 30px;
background-color: #b4bdce;
border-radius: 100%;
transition: all 0.2s ease-in-out;
margin-right: 5px;
}
.wizard > .steps .disabled a {
color: #737688;
}
.wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
color: #737688;
}
.wizard > .steps .current a {
color: #4454c3;
}
.wizard > .steps .current a:hover, .wizard > .steps .current a:active {
color: #4454c3;
}
.wizard > .steps .current a .title, .wizard > .steps .current a:hover .title, .wizard > .steps .current a:active .title {
display: inline-block;
}
.wizard > .steps .current a .number, .wizard > .steps .current a:hover .number, .wizard > .steps .current a:active .number {
background-color: #4454c3;
}
.wizard > .steps .done a {
color: #2dce89;
}
.wizard > .steps .done a:hover, .wizard > .steps .done a:active {
color: #2dce89;
}
.wizard > .steps .done a .title, .wizard > .steps .done a:hover .title, .wizard > .steps .done a:active .title {
display: none;
}
.wizard > .steps .done a .number, .wizard > .steps .done a:hover .number, .wizard > .steps .done a:active .number {
background-color: #2dce89;
}
.wizard > .content {
border-top: 1px solid #e9edf4;
border-bottom: 1px solid #e9edf4;
min-height: 150px;
padding: 20px;
}
.wizard > .content > .title {
font-size: 18px;
color: #424e79;
font-weight: 700;
margin-bottom: 5px;
display: none;
margin: 0;
}
.wizard > .content > .title.current {
display: block;
}
.wizard > .content > .body {
float: none;
position: static;
width: auto;
height: auto;
}
.wizard > .content > .body input.parsley-error {
border-color: #ff5c77;
}
.wizard > .content > .body input.parsley-error + ul {
list-style: none !important;
}
.wizard > .actions {
padding: 20px;
}
.wizard > .actions > ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
}
.wizard > .actions > ul > li:last-child a {
background-color: #2dce89;
}
.wizard > .actions a {
display: block;
background-color: #4454c3;
padding: 9px 25px;
line-height: 1.573;
color: #fff;
border-radius: 4px;
font-weight: 500;
}
.wizard > .actions a:hover, .wizard > .actions a:active {
display: block;
background-color: #4454c3;
padding: 9px 25px;
line-height: 1.573;
color: #fff;
border-radius: 4px;
font-weight: 500;
}
.wizard > .actions .disabled a {
background-color: #e8ebf2;
color: #424e79;
}
.wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
background-color: #e8ebf2;
color: #424e79;
}
.wizard.vertical > .steps {
padding: 20px;
}
.wizard.vertical > .steps ul li + li {
margin-left: 10px;
}
.wizard.vertical > .steps ul li .title {
display: none;
}
.wizard.vertical > .steps .current a .title {
display: inline-block;
}
.wizard.vertical > .content {
margin: 0;
padding: 20px;
}
.wizard.vertical > .actions {
padding: 20px;
}
.wizard.vertical > .actions ul {
float: none;
margin: 0;
padding: 0;
}
@media (min-width: 1200px) {
.wizard > .steps a {
justify-content: flex-start;
}
.wizard > .steps a:hover, .wizard > .steps a:active {
justify-content: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.wizard > .steps a .number, .wizard > .steps a:hover .number, .wizard > .steps a:active .number {
transition: none;
}
.wizard > .steps > ul li .title {
transition: none;
}
}
@media (max-width: 991px) {
.wizard > .steps .disabled {
display: none;
}
}
@media (min-width: 576px) {
.wizard.vertical > .steps {
float: left;
width: 20%;
}
.wizard.vertical > .steps ul {
flex-direction: column;
}
.wizard.vertical > .steps ul li + li {
margin-top: 10px;
margin-left: 0;
}
.wizard.vertical > .actions {
width: 80%;
float: right;
border-left: 1px solid #e9edf4;
}
.wizard > .steps a .number, .wizard > .steps a:hover .number, .wizard > .steps a:active .number {
font-size: 18px;
font-weight: 600;
line-height: 2.1;
width: 40px;
height: 40px;
}
.wizard > .steps > ul li + li {
margin-left: 20px;
}
.wizard > .steps > ul li .title {
display: none;
margin-left: 10px;
}
}
/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
.step-equal-width > .steps > ul {
display: flex;
display: flex;
}
.step-equal-width > .steps > ul > li {
flex: 1;
width: auto;
float: none;
flex: 1;
width: auto;
float: none;
}
/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
/***** CUSTOM STYLES *****/
.wizard-style-1 > .steps > ul a {
padding: 0;
height: 50px;
}
.wizard-style-1 > .steps > ul a:hover, .wizard-style-1 > .steps > ul a:active {
padding: 0;
height: 50px;
}
.wizard-style-1 > .steps > ul a .number, .wizard-style-1 > .steps > ul a:hover .number, .wizard-style-1 > .steps > ul a:active .number {
width: 50px;
height: 100%;
border: 0;
font-size: 18px;
font-weight: bold;
color: #737688;
background-color: #f3f7fd;
border-radius: 0;
}
.wizard-style-1 > .steps > ul a .title, .wizard-style-1 > .steps > ul a:hover .title, .wizard-style-1 > .steps > ul a:active .title {
margin-right: 20px;
margin-left: 20px;
}
.wizard-style-1 > .steps > ul .current a .number, .wizard-style-1 > .steps > ul .current a:hover .number, .wizard-style-1 > .steps > ul .current a:active .number {
background-color: #4454c3;
color: #fff;
}
.wizard-style-1 > .steps > ul .done a .number, .wizard-style-1 > .steps > ul .done a:hover .number, .wizard-style-1 > .steps > ul .done a:active .number {
background-color: #643ab0;
color: #fff;
}
.wizard-style-2 > .steps > ul a {
padding: 0;
height: 50px;
border-radius: 50px;
}
.wizard-style-2 > .steps > ul a:hover, .wizard-style-2 > .steps > ul a:active {
padding: 0;
height: 50px;
border-radius: 50px;
}
.wizard-style-2 > .steps > ul a .number, .wizard-style-2 > .steps > ul a:hover .number, .wizard-style-2 > .steps > ul a:active .number {
width: 50px;
height: 100%;
border: 2px solid #f3f7fd;
font-size: 18px;
font-weight: bold;
color: #737688;
background-color: #fff;
}
.wizard-style-2 > .steps > ul a .title, .wizard-style-2 > .steps > ul a:hover .title, .wizard-style-2 > .steps > ul a:active .title {
margin-right: 20px;
}
.wizard-style-2 > .steps > ul .current a .number, .wizard-style-2 > .steps > ul .current a:hover .number, .wizard-style-2 > .steps > ul .current a:active .number {
border-color: #4454c3;
color: #4454c3;
}
.wizard-style-2 > .steps > ul .done a .number, .wizard-style-2 > .steps > ul .done a:hover .number, .wizard-style-2 > .steps > ul .done a:active .number {
border-color: #8c3feb;
color: #8c3feb;
}
/*--- WIZARD ELEMENTS ---*/
.parsley-required {
font-size: 12px;
color: #ff5c77;
margin-top: 3px;
}
@media (min-width: 768px) {
.wizard > .steps .done a .title, .wizard > .steps .done a:hover .title, .wizard > .steps .done a:active .title {
display: inline-block;
}
.wizard.vertical > .steps {
width: 15%;
}
.wizard.vertical > .steps ul li + li {
margin-top: 20px;
}
.wizard > .actions {
padding: 25px;
}
.wizard > .content {
padding: 25px;
}
.wizard.vertical > .actions {
width: 85%;
}
.wizard.vertical > .content {
width: 85%;
}
.wizard > .steps {
padding: 25px;
}
.wizard > .steps > ul li .title {
display: inline-block;
}
}
@media (min-width: 992px) {
.wizard.vertical > .steps ul li .title {
display: block;
}
.wizard.vertical > .steps a {
justify-content: flex-start;
}
.wizard.vertical > .steps {
padding: 20px;
width: 30%;
}
.wizard > .actions {
padding: 20px;
}
.wizard > .content {
padding: 20px;
}
.wizard > .steps .disabled {
display: block;
}
.wizard > .steps > ul li + li {
margin-left: 30px;
}
.wizard.vertical > .steps .current a .title {
display: inline-block;
}
.wizard.vertical > .content {
border-top-width: 0;
border-bottom-width: 0;
width: 80%;
float: right;
border-left: 1px solid #e9edf4;
}
.wizard.vertical > .actions {
width: 70%;
padding: 25px;
}
.wizard > .steps {
padding: 20px;
}
.wizard.vertical > .content {
width: 70%;
padding: 25px;
}
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group-addon {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.25;
color: #b7bec5;
text-align: center;
border: 1px solid #eff0f6;
border-right: 0;
border-radius: 0.25rem 0 0 0.2rem;
}
.box-shadow-0 {
box-shadow: none;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-file {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-file:focus {
z-index: 3;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .form-select,
.input-group > .form-control + .form-file {
margin-left: -1px;
}
.input-group > .form-select + .form-control,
.input-group > .form-select + .form-select,
.input-group > .form-select + .form-file {
margin-left: -1px;
}
.input-group > .form-file + .form-control,
.input-group > .form-file + .form-select,
.input-group > .form-file + .form-file {
margin-left: -1px;
}
.input-group > .form-control:not(:last-child),
.input-group > .form-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .form-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .form-file {
display: flex;
align-items: center;
}
.input-group > .form-file:not(:last-child) .form-file-label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .form-file:not(:last-child) .form-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .form-file:not(:first-child) .form-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .form-file:not(:first-child) .form-file-label::after {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .input-group-text > .btn,
.input-group > .input-group-text > .input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-text:not(:last-child) > .btn,
.input-group > .input-group-text:not(:last-child) > .input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-text:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-text:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-text > .btn,
.input-group > .input-group-text > .input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .input-group-text:not(:first-child) > .btn,
.input-group > .input-group-text:not(:first-child) > .input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .input-group-text:first-child > .btn:not(:first-child),
.input-group > .input-group-text:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-text,
.input-group-text {
display: flex;
}
.input-group-text .btn,
.input-group-text .btn {
position: relative;
z-index: 1;
}
.input-group-text .btn + .btn,
.input-group-text .btn + .input-group-text {
margin-left: -1px;
}
.input-group-text .input-group-text + .input-group-text,
.input-group-text .input-group-text + .btn {
margin-left: -1px;
}
.input-group-text {
margin-right: -1px;
margin-left: -1px;
}
.input-group-text .btn + .btn,
.input-group-text .btn + .input-group-text {
margin-left: -1px;
}
.input-group-text .input-group-text + .input-group-text,
.input-group-text .input-group-text + .btn {
margin-left: -1px;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.6;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e5e9f2;
border: 1px solid #d3dfea;
border-radius: 3px;
}
.input-group-text input[type=radio], .input-group-text input[type=checkbox] {
margin-top: 0;
}
.selectgroup {
display: inline-flex;
}
.selectgroup-item {
flex-grow: 1;
position: relative;
}
.selectgroup-item + .selectgroup-item {
margin-left: -1px;
}
.selectgroup-item:not(:first-child) .selectgroup-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.selectgroup-item:not(:last-child) .selectgroup-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.selectgroup-button {
display: block;
border: 1px solid #eff0f6;
text-align: center;
padding: 0.375rem 1rem;
position: relative;
cursor: pointer;
border-radius: 3px;
color: #9aa0ac;
-webkit-user-select: none;
user-select: none;
font-size: 0.9375rem;
line-height: 1.5rem;
min-width: 2.375rem;
}
.selectgroup-button-icon {
padding-left: 0.5rem;
padding-right: 0.5rem;
font-size: 1rem;
}
.selectgroup-input {
opacity: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
.selectgroup-input:checked + .selectgroup-button {
border-color: #4454c3;
z-index: 1;
color: #4454c3;
background: #edf2fa;
}
.selectgroup-input:focus + .selectgroup-button {
border-color: #4454c3;
z-index: 2;
color: #4454c3;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.selectgroup-pills {
flex-wrap: wrap;
align-items: flex-start;
}
.selectgroup-pills .selectgroup-item {
margin-right: 0.5rem;
flex-grow: 0;
}
.selectgroup-pills .selectgroup-button {
border-radius: 50px !important;
}
.form-switch {
-webkit-user-select: none;
user-select: none;
cursor: default;
display: inline-flex;
align-items: center;
margin: 0;
padding-left: 0;
}
.form-switch-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.form-switches-stacked {
display: flex;
flex-direction: column;
}
.form-switches-stacked .form-switch {
margin-bottom: 0.5rem;
}
.form-switch-indicator {
display: inline-block;
height: 1.25rem;
width: 2.25rem;
background: #e9ecef;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid #eff0f6;
transition: 0.3s border-color, 0.3s background-color;
}
.form-switch-indicator:before {
content: "";
position: absolute;
height: calc(1.25rem - 4px);
width: calc(1.25rem - 4px);
top: 1px;
left: 1px;
background: #fff;
border-radius: 50%;
transition: 0.3s left;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.form-switch-input:checked ~ .form-switch-indicator {
background: #4454c3;
}
.form-switch-input:checked ~ .form-switch-indicator:before {
left: calc(1rem + 1px);
}
.form-switch-indicator-lg {
display: inline-block;
height: 1.5rem;
width: 3rem;
background: #f5f6fb;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid #ebeaf1;
transition: 0.3s border-color, 0.3s background-color;
}
.form-switch-indicator-lg:before {
content: "";
position: absolute;
height: calc(1.5rem - 4px);
width: calc(1.5rem - 4px);
top: 1px;
left: 1px;
background: #fff;
border-radius: 50%;
transition: 0.3s left;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.form-switch-input:checked ~ .form-switch-indicator-lg:before {
left: calc(1.46rem + 1px);
}
.form-switch-indicator-xl {
display: inline-block;
height: 2rem;
width: 4rem;
background: #f5f6fb;
border-radius: 50px;
position: relative;
vertical-align: bottom;
border: 1px solid #ebeaf1;
transition: 0.3s border-color, 0.3s background-color;
}
.form-switch-indicator-xl:before {
content: "";
position: absolute;
height: calc(2rem - 4px);
width: calc(2rem - 4px);
top: 1px;
left: 1px;
background: #fff;
border-radius: 50%;
transition: 0.3s left;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.custom-square {
border-radius: 0px !important;
}
.custom-square:before {
border-radius: 0px !important;
}
.custom-radius {
border-radius: 4px !important;
}
.custom-radius:before {
border-radius: 4px !important;
}
.form-switch-input:focus ~ .form-switch-indicator {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
border-color: #4454c3;
}
.form-switch-description {
margin-left: 0.5rem;
color: #6e7687;
transition: 0.3s color;
}
.form-switch-input:checked ~ .form-switch-description {
color: #495057;
}
.material-switch > input[type=checkbox] {
display: none;
}
.material-switch > label {
cursor: pointer;
height: 0px;
position: relative;
width: 40px;
}
.material-switch > label::before {
background: #f3f4f7;
box-shadow: inset 0px 0px 10px #6574cd;
border-radius: 8px;
content: "";
height: 16px;
margin-top: -8px;
position: absolute;
opacity: 0.3;
transition: all 0.4s ease-in-out;
width: 40px;
}
.material-switch > label::after {
background: white;
border-radius: 16px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
content: "";
height: 24px;
left: -4px;
margin-top: -8px;
position: absolute;
top: -4px;
transition: all 0.3s ease-in-out;
width: 24px;
}
.material-switch > input[type=checkbox]:checked + label::before {
background: inherit;
opacity: 0.5;
}
.material-switch > input[type=checkbox]:checked + label::after {
background: inherit;
left: 20px;
}
.label-default {
background: #f3f4f7;
}
.label-primary {
background: #4454c3;
}
.label-success {
background: #2dce89;
}
.label-danger {
background: #dc0441;
}
.label-warning {
background: #ecb403;
}
.label-info {
background: #45aaf2;
}
.imagecheck {
margin: 0;
position: relative;
cursor: pointer;
}
.imagecheck-figure {
border: 1px solid #eff0f6;
border-radius: 3px;
margin: 0;
position: relative;
}
.imagecheck-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.imagecheck-input:focus ~ .imagecheck-figure {
border-color: #467fcf;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.imagecheck-input:checked ~ .imagecheck-figure {
border-color: rgba(0, 40, 100, 0.24);
}
.imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption {
color: #495057;
}
.imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image {
opacity: 1;
}
.imagecheck-figure:before {
content: "";
position: absolute;
top: 0.25rem;
left: 0.25rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
background: #467fcf url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
color: #fff;
z-index: 1;
border-radius: 3px;
opacity: 0;
transition: 0.3s opacity;
}
.imagecheck-input:checked ~ .imagecheck-figure:before {
opacity: 1;
}
.imagecheck-image {
max-width: 100%;
opacity: 0.64;
transition: 0.3s opacity;
}
.imagecheck-image:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.imagecheck-image:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.imagecheck:hover .imagecheck-image {
opacity: 1;
}
.imagecheck-caption {
text-align: center;
padding: 0.25rem 0.25rem;
color: #9aa0ac;
font-size: 0.875rem;
transition: 0.3s color;
}
.imagecheck:hover .imagecheck-caption {
color: #495057;
}
.colorinput {
margin: 0;
position: relative;
cursor: pointer;
}
.colorinput-color {
display: inline-block;
width: 1.75rem;
height: 1.75rem;
border-radius: 3px;
border: 1px solid #eff0f6;
color: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.colorinput-color:before {
content: "";
opacity: 0;
position: absolute;
top: 0.25rem;
left: 0.25rem;
height: 1.25rem;
width: 1.25rem;
transition: 0.3s opacity;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/80% 80%;
}
.colorinput-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.colorinput-input:checked ~ .colorinput-color:before {
opacity: 1;
}
.colorinput-input:focus ~ .colorinput-color {
border-color: #467fcf;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
/*-----selectize ------*/
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
visibility: visible !important;
background: #f2f2f2 !important;
background: rgba(0, 0, 0, 0.06) !important;
border: 0 none !important;
box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
content: "!";
visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
position: relative;
padding: 5px 8px;
border-bottom: 1px solid #d0d0d0;
background: #f8f8f8;
border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
position: absolute;
right: 8px;
top: 50%;
color: #495057;
opacity: 0.4;
margin-top: -12px;
line-height: 20px;
font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
color: #000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #f2f2f2;
border-top: 0 none;
float: left;
box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0 none;
}
.selectize-control {
position: relative;
padding: 0;
border: 0;
}
.selectize-control.single .selectize-input {
cursor: pointer;
}
.selectize-control.single .selectize-input input {
cursor: pointer;
}
.selectize-control.single .selectize-input.input-active {
background: #fff;
cursor: text;
display: inline-block;
}
.selectize-control.single .selectize-input.input-active input {
cursor: text;
}
.selectize-control.single .selectize-input:after {
content: "";
display: block;
position: absolute;
top: 13px;
right: 12px;
width: 8px;
height: 10px;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat center;
background-size: 8px 10px;
transition: 0.3s transform;
}
.selectize-control.single .selectize-input.dropdown-active:after {
transform: rotate(180deg);
}
.selectize-control .selectize-input.disabled {
opacity: 0.5;
background-color: #fafafa;
}
.selectize-control.plugin-remove_button [data-value] {
position: relative;
padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
z-index: 1;
/* fixes ie bug (see #392) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 17px;
text-align: center;
font-weight: bold;
font-size: 12px;
color: inherit;
text-decoration: none;
vertical-align: middle;
display: inline-block;
padding: 2px 0 0 0;
border-left: 1px solid #d0d0d0;
border-radius: 0 2px 2px 0;
box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
border-left-color: #fff;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
background: none;
}
.selectize-control.plugin-remove_button .remove-single {
position: absolute;
right: 28px;
top: 6px;
font-size: 23px;
}
.selectize-control.multi .selectize-input.has-items {
padding: 7px 0.75rem 4px 7px;
}
.selectize-input {
border: 1px solid #eff0f6;
padding: 0.5625rem 0.75rem;
display: inline-block;
display: block;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
box-sizing: border-box;
border-radius: 3px;
transition: 0.3s border-color, 0.3s box-shadow;
color: #495057;
font-family: inherit;
font-size: 15px;
line-height: 18px;
-webkit-font-smoothing: inherit;
background: #fff;
cursor: text;
}
.selectize-input input {
color: #495057;
font-family: inherit;
font-size: 15px;
line-height: 18px;
-webkit-font-smoothing: inherit;
}
.selectize-input > input {
display: inline-block !important;
padding: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
margin: 0 2px 0 0 !important;
text-indent: 0 !important;
border: 0 none !important;
background: none !important;
line-height: inherit !important;
box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
display: none;
}
.selectize-input > input:focus {
outline: none !important;
}
.selectize-input::after {
content: " ";
display: block;
clear: left;
}
.selectize-input.dropdown-active::before {
content: " ";
display: block;
position: absolute;
background: #f0f0f0;
height: 1px;
bottom: 0;
left: 0;
right: 0;
}
.selectize-input.full {
background-color: #fff;
}
.selectize-input.disabled {
cursor: default !important;
}
.selectize-input.disabled * {
cursor: default !important;
}
.selectize-input.focus {
border-color: #467fcf;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.selectize-input.dropdown-active {
border-radius: 3px 3px 0 0;
}
.selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
display: inline;
}
.selectize-control.multi .selectize-input > div {
cursor: pointer;
margin: 0 3px 3px 0;
padding: 2px 6px;
background: #e9ecef;
color: #495057;
font-size: 13px;
border: 0 solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
font-weight: 400;
}
.selectize-control.multi .selectize-input > div.active {
background: #e8e8e8;
color: #303030;
border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div {
color: #7d7d7d;
background: #fff;
border: 0 solid #fff;
}
.selectize-control.multi .selectize-input.disabled > div.active {
color: #7d7d7d;
background: #fff;
border: 0 solid #fff;
}
.selectize-dropdown {
color: #495057;
font-family: inherit;
font-size: 15px;
line-height: 18px;
-webkit-font-smoothing: inherit;
position: absolute;
z-index: 10;
border: 1px solid #eff0f6;
background: #fff;
margin: -1px 0 0 0;
border-top: 0 none;
box-sizing: border-box;
border-radius: 0 0 3px 3px;
height: auto;
padding: 0;
}
.selectize-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden;
padding: 6px 0.75rem;
}
.selectize-dropdown [data-selectable] .highlight {
background: rgba(125, 168, 208, 0.2);
border-radius: 1px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
color: #495057;
background: #fff;
cursor: default;
padding: 6px 0.75rem;
}
.selectize-dropdown .active {
background-color: #f1f4f8;
color: #467fcf;
}
.selectize-dropdown .active.create {
color: #495057;
}
.selectize-dropdown .create {
color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px;
-webkit-overflow-scrolling: touch;
}
.selectize-dropdown .image,
.selectize-input .image {
width: 1.25rem;
height: 1.25rem;
background-size: contain;
margin: -1px 0.5rem -1px -4px;
line-height: 1.25rem;
float: left;
display: flex;
align-items: center;
justify-content: center;
}
.selectize-dropdown .image img {
max-width: 100%;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
border-radius: 2px;
}
.selectize-input .image {
width: 1.5rem;
height: 1.5rem;
margin: -3px 0.75rem -3px -5px;
}
.selectize-input .image img {
max-width: 100%;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
border-radius: 2px;
}
/* ###### layouts ####### */
/*------ Alignments -------*/
.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: #4454c3 !important;
}
a.bg-primary:hover, a.bg-primary:focus {
background-color: #24987e !important;
}
button.bg-primary:hover, button.bg-primary:focus {
background-color: #24987e !important;
}
.bg-secondary {
background-color: #f72d66 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus {
background-color: #f72d66 !important;
}
button.bg-secondary:hover, button.bg-secondary:focus {
background-color: #f72d66 !important;
}
.bg-success {
background-color: #2dce89 !important;
}
a.bg-success:hover, a.bg-success:focus {
background-color: #15ca7c !important;
}
button.bg-success:hover, button.bg-success:focus {
background-color: #15ca7c !important;
}
.bg-info {
background-color: #45aaf2 !important;
}
a.bg-info:hover, a.bg-info:focus {
background-color: #1594ef !important;
}
button.bg-info:hover, button.bg-info:focus {
background-color: #1594ef !important;
}
.bg-warning {
background-color: #ecb403 !important;
}
a.bg-warning:hover, a.bg-warning:focus {
background-color: #c29d0b !important;
}
button.bg-warning:hover, button.bg-warning:focus {
background-color: #c29d0b !important;
}
.bg-danger {
background-color: #ff5b51 !important;
}
a.bg-danger:hover, a.bg-danger:focus {
background-color: #a11918 !important;
}
button.bg-danger:hover, button.bg-danger:focus {
background-color: #a11918 !important;
}
.bg-light {
background-color: #f4f5fb !important;
}
a.bg-light:hover, a.bg-light:focus {
background-color: #dae0e5 !important;
}
button.bg-light:hover, button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-light2 {
background-color: #fbfbfb !important;
}
a.bg-light2:hover, a.bg-light2:focus {
background-color: #f4f5fb !important;
}
button.bg-light2:hover, button.bg-light2:focus {
background-color: #f4f5fb !important;
}
.bg-light3 {
background-color: #d3dfea !important;
}
.bg-light4 {
background-color: #f7f7f7 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus {
background-color: #1d2124 !important;
}
button.bg-dark:hover, button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.bg-gradient-primary {
background: -webkit-gradient(linear, left top, right top, from(#4454c3), to(#113ca9));
}
.bg-gradient-success {
background-image: linear-gradient(to right, #63d457 0, #9fe797 100%);
}
.bg-gradient-info {
background-image: linear-gradient(to right, #1e9fc4 0, #69c7de 100%);
}
.bg-gradient-warning {
background-image: linear-gradient(to right, #fcaa01 0, #fece4d 100%);
}
.bg-gradient-teal {
background-image: linear-gradient(to right, #00796b 0, #4db6ac 100%);
}
.bg-gradient-blue {
background-image: linear-gradient(to right, #1976d2 0, #083dc1 100%);
}
.bg-gradient-danger {
background-image: linear-gradient(to right, #ff5b51 0, #fc9197 100%);
}
.bg-gray-100 {
background-color: #f1f2f7;
}
.bg-gray-200 {
background-color: #e5e7f1;
}
.bg-gray-300 {
background-color: #d2d6e4;
}
.bg-gray-400 {
background-color: #b7bdd2;
}
.bg-gray-500 {
background-color: #a2aac7;
}
.bg-gray-600 {
background-color: #8d96b7;
}
.bg-gray-700 {
background-color: #7a85ad;
}
.bg-gray-800 {
background-color: #53608c;
}
.bg-gray-900 {
background-color: #424e79;
}
.bg-white-1 {
background-color: rgba(255, 255, 255, 0.1);
}
.bg-white-2 {
background-color: rgba(255, 255, 255, 0.2);
}
.bg-white-3 {
background-color: rgba(255, 255, 255, 0.3);
}
.bg-white-4 {
background-color: rgba(255, 255, 255, 0.4);
}
.bg-white-5 {
background-color: rgba(255, 255, 255, 0.5);
}
.bg-white-6 {
background-color: rgba(255, 255, 255, 0.6);
}
.bg-white-7 {
background-color: rgba(255, 255, 255, 0.7);
}
.bg-white-8 {
background-color: rgba(255, 255, 255, 0.8);
}
.bg-white-9 {
background-color: rgba(255, 255, 255, 0.9);
}
.bg-black-1 {
background-color: rgba(0, 0, 0, 0.1);
}
.bg-black-2 {
background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-3 {
background-color: rgba(0, 0, 0, 0.3);
}
.bg-black-4 {
background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-5 {
background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-6 {
background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-7 {
background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-8 {
background-color: rgba(0, 0, 0, 0.8);
}
.bg-black-9 {
background-color: rgba(0, 0, 0, 0.9);
}
.border {
border: 1px solid #eff0f6 !important;
}
.border-top {
border-top: 1px solid #eff0f6 !important;
}
.border-end {
border-right: 1px solid #eff0f6 !important;
}
.border-bottom {
border-bottom: 1px solid #eff0f6 !important;
}
.border-start {
border-left: 1px solid #eff0f6 !important;
}
.border-top-bottom {
border-top: 1px solid #eff0f6 !important;
border-bottom: 1px solid #eff0f6 !important;
}
.border-left-right {
border-right: 1px solid #eff0f6 !important;
border-left: 1px solid #eff0f6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-top-bottom-0 {
border-top: 0px solid #eff0f6 !important;
border-bottom: 0px solid #eff0f6 !important;
}
.border-left-right-0 {
border-right: 0px solid #eff0f6 !important;
border-left: 0px solid #eff0f6 !important;
}
.border-primary {
border-color: #4454c3 !important;
}
.border-secondary {
border-color: #f72d66 !important;
}
.border-success {
border-color: #2dce89 !important;
}
.border-info {
border-color: #45aaf2 !important;
}
.border-warning {
border-color: #ecb403 !important;
}
.border-danger {
border-color: #dc0441 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-transparent {
border-color: rgba(255, 255, 255, 0.15) !important;
}
.border-dark-transparent {
border-color: rgba(0, 0, 0, 0.15) !important;
}
.border-light2 {
border-color: #d3dfea !important;
}
.border-white {
border-color: #fff !important;
}
.border-wd-1 {
border-width: 1px !important;
}
.border-wd-2 {
border-width: 2px !important;
}
.border-wd-3 {
border-width: 3px !important;
}
.border-wd-4 {
border-width: 4px !important;
}
.border-wd-5 {
border-width: 5px !important;
}
.rounded {
border-radius: 3px !important;
}
.rounded-top {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.rounded-right {
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important;
}
.rounded-bottom {
border-bottom-right-radius: 3px !important;
border-bottom-left-radius: 3px !important;
}
.rounded-left {
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.clearfix .fab {
font-size: 25px;
}
.clearfix h5 {
font-size: 20px;
text-weight: bold;
}
i.fa.round {
border: 1px solid #4454c3;
border-radius: 50%;
padding: 5px;
width: 15%;
}
.list-icon span p {
border: 1px solid #4454c3;
border-radius: 15px;
width: 50%;
margin: 0px auto;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1280px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.85714286%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1280px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1280px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
/*------ Widths, Margins & Paddings -------*/
.wd-5 {
width: 5% !important;
}
.w-10 {
width: 10% !important;
}
.w-15 {
width: 15% !important;
}
.w-20 {
width: 20% !important;
}
.w-25 {
width: 25% !important;
}
.w-30 {
width: 30% !important;
}
.w-35 {
width: 35% !important;
}
.w-40 {
width: 40% !important;
}
.w-45 {
width: 45% !important;
}
.w-50 {
width: 50% !important;
}
.w-55 {
width: 55% !important;
}
.w-60 {
width: 60% !important;
}
.w-65 {
width: 65% !important;
}
.w-70 {
width: 70% !important;
}
.w-75 {
width: 75% !important;
}
.w-80 {
width: 80% !important;
}
.w-85 {
width: 85% !important;
}
.w-90 {
width: 90% !important;
}
.w-95 {
width: 95% !important;
}
.w-100 {
width: 100% !important;
}
.w-150 {
width: 150px !important;
}
.w-auto {
width: auto !important;
}
.w-0 {
width: 0 !important;
}
.w-1 {
width: 0.25rem !important;
}
.w-2 {
width: 0.5rem !important;
}
.w-3 {
width: 0.75rem !important;
}
.w-4 {
width: 1rem !important;
}
.w-5 {
width: 1.5rem !important;
}
.w-6 {
width: 2rem !important;
}
.w-7 {
width: 3rem !important;
}
.w-8 {
width: 4rem !important;
}
.w-9 {
width: 6rem !important;
}
.w-100h {
width: 100px !important;
}
.w-200 {
width: 200px !important;
}
.w-250 {
width: 250px !important;
}
.w-300 {
width: 300px !important;
}
.w-350 {
width: 350px !important;
}
.w-400 {
width: 400px !important;
}
.w-450 {
width: 450px !important;
}
.w-500 {
width: 500px !important;
}
.ht-5 {
height: 5% !important;
}
.h-10 {
height: 10% !important;
}
.h-15 {
height: 15% !important;
}
.h-20 {
height: 20% !important;
}
.h-25 {
height: 25% !important;
}
.h-30 {
height: 30% !important;
}
.h-35 {
height: 35% !important;
}
.h-40 {
height: 40% !important;
}
.h-45 {
height: 45% !important;
}
.h-50 {
height: 50% !important;
}
.h-55 {
height: 55% !important;
}
.h-60 {
height: 60% !important;
}
.h-65 {
height: 65% !important;
}
.h-70 {
height: 70% !important;
}
.h-75 {
height: 75% !important;
}
.h-80 {
height: 80% !important;
}
.h-85 {
height: 85% !important;
}
.h-90 {
height: 90% !important;
}
.h-95 {
height: 95% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.h-0 {
height: 0 !important;
}
.h-1 {
height: 0.25rem !important;
}
.h-2 {
height: 0.5rem !important;
}
.h-3 {
height: 0.75rem !important;
}
.h-4 {
height: 1rem !important;
}
.h-5 {
height: 1.5rem !important;
}
.h-6 {
height: 2rem !important;
}
.h-7 {
height: 3rem !important;
}
.h-8 {
height: 4rem !important;
}
.h-9 {
height: 6rem !important;
}
.h-100h {
height: 100px !important;
}
.h-150 {
height: 150px !important;
}
.h-200 {
height: 200px !important;
}
.h-250 {
height: 250px !important;
}
.h-300 {
height: 300px !important;
}
.h-350 {
height: 350px !important;
}
.h-370 {
height: 370px !important;
}
.h-400 {
height: 400px !important;
}
.h-420 {
height: 420px !important;
}
.h-450 {
height: 450px !important;
}
.h-500 {
height: 500px !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.me-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ms-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.me-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ms-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.me-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ms-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 0.75rem !important;
}
.mt-3,
.my-3 {
margin-top: 0.75rem !important;
}
.me-3,
.mx-3 {
margin-right: 0.75rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 0.75rem !important;
}
.ms-3,
.mx-3 {
margin-left: 0.75rem !important;
}
.m-4 {
margin: 1rem !important;
}
.mt-4,
.my-4 {
margin-top: 1rem !important;
}
.me-4,
.mx-4 {
margin-right: 1rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1rem !important;
}
.ms-4,
.mx-4 {
margin-left: 1rem !important;
}
.m-5 {
margin: 1.5rem !important;
}
.mt-5,
.my-5 {
margin-top: 1.5rem !important;
}
.me-5,
.mx-5 {
margin-right: 1.5rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 1.5rem !important;
}
.ms-5,
.mx-5 {
margin-left: 1.5rem !important;
}
.m-6 {
margin: 2rem !important;
}
.mt-6,
.my-6 {
margin-top: 2rem !important;
}
.me-6,
.mx-6 {
margin-right: 2rem !important;
}
.mb-6,
.my-6 {
margin-bottom: 2rem !important;
}
.ms-6,
.mx-6 {
margin-left: 2rem !important;
}
.m-7 {
margin: 3rem !important;
}
.mt-7,
.my-7 {
margin-top: 3rem !important;
}
.me-7,
.mx-7 {
margin-right: 3rem !important;
}
.mb-7,
.my-7 {
margin-bottom: 3rem !important;
}
.ms-7,
.mx-7 {
margin-left: 3rem !important;
}
.m-8 {
margin: 4rem !important;
}
.mt-8,
.my-8 {
margin-top: 4rem !important;
}
.me-8,
.mx-8 {
margin-right: 4rem !important;
}
.mb-8,
.my-8 {
margin-bottom: 4rem !important;
}
.ms-8,
.mx-8 {
margin-left: 4rem !important;
}
.m-9 {
margin: 6rem !important;
}
.mt-9,
.my-9 {
margin-top: 6rem !important;
}
.me-9,
.mx-9 {
margin-right: 6rem !important;
}
.mb-9,
.my-9 {
margin-bottom: 6rem !important;
}
.ms-9,
.mx-9 {
margin-left: 6rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pe-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.ps-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pe-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.ps-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pe-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.ps-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 0.75rem !important;
}
.pt-3,
.py-3 {
padding-top: 0.75rem !important;
}
.pe-3,
.px-3 {
padding-right: 0.75rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 0.75rem !important;
}
.ps-3,
.px-3 {
padding-left: 0.75rem !important;
}
.p-4 {
padding: 1rem !important;
}
.pt-4,
.py-4 {
padding-top: 1rem !important;
}
.pe-4,
.px-4 {
padding-right: 1rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1rem !important;
}
.ps-4,
.px-4 {
padding-left: 1rem !important;
}
.p-5 {
padding: 1.5rem !important;
}
.pt-5,
.py-5 {
padding-top: 1.5rem !important;
}
.pe-5,
.px-5 {
padding-right: 1.5rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 1.5rem !important;
}
.ps-5,
.px-5 {
padding-left: 1.5rem !important;
}
.p-6 {
padding: 2rem !important;
}
.pt-6,
.py-6 {
padding-top: 2rem !important;
}
.pe-6,
.px-6 {
padding-right: 2rem !important;
}
.pb-6,
.py-6 {
padding-bottom: 2rem !important;
}
.ps-6,
.px-6 {
padding-left: 2rem !important;
}
.p-7 {
padding: 3rem !important;
}
.pt-7,
.py-7 {
padding-top: 3rem !important;
}
.pe-7,
.px-7 {
padding-right: 3rem !important;
}
.pb-7,
.py-7 {
padding-bottom: 3rem !important;
}
.ps-7,
.px-7 {
padding-left: 3rem !important;
}
.p-8 {
padding: 4rem !important;
}
.pt-8,
.py-8 {
padding-top: 4rem !important;
}
.pe-8,
.px-8 {
padding-right: 4rem !important;
}
.pb-8,
.py-8 {
padding-bottom: 4rem !important;
}
.ps-8,
.px-8 {
padding-left: 4rem !important;
}
.p-9 {
padding: 6rem !important;
}
.pt-9,
.py-9 {
padding-top: 6rem !important;
}
.pe-9,
.px-9 {
padding-right: 6rem !important;
}
.pb-9,
.py-9 {
padding-bottom: 6rem !important;
}
.ps-9,
.px-9 {
padding-left: 6rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.me-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ms-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;
}
.me-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ms-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;
}
.me-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ms-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;
}
.me-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ms-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 0.75rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 0.75rem !important;
}
.me-sm-3,
.mx-sm-3 {
margin-right: 0.75rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 0.75rem !important;
}
.ms-sm-3,
.mx-sm-3 {
margin-left: 0.75rem !important;
}
.m-sm-4 {
margin: 1rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1rem !important;
}
.me-sm-4,
.mx-sm-4 {
margin-right: 1rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1rem !important;
}
.ms-sm-4,
.mx-sm-4 {
margin-left: 1rem !important;
}
.m-sm-5 {
margin: 1.5rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 1.5rem !important;
}
.me-sm-5,
.mx-sm-5 {
margin-right: 1.5rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 1.5rem !important;
}
.ms-sm-5,
.mx-sm-5 {
margin-left: 1.5rem !important;
}
.m-sm-6 {
margin: 2rem !important;
}
.mt-sm-6,
.my-sm-6 {
margin-top: 2rem !important;
}
.me-sm-6,
.mx-sm-6 {
margin-right: 2rem !important;
}
.mb-sm-6,
.my-sm-6 {
margin-bottom: 2rem !important;
}
.ms-sm-6,
.mx-sm-6 {
margin-left: 2rem !important;
}
.m-sm-7 {
margin: 3rem !important;
}
.mt-sm-7,
.my-sm-7 {
margin-top: 3rem !important;
}
.me-sm-7,
.mx-sm-7 {
margin-right: 3rem !important;
}
.mb-sm-7,
.my-sm-7 {
margin-bottom: 3rem !important;
}
.ms-sm-7,
.mx-sm-7 {
margin-left: 3rem !important;
}
.m-sm-8 {
margin: 4rem !important;
}
.mt-sm-8,
.my-sm-8 {
margin-top: 4rem !important;
}
.me-sm-8,
.mx-sm-8 {
margin-right: 4rem !important;
}
.mb-sm-8,
.my-sm-8 {
margin-bottom: 4rem !important;
}
.ms-sm-8,
.mx-sm-8 {
margin-left: 4rem !important;
}
.m-sm-9 {
margin: 6rem !important;
}
.mt-sm-9,
.my-sm-9 {
margin-top: 6rem !important;
}
.me-sm-9,
.mx-sm-9 {
margin-right: 6rem !important;
}
.mb-sm-9,
.my-sm-9 {
margin-bottom: 6rem !important;
}
.ms-sm-9,
.mx-sm-9 {
margin-left: 6rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pe-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.ps-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;
}
.pe-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.ps-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;
}
.pe-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.ps-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 0.75rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 0.75rem !important;
}
.pe-sm-3,
.px-sm-3 {
padding-right: 0.75rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 0.75rem !important;
}
.ps-sm-3,
.px-sm-3 {
padding-left: 0.75rem !important;
}
.p-sm-4 {
padding: 1rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1rem !important;
}
.pe-sm-4,
.px-sm-4 {
padding-right: 1rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1rem !important;
}
.ps-sm-4,
.px-sm-4 {
padding-left: 1rem !important;
}
.p-sm-5 {
padding: 1.5rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 1.5rem !important;
}
.pe-sm-5,
.px-sm-5 {
padding-right: 1.5rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 1.5rem !important;
}
.ps-sm-5,
.px-sm-5 {
padding-left: 1.5rem !important;
}
.p-sm-6 {
padding: 2rem !important;
}
.pt-sm-6,
.py-sm-6 {
padding-top: 2rem !important;
}
.pe-sm-6,
.px-sm-6 {
padding-right: 2rem !important;
}
.pb-sm-6,
.py-sm-6 {
padding-bottom: 2rem !important;
}
.ps-sm-6,
.px-sm-6 {
padding-left: 2rem !important;
}
.p-sm-7 {
padding: 3rem !important;
}
.pt-sm-7,
.py-sm-7 {
padding-top: 3rem !important;
}
.pe-sm-7,
.px-sm-7 {
padding-right: 3rem !important;
}
.pb-sm-7,
.py-sm-7 {
padding-bottom: 3rem !important;
}
.ps-sm-7,
.px-sm-7 {
padding-left: 3rem !important;
}
.p-sm-8 {
padding: 4rem !important;
}
.pt-sm-8,
.py-sm-8 {
padding-top: 4rem !important;
}
.pe-sm-8,
.px-sm-8 {
padding-right: 4rem !important;
}
.pb-sm-8,
.py-sm-8 {
padding-bottom: 4rem !important;
}
.ps-sm-8,
.px-sm-8 {
padding-left: 4rem !important;
}
.p-sm-9 {
padding: 6rem !important;
}
.pt-sm-9,
.py-sm-9 {
padding-top: 6rem !important;
}
.pe-sm-9,
.px-sm-9 {
padding-right: 6rem !important;
}
.pb-sm-9,
.py-sm-9 {
padding-bottom: 6rem !important;
}
.ps-sm-9,
.px-sm-9 {
padding-left: 6rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.me-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ms-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;
}
.me-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ms-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;
}
.me-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ms-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;
}
.me-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ms-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 0.75rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 0.75rem !important;
}
.me-md-3,
.mx-md-3 {
margin-right: 0.75rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 0.75rem !important;
}
.ms-md-3,
.mx-md-3 {
margin-left: 0.75rem !important;
}
.m-md-4 {
margin: 1rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1rem !important;
}
.me-md-4,
.mx-md-4 {
margin-right: 1rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1rem !important;
}
.ms-md-4,
.mx-md-4 {
margin-left: 1rem !important;
}
.m-md-5 {
margin: 1.5rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 1.5rem !important;
}
.me-md-5,
.mx-md-5 {
margin-right: 1.5rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 1.5rem !important;
}
.ms-md-5,
.mx-md-5 {
margin-left: 1.5rem !important;
}
.m-md-6 {
margin: 2rem !important;
}
.mt-md-6,
.my-md-6 {
margin-top: 2rem !important;
}
.me-md-6,
.mx-md-6 {
margin-right: 2rem !important;
}
.mb-md-6,
.my-md-6 {
margin-bottom: 2rem !important;
}
.ms-md-6,
.mx-md-6 {
margin-left: 2rem !important;
}
.m-md-7 {
margin: 3rem !important;
}
.mt-md-7,
.my-md-7 {
margin-top: 3rem !important;
}
.me-md-7,
.mx-md-7 {
margin-right: 3rem !important;
}
.mb-md-7,
.my-md-7 {
margin-bottom: 3rem !important;
}
.ms-md-7,
.mx-md-7 {
margin-left: 3rem !important;
}
.m-md-8 {
margin: 4rem !important;
}
.mt-md-8,
.my-md-8 {
margin-top: 4rem !important;
}
.me-md-8,
.mx-md-8 {
margin-right: 4rem !important;
}
.mb-md-8,
.my-md-8 {
margin-bottom: 4rem !important;
}
.ms-md-8,
.mx-md-8 {
margin-left: 4rem !important;
}
.m-md-9 {
margin: 6rem !important;
}
.mt-md-9,
.my-md-9 {
margin-top: 6rem !important;
}
.me-md-9,
.mx-md-9 {
margin-right: 6rem !important;
}
.mb-md-9,
.my-md-9 {
margin-bottom: 6rem !important;
}
.ms-md-9,
.mx-md-9 {
margin-left: 6rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pe-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.ps-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;
}
.pe-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.ps-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;
}
.pe-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.ps-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 0.75rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 0.75rem !important;
}
.pe-md-3,
.px-md-3 {
padding-right: 0.75rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 0.75rem !important;
}
.ps-md-3,
.px-md-3 {
padding-left: 0.75rem !important;
}
.p-md-4 {
padding: 1rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1rem !important;
}
.pe-md-4,
.px-md-4 {
padding-right: 1rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1rem !important;
}
.ps-md-4,
.px-md-4 {
padding-left: 1rem !important;
}
.p-md-5 {
padding: 1.5rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 1.5rem !important;
}
.pe-md-5,
.px-md-5 {
padding-right: 1.5rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 1.5rem !important;
}
.ps-md-5,
.px-md-5 {
padding-left: 1.5rem !important;
}
.p-md-6 {
padding: 2rem !important;
}
.pt-md-6,
.py-md-6 {
padding-top: 2rem !important;
}
.pe-md-6,
.px-md-6 {
padding-right: 2rem !important;
}
.pb-md-6,
.py-md-6 {
padding-bottom: 2rem !important;
}
.ps-md-6,
.px-md-6 {
padding-left: 2rem !important;
}
.p-md-7 {
padding: 3rem !important;
}
.pt-md-7,
.py-md-7 {
padding-top: 3rem !important;
}
.pe-md-7,
.px-md-7 {
padding-right: 3rem !important;
}
.pb-md-7,
.py-md-7 {
padding-bottom: 3rem !important;
}
.ps-md-7,
.px-md-7 {
padding-left: 3rem !important;
}
.p-md-8 {
padding: 4rem !important;
}
.pt-md-8,
.py-md-8 {
padding-top: 4rem !important;
}
.pe-md-8,
.px-md-8 {
padding-right: 4rem !important;
}
.pb-md-8,
.py-md-8 {
padding-bottom: 4rem !important;
}
.ps-md-8,
.px-md-8 {
padding-left: 4rem !important;
}
.p-md-9 {
padding: 6rem !important;
}
.pt-md-9,
.py-md-9 {
padding-top: 6rem !important;
}
.pe-md-9,
.px-md-9 {
padding-right: 6rem !important;
}
.pb-md-9,
.py-md-9 {
padding-bottom: 6rem !important;
}
.ps-md-9,
.px-md-9 {
padding-left: 6rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.me-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ms-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;
}
.me-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ms-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;
}
.me-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ms-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;
}
.me-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ms-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 0.75rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 0.75rem !important;
}
.me-lg-3,
.mx-lg-3 {
margin-right: 0.75rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 0.75rem !important;
}
.ms-lg-3,
.mx-lg-3 {
margin-left: 0.75rem !important;
}
.m-lg-4 {
margin: 1rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1rem !important;
}
.me-lg-4,
.mx-lg-4 {
margin-right: 1rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1rem !important;
}
.ms-lg-4,
.mx-lg-4 {
margin-left: 1rem !important;
}
.m-lg-5 {
margin: 1.5rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 1.5rem !important;
}
.me-lg-5,
.mx-lg-5 {
margin-right: 1.5rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 1.5rem !important;
}
.ms-lg-5,
.mx-lg-5 {
margin-left: 1.5rem !important;
}
.m-lg-6 {
margin: 2rem !important;
}
.mt-lg-6,
.my-lg-6 {
margin-top: 2rem !important;
}
.me-lg-6,
.mx-lg-6 {
margin-right: 2rem !important;
}
.mb-lg-6,
.my-lg-6 {
margin-bottom: 2rem !important;
}
.ms-lg-6,
.mx-lg-6 {
margin-left: 2rem !important;
}
.m-lg-7 {
margin: 3rem !important;
}
.mt-lg-7,
.my-lg-7 {
margin-top: 3rem !important;
}
.me-lg-7,
.mx-lg-7 {
margin-right: 3rem !important;
}
.mb-lg-7,
.my-lg-7 {
margin-bottom: 3rem !important;
}
.ms-lg-7,
.mx-lg-7 {
margin-left: 3rem !important;
}
.m-lg-8 {
margin: 4rem !important;
}
.mt-lg-8,
.my-lg-8 {
margin-top: 4rem !important;
}
.me-lg-8,
.mx-lg-8 {
margin-right: 4rem !important;
}
.mb-lg-8,
.my-lg-8 {
margin-bottom: 4rem !important;
}
.ms-lg-8,
.mx-lg-8 {
margin-left: 4rem !important;
}
.m-lg-9 {
margin: 6rem !important;
}
.mt-lg-9,
.my-lg-9 {
margin-top: 6rem !important;
}
.me-lg-9,
.mx-lg-9 {
margin-right: 6rem !important;
}
.mb-lg-9,
.my-lg-9 {
margin-bottom: 6rem !important;
}
.ms-lg-9,
.mx-lg-9 {
margin-left: 6rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pe-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.ps-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;
}
.pe-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.ps-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;
}
.pe-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.ps-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 0.75rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 0.75rem !important;
}
.pe-lg-3,
.px-lg-3 {
padding-right: 0.75rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 0.75rem !important;
}
.ps-lg-3,
.px-lg-3 {
padding-left: 0.75rem !important;
}
.p-lg-4 {
padding: 1rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1rem !important;
}
.pe-lg-4,
.px-lg-4 {
padding-right: 1rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1rem !important;
}
.ps-lg-4,
.px-lg-4 {
padding-left: 1rem !important;
}
.p-lg-5 {
padding: 1.5rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 1.5rem !important;
}
.pe-lg-5,
.px-lg-5 {
padding-right: 1.5rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 1.5rem !important;
}
.ps-lg-5,
.px-lg-5 {
padding-left: 1.5rem !important;
}
.p-lg-6 {
padding: 2rem !important;
}
.pt-lg-6,
.py-lg-6 {
padding-top: 2rem !important;
}
.pe-lg-6,
.px-lg-6 {
padding-right: 2rem !important;
}
.pb-lg-6,
.py-lg-6 {
padding-bottom: 2rem !important;
}
.ps-lg-6,
.px-lg-6 {
padding-left: 2rem !important;
}
.p-lg-7 {
padding: 3rem !important;
}
.pt-lg-7,
.py-lg-7 {
padding-top: 3rem !important;
}
.pe-lg-7,
.px-lg-7 {
padding-right: 3rem !important;
}
.pb-lg-7,
.py-lg-7 {
padding-bottom: 3rem !important;
}
.ps-lg-7,
.px-lg-7 {
padding-left: 3rem !important;
}
.p-lg-8 {
padding: 4rem !important;
}
.pt-lg-8,
.py-lg-8 {
padding-top: 4rem !important;
}
.pe-lg-8,
.px-lg-8 {
padding-right: 4rem !important;
}
.pb-lg-8,
.py-lg-8 {
padding-bottom: 4rem !important;
}
.ps-lg-8,
.px-lg-8 {
padding-left: 4rem !important;
}
.p-lg-9 {
padding: 6rem !important;
}
.pt-lg-9,
.py-lg-9 {
padding-top: 6rem !important;
}
.pe-lg-9,
.px-lg-9 {
padding-right: 6rem !important;
}
.pb-lg-9,
.py-lg-9 {
padding-bottom: 6rem !important;
}
.ps-lg-9,
.px-lg-9 {
padding-left: 6rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.me-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1280px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.me-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ms-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;
}
.me-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ms-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;
}
.me-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ms-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 0.75rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 0.75rem !important;
}
.me-xl-3,
.mx-xl-3 {
margin-right: 0.75rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 0.75rem !important;
}
.ms-xl-3,
.mx-xl-3 {
margin-left: 0.75rem !important;
}
.m-xl-4 {
margin: 1rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1rem !important;
}
.me-xl-4,
.mx-xl-4 {
margin-right: 1rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1rem !important;
}
.ms-xl-4,
.mx-xl-4 {
margin-left: 1rem !important;
}
.m-xl-5 {
margin: 1.5rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 1.5rem !important;
}
.me-xl-5,
.mx-xl-5 {
margin-right: 1.5rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 1.5rem !important;
}
.ms-xl-5,
.mx-xl-5 {
margin-left: 1.5rem !important;
}
.m-xl-6 {
margin: 2rem !important;
}
.mt-xl-6,
.my-xl-6 {
margin-top: 2rem !important;
}
.me-xl-6,
.mx-xl-6 {
margin-right: 2rem !important;
}
.mb-xl-6,
.my-xl-6 {
margin-bottom: 2rem !important;
}
.ms-xl-6,
.mx-xl-6 {
margin-left: 2rem !important;
}
.m-xl-7 {
margin: 3rem !important;
}
.mt-xl-7,
.my-xl-7 {
margin-top: 3rem !important;
}
.me-xl-7,
.mx-xl-7 {
margin-right: 3rem !important;
}
.mb-xl-7,
.my-xl-7 {
margin-bottom: 3rem !important;
}
.ms-xl-7,
.mx-xl-7 {
margin-left: 3rem !important;
}
.m-xl-8 {
margin: 4rem !important;
}
.mt-xl-8,
.my-xl-8 {
margin-top: 4rem !important;
}
.me-xl-8,
.mx-xl-8 {
margin-right: 4rem !important;
}
.mb-xl-8,
.my-xl-8 {
margin-bottom: 4rem !important;
}
.ms-xl-8,
.mx-xl-8 {
margin-left: 4rem !important;
}
.m-xl-9 {
margin: 6rem !important;
}
.mt-xl-9,
.my-xl-9 {
margin-top: 6rem !important;
}
.me-xl-9,
.mx-xl-9 {
margin-right: 6rem !important;
}
.mb-xl-9,
.my-xl-9 {
margin-bottom: 6rem !important;
}
.ms-xl-9,
.mx-xl-9 {
margin-left: 6rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pe-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.ps-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;
}
.pe-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.ps-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;
}
.pe-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.ps-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 0.75rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 0.75rem !important;
}
.pe-xl-3,
.px-xl-3 {
padding-right: 0.75rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 0.75rem !important;
}
.ps-xl-3,
.px-xl-3 {
padding-left: 0.75rem !important;
}
.p-xl-4 {
padding: 1rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1rem !important;
}
.pe-xl-4,
.px-xl-4 {
padding-right: 1rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1rem !important;
}
.ps-xl-4,
.px-xl-4 {
padding-left: 1rem !important;
}
.p-xl-5 {
padding: 1.5rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 1.5rem !important;
}
.pe-xl-5,
.px-xl-5 {
padding-right: 1.5rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 1.5rem !important;
}
.ps-xl-5,
.px-xl-5 {
padding-left: 1.5rem !important;
}
.p-xl-6 {
padding: 2rem !important;
}
.pt-xl-6,
.py-xl-6 {
padding-top: 2rem !important;
}
.pe-xl-6,
.px-xl-6 {
padding-right: 2rem !important;
}
.pb-xl-6,
.py-xl-6 {
padding-bottom: 2rem !important;
}
.ps-xl-6,
.px-xl-6 {
padding-left: 2rem !important;
}
.p-xl-7 {
padding: 3rem !important;
}
.pt-xl-7,
.py-xl-7 {
padding-top: 3rem !important;
}
.pe-xl-7,
.px-xl-7 {
padding-right: 3rem !important;
}
.pb-xl-7,
.py-xl-7 {
padding-bottom: 3rem !important;
}
.ps-xl-7,
.px-xl-7 {
padding-left: 3rem !important;
}
.p-xl-8 {
padding: 4rem !important;
}
.pt-xl-8,
.py-xl-8 {
padding-top: 4rem !important;
}
.pe-xl-8,
.px-xl-8 {
padding-right: 4rem !important;
}
.pb-xl-8,
.py-xl-8 {
padding-bottom: 4rem !important;
}
.ps-xl-8,
.px-xl-8 {
padding-left: 4rem !important;
}
.p-xl-9 {
padding: 6rem !important;
}
.pt-xl-9,
.py-xl-9 {
padding-top: 6rem !important;
}
.pe-xl-9,
.px-xl-9 {
padding-right: 6rem !important;
}
.pb-xl-9,
.py-xl-9 {
padding-bottom: 6rem !important;
}
.ps-xl-9,
.px-xl-9 {
padding-left: 6rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.me-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
/*------- Alignments & values-------*/
.text-monospace {
font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1280px) {
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
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-normal {
font-weight: 400 !important;
}
.font-weight-semibold {
font-weight: 600 !important;
}
.font-weight-bold {
font-weight: bold !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #f0f0f0 !important;
}
.text-primary {
color: #4454c3 !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #5e69b8 !important;
}
.text-secondary {
color: #f72d66 !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #f72d66 !important;
}
.text-success {
color: #2dce89 !important;
}
a.text-success:hover, a.text-success:focus {
color: #15ca7c !important;
}
.text-info {
color: #45aaf2 !important;
}
a.text-info:hover, a.text-info:focus {
color: #25a1c0 !important;
}
.text-warning {
color: #ecb403 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #c29d0b !important;
}
.text-danger {
color: #ff5b51 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #df0812 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important;
}
.text-dark {
color: #424e79 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #384b6e !important;
}
.text-body {
color: #495057 !important;
}
.text-muted {
color: #728096 !important;
}
.icon-muted {
color: #e5e9f2 !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-white-80 {
color: rgba(255, 255, 255, 0.8) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
* {
text-shadow: none !important;
box-shadow: none !important;
}
*::before, *::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body,
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table,
.text-wrap table {
border-collapse: collapse !important;
}
.table td,
.text-wrap table td,
.table th,
.text-wrap table th {
background-color: #fff !important;
}
.table-bordered th,
.text-wrap table th,
.table-bordered td,
.text-wrap table td {
border: 1px solid #eff0f6 !important;
}
}
.lead {
line-height: 1.4;
}
a {
-webkit-text-decoration-skip-ink: auto;
text-decoration-skip-ink: auto;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
color: inherit;
}
strong,
b {
font-weight: 600;
}
p,
ul,
ol {
margin-bottom: 1em;
}
blockquote {
margin-bottom: 1em;
font-style: italic;
color: #6e7687;
padding-left: 2rem;
border-left: 2px solid rgba(0, 40, 100, 0.12);
}
blockquote p {
margin-bottom: 1rem;
}
blockquote cite {
display: block;
text-align: right;
}
blockquote cite:before {
content: "— ";
}
code {
background: #eff0f6;
border: 1px solid #eff0f6;
border-radius: 3px;
padding: 3px;
}
pre code {
padding: 0;
border-radius: 0;
border: none;
background: none;
}
hr {
margin-top: 2rem;
margin-bottom: 2rem;
}
pre {
color: #45aaf2;
padding: 1.5rem;
overflow: auto;
font-size: 85%;
line-height: 1.45;
border-left: 3px solid #4454c3;
background-color: #f8fafc;
border-radius: 3px;
tab-size: 4;
-webkit-hyphens: none;
hyphens: none;
}
img {
max-width: 100%;
}
.text-wrap {
font-size: 14px;
line-height: 1.66;
}
.text-wrap > :first-child {
margin-top: 0;
}
.text-wrap > :last-child {
margin-bottom: 0;
}
.text-wrap > h1,
.text-wrap > h2,
.text-wrap > h3,
.text-wrap > h4,
.text-wrap > h5,
.text-wrap > h6 {
margin-top: 1em;
}
.section-nav {
background-color: #f8f9fa;
margin: 1rem 0;
padding: 0.5rem 1rem;
border: 1px solid #eff0f6;
border-radius: 3px;
list-style: none;
}
.section-nav:before {
content: "Table of contents:";
display: block;
font-weight: 600;
}
@media print {
.container {
max-width: none;
}
}
.row-cards > .col,
.row-cards > [class*=col-] {
display: flex;
flex-direction: column;
}
.row-deck > .col,
.row-deck > [class*=col-] {
display: flex;
align-items: stretch;
}
.row-deck > .col .card,
.row-deck > [class*=col-] .card {
flex: 1 1 auto;
}
.col-text {
max-width: 48rem;
}
.col-login {
max-width: 24rem;
}
.gutters-0 {
margin-right: 0;
margin-left: 0;
}
.gutters-0 > .col,
.gutters-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.gutters-0 .card {
margin-bottom: 0;
}
.gutters-xs {
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.gutters-xs > .col,
.gutters-xs > [class*=col-] {
padding-right: 0.25rem;
padding-left: 0.25rem;
}
.gutters-xs .card {
margin-bottom: 0.5rem;
}
.gutters-sm {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.gutters-sm > .col,
.gutters-sm > [class*=col-] {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.gutters-sm .card {
margin-bottom: 1rem;
}
.gutters-lg {
margin-right: -1rem;
margin-left: -1rem;
}
.gutters-lg > .col,
.gutters-lg > [class*=col-] {
padding-right: 1rem;
padding-left: 1rem;
}
.gutters-lg .card {
margin-bottom: 2rem;
}
.gutters-xl {
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.gutters-xl > .col,
.gutters-xl > [class*=col-] {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.gutters-xl .card {
margin-bottom: 3rem;
}
.page,
.page-content {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
}
.app .page,
.app .page-content {
min-height: 100% !important;
}
body.fixed-header .page {
padding-top: 4.5rem;
}
@media (min-width: 1600px) {
body.aside-opened .page {
margin-right: 22rem;
}
}
.page-main {
flex: 1 1 auto;
}
.page-content {
margin: 0.75rem 0;
}
@media (min-width: 768px) {
.page-content {
margin: 1.5rem 0;
}
.h-100vh .page-content {
margin: 0;
}
}
.pos-absolute {
position: absolute;
top: 0;
border: 0;
left: 0;
right: 0;
display: block;
width: 100%;
height: 100%;
}
/*------ Background colors -------*/
.bg-blue-lightest {
background-color: #edf2fa !important;
}
a.bg-blue-lightest:hover, a.bg-blue-lightest:focus {
background-color: #c5d5ef !important;
}
button.bg-blue-lightest:hover, button.bg-blue-lightest:focus {
background-color: #c5d5ef !important;
}
.bg-blue-lighter {
background-color: #c8d9f1 !important;
}
a.bg-blue-lighter:hover, a.bg-blue-lighter:focus {
background-color: #9fbde7 !important;
}
button.bg-blue-lighter:hover, button.bg-blue-lighter:focus {
background-color: #9fbde7 !important;
}
.bg-blue-light {
background-color: #7ea5dd !important;
}
a.bg-blue-light:hover, a.bg-blue-light:focus {
background-color: #5689d2 !important;
}
button.bg-blue-light:hover, button.bg-blue-light:focus {
background-color: #5689d2 !important;
}
.bg-blue-dark {
background-color: #3866a6 !important;
}
a.bg-blue-dark:hover, a.bg-blue-dark:focus {
background-color: #2b4f80 !important;
}
button.bg-blue-dark:hover, button.bg-blue-dark:focus {
background-color: #2b4f80 !important;
}
.bg-blue-darker {
background-color: #1c3353 !important;
}
a.bg-blue-darker:hover, a.bg-blue-darker:focus {
background-color: #0f1c2d !important;
}
button.bg-blue-darker:hover, button.bg-blue-darker:focus {
background-color: #0f1c2d !important;
}
.bg-blue-darkest {
background-color: #0e1929 !important;
}
a.bg-blue-darkest:hover, a.bg-blue-darkest:focus {
background-color: #010203 !important;
}
button.bg-blue-darkest:hover, button.bg-blue-darkest:focus {
background-color: #010203 !important;
}
.bg-purssianblue {
background-color: #362f71;
}
a.bg-purssianblue-lightest:hover, a.bg-purssianblue-lightest:focus {
background-color: #3f3688 !important;
}
button.bg-purssianblue-lightest:hover, button.bg-purssianblue-lightest:focus {
background-color: #3f3688 !important;
}
.bg-indigo-lightest {
background-color: #f0f1fa !important;
}
a.bg-indigo-lightest:hover, a.bg-indigo-lightest:focus {
background-color: #cacded !important;
}
button.bg-indigo-lightest:hover, button.bg-indigo-lightest:focus {
background-color: #cacded !important;
}
.bg-indigo-lighter {
background-color: #d1d5f0 !important;
}
a.bg-indigo-lighter:hover, a.bg-indigo-lighter:focus {
background-color: #abb2e3 !important;
}
button.bg-indigo-lighter:hover, button.bg-indigo-lighter:focus {
background-color: #abb2e3 !important;
}
.bg-indigo-light {
background-color: #939edc !important;
}
a.bg-indigo-light:hover, a.bg-indigo-light:focus {
background-color: #6c7bd0 !important;
}
button.bg-indigo-light:hover, button.bg-indigo-light:focus {
background-color: #6c7bd0 !important;
}
.bg-indigo-dark {
background-color: #515da4 !important;
}
a.bg-indigo-dark:hover, a.bg-indigo-dark:focus {
background-color: #404a82 !important;
}
button.bg-indigo-dark:hover, button.bg-indigo-dark:focus {
background-color: #404a82 !important;
}
.bg-indigo-darker {
background-color: #282e52 !important;
}
a.bg-indigo-darker:hover, a.bg-indigo-darker:focus {
background-color: #171b30 !important;
}
button.bg-indigo-darker:hover, button.bg-indigo-darker:focus {
background-color: #171b30 !important;
}
.bg-indigo-darkest {
background-color: #141729 !important;
}
a.bg-indigo-darkest:hover, a.bg-indigo-darkest:focus {
background-color: #030407 !important;
}
button.bg-indigo-darkest:hover, button.bg-indigo-darkest:focus {
background-color: #030407 !important;
}
.bg-purple-lightest {
background-color: #f6effd !important;
}
a.bg-purple-lightest:hover, a.bg-purple-lightest:focus {
background-color: #ddc2f7 !important;
}
button.bg-purple-lightest:hover, button.bg-purple-lightest:focus {
background-color: #ddc2f7 !important;
}
.bg-purple-lighter {
background-color: #e4cff9 !important;
}
a.bg-purple-lighter:hover, a.bg-purple-lighter:focus {
background-color: #cba2f3 !important;
}
button.bg-purple-lighter:hover, button.bg-purple-lighter:focus {
background-color: #cba2f3 !important;
}
.bg-purple-light {
background-color: #c08ef0 !important;
}
a.bg-purple-light:hover, a.bg-purple-light:focus {
background-color: #a761ea !important;
}
button.bg-purple-light:hover, button.bg-purple-light:focus {
background-color: #a761ea !important;
}
.bg-purple-dark {
background-color: #844bbb !important;
}
a.bg-purple-dark:hover, a.bg-purple-dark:focus {
background-color: #6a3a99 !important;
}
button.bg-purple-dark:hover, button.bg-purple-dark:focus {
background-color: #6a3a99 !important;
}
.bg-purple-darker {
background-color: #42265e !important;
}
a.bg-purple-darker:hover, a.bg-purple-darker:focus {
background-color: #29173a !important;
}
button.bg-purple-darker:hover, button.bg-purple-darker:focus {
background-color: #29173a !important;
}
.bg-purple-darkest {
background-color: #21132f !important;
}
a.bg-purple-darkest:hover, a.bg-purple-darkest:focus {
background-color: #08040b !important;
}
button.bg-purple-darkest:hover, button.bg-purple-darkest:focus {
background-color: #08040b !important;
}
.bg-pink-lightest {
background-color: #fef0f5 !important;
}
a.bg-pink-lightest:hover, a.bg-pink-lightest:focus {
background-color: #fbc0d5 !important;
}
button.bg-pink-lightest:hover, button.bg-pink-lightest:focus {
background-color: #fbc0d5 !important;
}
.bg-pink-lighter {
background-color: #fcd3e1 !important;
}
a.bg-pink-lighter:hover, a.bg-pink-lighter:focus {
background-color: #f9a3c0 !important;
}
button.bg-pink-lighter:hover, button.bg-pink-lighter:focus {
background-color: #f9a3c0 !important;
}
.bg-pink-light {
background-color: #f999b9 !important;
}
a.bg-pink-light:hover, a.bg-pink-light:focus {
background-color: #f66998 !important;
}
button.bg-pink-light:hover, button.bg-pink-light:focus {
background-color: #f66998 !important;
}
.bg-pink-dark {
background-color: #c5577c !important;
}
a.bg-pink-dark:hover, a.bg-pink-dark:focus {
background-color: #ad3c62 !important;
}
button.bg-pink-dark:hover, button.bg-pink-dark:focus {
background-color: #ad3c62 !important;
}
.bg-pink-darker {
background-color: #622c3e !important;
}
a.bg-pink-darker:hover, a.bg-pink-darker:focus {
background-color: #3f1c28 !important;
}
button.bg-pink-darker:hover, button.bg-pink-darker:focus {
background-color: #3f1c28 !important;
}
.bg-pink-darkest {
background-color: #31161f !important;
}
a.bg-pink-darkest:hover, a.bg-pink-darkest:focus {
background-color: #0e0609 !important;
}
button.bg-pink-darkest:hover, button.bg-pink-darkest:focus {
background-color: #0e0609 !important;
}
.bg-red-lightest {
background-color: #fae9e9 !important;
}
a.bg-red-lightest:hover, a.bg-red-lightest:focus {
background-color: #f1bfbf !important;
}
button.bg-red-lightest:hover, button.bg-red-lightest:focus {
background-color: #f1bfbf !important;
}
.bg-red-lighter {
background-color: #f0bcbc !important;
}
a.bg-red-lighter:hover, a.bg-red-lighter:focus {
background-color: #e79292 !important;
}
button.bg-red-lighter:hover, button.bg-red-lighter:focus {
background-color: #e79292 !important;
}
.bg-red-light {
background-color: #dc6362 !important;
}
a.bg-red-light:hover, a.bg-red-light:focus {
background-color: #d33a38 !important;
}
button.bg-red-light:hover, button.bg-red-light:focus {
background-color: #d33a38 !important;
}
.bg-red-dark {
background-color: #a41a19 !important;
}
a.bg-red-dark:hover, a.bg-red-dark:focus {
background-color: #781312 !important;
}
button.bg-red-dark:hover, button.bg-red-dark:focus {
background-color: #781312 !important;
}
.bg-red-darker {
background-color: #520d0c !important;
}
a.bg-red-darker:hover, a.bg-red-darker:focus {
background-color: #260605 !important;
}
button.bg-red-darker:hover, button.bg-red-darker:focus {
background-color: #260605 !important;
}
.bg-red-darkest {
background-color: #290606 !important;
}
a.bg-red-darkest:hover, a.bg-red-darkest:focus {
background-color: black !important;
}
button.bg-red-darkest:hover, button.bg-red-darkest:focus {
background-color: black !important;
}
.bg-orange-lightest {
background-color: #fff5ec !important;
}
a.bg-orange-lightest:hover, a.bg-orange-lightest:focus {
background-color: peachpuff !important;
}
button.bg-orange-lightest:hover, button.bg-orange-lightest:focus {
background-color: peachpuff !important;
}
.bg-orange-lighter {
background-color: #fee0c7 !important;
}
a.bg-orange-lighter:hover, a.bg-orange-lighter:focus {
background-color: #fdc495 !important;
}
button.bg-orange-lighter:hover, button.bg-orange-lighter:focus {
background-color: #fdc495 !important;
}
.bg-orange-light {
background-color: #feb67c !important;
}
a.bg-orange-light:hover, a.bg-orange-light:focus {
background-color: #fe9a49 !important;
}
button.bg-orange-light:hover, button.bg-orange-light:focus {
background-color: #fe9a49 !important;
}
.bg-orange-dark {
background-color: #ca7836 !important;
}
a.bg-orange-dark:hover, a.bg-orange-dark:focus {
background-color: #a2602b !important;
}
button.bg-orange-dark:hover, button.bg-orange-dark:focus {
background-color: #a2602b !important;
}
.bg-orange-darker {
background-color: #653c1b !important;
}
a.bg-orange-darker:hover, a.bg-orange-darker:focus {
background-color: #3d2410 !important;
}
button.bg-orange-darker:hover, button.bg-orange-darker:focus {
background-color: #3d2410 !important;
}
.bg-orange-darkest {
background-color: #331e0e !important;
}
a.bg-orange-darkest:hover, a.bg-orange-darkest:focus {
background-color: #0b0603 !important;
}
button.bg-orange-darkest:hover, button.bg-orange-darkest:focus {
background-color: #0b0603 !important;
}
.bg-yellow-lightest {
background-color: #fef9e7 !important;
}
a.bg-yellow-lightest:hover, a.bg-yellow-lightest:focus {
background-color: #fcedb6 !important;
}
button.bg-yellow-lightest:hover, button.bg-yellow-lightest:focus {
background-color: #fcedb6 !important;
}
.bg-yellow-lighter {
background-color: #fbedb7 !important;
}
a.bg-yellow-lighter:hover, a.bg-yellow-lighter:focus {
background-color: #f8e187 !important;
}
button.bg-yellow-lighter:hover, button.bg-yellow-lighter:focus {
background-color: #f8e187 !important;
}
.bg-yellow-light {
background-color: #f5d657 !important;
}
a.bg-yellow-light:hover, a.bg-yellow-light:focus {
background-color: #f2ca27 !important;
}
button.bg-yellow-light:hover, button.bg-yellow-light:focus {
background-color: #f2ca27 !important;
}
.bg-yellow-dark {
background-color: #c19d0c !important;
}
a.bg-yellow-dark:hover, a.bg-yellow-dark:focus {
background-color: #917609 !important;
}
button.bg-yellow-dark:hover, button.bg-yellow-dark:focus {
background-color: #917609 !important;
}
.bg-yellow-darker {
background-color: #604e06 !important;
}
a.bg-yellow-darker:hover, a.bg-yellow-darker:focus {
background-color: #302703 !important;
}
button.bg-yellow-darker:hover, button.bg-yellow-darker:focus {
background-color: #302703 !important;
}
.bg-yellow-darkest {
background-color: #302703 !important;
}
a.bg-yellow-darkest:hover, a.bg-yellow-darkest:focus {
background-color: black !important;
}
button.bg-yellow-darkest:hover, button.bg-yellow-darkest:focus {
background-color: black !important;
}
.bg-green-lightest {
background-color: #eff8e6 !important;
}
a.bg-green-lightest:hover, a.bg-green-lightest:focus {
background-color: #d6edbe !important;
}
button.bg-green-lightest:hover, button.bg-green-lightest:focus {
background-color: #d6edbe !important;
}
.bg-green-lighter {
background-color: #cfeab3 !important;
}
a.bg-green-lighter:hover, a.bg-green-lighter:focus {
background-color: #b6df8b !important;
}
button.bg-green-lighter:hover, button.bg-green-lighter:focus {
background-color: #b6df8b !important;
}
.bg-green-light {
background-color: #8ecf4d !important;
}
a.bg-green-light:hover, a.bg-green-light:focus {
background-color: #75b831 !important;
}
button.bg-green-light:hover, button.bg-green-light:focus {
background-color: #75b831 !important;
}
.bg-green-dark {
background-color: #4b9500 !important;
}
a.bg-green-dark:hover, a.bg-green-dark:focus {
background-color: #316200 !important;
}
button.bg-green-dark:hover, button.bg-green-dark:focus {
background-color: #316200 !important;
}
.bg-green-darker {
background-color: #264a00 !important;
}
a.bg-green-darker:hover, a.bg-green-darker:focus {
background-color: #0c1700 !important;
}
button.bg-green-darker:hover, button.bg-green-darker:focus {
background-color: #0c1700 !important;
}
.bg-green-darkest {
background-color: #132500 !important;
}
a.bg-green-darkest:hover, a.bg-green-darkest:focus {
background-color: black !important;
}
button.bg-green-darkest:hover, button.bg-green-darkest:focus {
background-color: black !important;
}
.bg-teal-lightest {
background-color: #eafaf8 !important;
}
a.bg-teal-lightest:hover, a.bg-teal-lightest:focus {
background-color: #c1f0ea !important;
}
button.bg-teal-lightest:hover, button.bg-teal-lightest:focus {
background-color: #c1f0ea !important;
}
.bg-teal-lighter {
background-color: #bfefea !important;
}
a.bg-teal-lighter:hover, a.bg-teal-lighter:focus {
background-color: #96e5dd !important;
}
button.bg-teal-lighter:hover, button.bg-teal-lighter:focus {
background-color: #96e5dd !important;
}
.bg-teal-light {
background-color: #6bdbcf !important;
}
a.bg-teal-light:hover, a.bg-teal-light:focus {
background-color: #42d1c2 !important;
}
button.bg-teal-light:hover, button.bg-teal-light:focus {
background-color: #42d1c2 !important;
}
.bg-teal-dark {
background-color: #22a295 !important;
}
a.bg-teal-dark:hover, a.bg-teal-dark:focus {
background-color: #19786e !important;
}
button.bg-teal-dark:hover, button.bg-teal-dark:focus {
background-color: #19786e !important;
}
.bg-teal-darker {
background-color: #11514a !important;
}
a.bg-teal-darker:hover, a.bg-teal-darker:focus {
background-color: #082723 !important;
}
button.bg-teal-darker:hover, button.bg-teal-darker:focus {
background-color: #082723 !important;
}
.bg-teal-darkest {
background-color: #092925 !important;
}
a.bg-teal-darkest:hover, a.bg-teal-darkest:focus {
background-color: black !important;
}
button.bg-teal-darkest:hover, button.bg-teal-darkest:focus {
background-color: black !important;
}
.bg-cyan-lightest {
background-color: #e8f6f8 !important;
}
a.bg-cyan-lightest:hover, a.bg-cyan-lightest:focus {
background-color: #c1e7ec !important;
}
button.bg-cyan-lightest:hover, button.bg-cyan-lightest:focus {
background-color: #c1e7ec !important;
}
.bg-cyan-lighter {
background-color: #b9e3ea !important;
}
a.bg-cyan-lighter:hover, a.bg-cyan-lighter:focus {
background-color: #92d3de !important;
}
button.bg-cyan-lighter:hover, button.bg-cyan-lighter:focus {
background-color: #92d3de !important;
}
.bg-cyan-light {
background-color: #5dbecd !important;
}
a.bg-cyan-light:hover, a.bg-cyan-light:focus {
background-color: #3aabbd !important;
}
button.bg-cyan-light:hover, button.bg-cyan-light:focus {
background-color: #3aabbd !important;
}
.bg-cyan-dark {
background-color: #128293 !important;
}
a.bg-cyan-dark:hover, a.bg-cyan-dark:focus {
background-color: #0c5a66 !important;
}
button.bg-cyan-dark:hover, button.bg-cyan-dark:focus {
background-color: #0c5a66 !important;
}
.bg-cyan-darker {
background-color: #09414a !important;
}
a.bg-cyan-darker:hover, a.bg-cyan-darker:focus {
background-color: #03191d !important;
}
button.bg-cyan-darker:hover, button.bg-cyan-darker:focus {
background-color: #03191d !important;
}
.bg-cyan-darkest {
background-color: #052025 !important;
}
a.bg-cyan-darkest:hover, a.bg-cyan-darkest:focus {
background-color: black !important;
}
button.bg-cyan-darkest:hover, button.bg-cyan-darkest:focus {
background-color: black !important;
}
.bg-white-lightest {
background-color: white !important;
}
a.bg-white-lightest:hover, a.bg-white-lightest:focus {
background-color: #e6e5e5 !important;
}
button.bg-white-lightest:hover, button.bg-white-lightest:focus {
background-color: #e6e5e5 !important;
}
.bg-white-lighter {
background-color: white !important;
}
a.bg-white-lighter:hover, a.bg-white-lighter:focus {
background-color: #e6e5e5 !important;
}
button.bg-white-lighter:hover, button.bg-white-lighter:focus {
background-color: #e6e5e5 !important;
}
.bg-white-light {
background-color: white !important;
}
a.bg-white-light:hover, a.bg-white-light:focus {
background-color: #e6e5e5 !important;
}
button.bg-white-light:hover, button.bg-white-light:focus {
background-color: #e6e5e5 !important;
}
.bg-white-dark {
background-color: #cccccc !important;
}
a.bg-white-dark:hover, a.bg-white-dark:focus {
background-color: #b3b2b2 !important;
}
button.bg-white-dark:hover, button.bg-white-dark:focus {
background-color: #b3b2b2 !important;
}
.bg-white-darker {
background-color: #666666 !important;
}
a.bg-white-darker:hover, a.bg-white-darker:focus {
background-color: #4d4c4c !important;
}
button.bg-white-darker:hover, button.bg-white-darker:focus {
background-color: #4d4c4c !important;
}
.bg-white-darkest {
background-color: #333333 !important;
}
a.bg-white-darkest:hover, a.bg-white-darkest:focus {
background-color: #1a1919 !important;
}
button.bg-white-darkest:hover, button.bg-white-darkest:focus {
background-color: #1a1919 !important;
}
.bg-gray-lightest {
background-color: #f3f4f5 !important;
}
a.bg-gray-lightest:hover, a.bg-gray-lightest:focus {
background-color: #d7dbde !important;
}
button.bg-gray-lightest:hover, button.bg-gray-lightest:focus {
background-color: #d7dbde !important;
}
.bg-gray-lighter {
background-color: #dbdde0 !important;
}
a.bg-gray-lighter:hover, a.bg-gray-lighter:focus {
background-color: #c0c3c8 !important;
}
button.bg-gray-lighter:hover, button.bg-gray-lighter:focus {
background-color: #c0c3c8 !important;
}
.bg-gray-light {
background-color: #aab0b6 !important;
}
a.bg-gray-light:hover, a.bg-gray-light:focus {
background-color: #8f979e !important;
}
button.bg-gray-light:hover, button.bg-gray-light:focus {
background-color: #8f979e !important;
}
.bg-gray-darker {
background-color: #36393c !important;
}
a.bg-gray-darker:hover, a.bg-gray-darker:focus {
background-color: #1e2021 !important;
}
button.bg-gray-darker:hover, button.bg-gray-darker:focus {
background-color: #1e2021 !important;
}
.bg-gray-darkest {
background-color: #1b1c1e !important;
}
a.bg-gray-darkest:hover, a.bg-gray-darkest:focus {
background-color: #030303 !important;
}
button.bg-gray-darkest:hover, button.bg-gray-darkest:focus {
background-color: #030303 !important;
}
.bg-gray-dark-lightest {
background-color: #ebebec !important;
}
a.bg-gray-dark-lightest:hover, a.bg-gray-dark-lightest:focus {
background-color: #d1d1d3 !important;
}
button.bg-gray-dark-lightest:hover, button.bg-gray-dark-lightest:focus {
background-color: #d1d1d3 !important;
}
.bg-gray-dark-lighter {
background-color: #c2c4c6 !important;
}
a.bg-gray-dark-lighter:hover, a.bg-gray-dark-lighter:focus {
background-color: #a8abad !important;
}
button.bg-gray-dark-lighter:hover, button.bg-gray-dark-lighter:focus {
background-color: #a8abad !important;
}
.bg-gray-dark-light {
background-color: #717579 !important;
}
a.bg-gray-dark-light:hover, a.bg-gray-dark-light:focus {
background-color: #585c5f !important;
}
button.bg-gray-dark-light:hover, button.bg-gray-dark-light:focus {
background-color: #585c5f !important;
}
.bg-gray-dark-dark {
background-color: #2a2e33 !important;
}
a.bg-gray-dark-dark:hover, a.bg-gray-dark-dark:focus {
background-color: #131517 !important;
}
button.bg-gray-dark-dark:hover, button.bg-gray-dark-dark:focus {
background-color: #131517 !important;
}
.bg-gray-dark-darker {
background-color: #15171a !important;
}
a.bg-gray-dark-darker:hover, a.bg-gray-dark-darker:focus {
background-color: black !important;
}
button.bg-gray-dark-darker:hover, button.bg-gray-dark-darker:focus {
background-color: black !important;
}
.bg-gray-dark-darkest {
background-color: #0a0c0d !important;
}
a.bg-gray-dark-darkest:hover, a.bg-gray-dark-darkest:focus {
background-color: black !important;
}
button.bg-gray-dark-darkest:hover, button.bg-gray-dark-darkest:focus {
background-color: black !important;
}
.bg-azure-lightest {
background-color: #ecf7fe !important;
}
a.bg-azure-lightest:hover, a.bg-azure-lightest:focus {
background-color: #bce3fb !important;
}
button.bg-azure-lightest:hover, button.bg-azure-lightest:focus {
background-color: #bce3fb !important;
}
.bg-azure-lighter {
background-color: #c7e6fb !important;
}
a.bg-azure-lighter:hover, a.bg-azure-lighter:focus {
background-color: #97d1f8 !important;
}
button.bg-azure-lighter:hover, button.bg-azure-lighter:focus {
background-color: #97d1f8 !important;
}
.bg-azure-light {
background-color: #7dc4f6 !important;
}
a.bg-azure-light:hover, a.bg-azure-light:focus {
background-color: #4daef3 !important;
}
button.bg-azure-light:hover, button.bg-azure-light:focus {
background-color: #4daef3 !important;
}
.bg-azure-dark {
background-color: #3788c2 !important;
}
a.bg-azure-dark:hover, a.bg-azure-dark:focus {
background-color: #2c6c9a !important;
}
button.bg-azure-dark:hover, button.bg-azure-dark:focus {
background-color: #2c6c9a !important;
}
.bg-azure-darker {
background-color: #1c4461 !important;
}
a.bg-azure-darker:hover, a.bg-azure-darker:focus {
background-color: #112839 !important;
}
button.bg-azure-darker:hover, button.bg-azure-darker:focus {
background-color: #112839 !important;
}
.bg-azure-darkest {
background-color: #0e2230 !important;
}
a.bg-azure-darkest:hover, a.bg-azure-darkest:focus {
background-color: #020609 !important;
}
button.bg-azure-darkest:hover, button.bg-azure-darkest:focus {
background-color: #020609 !important;
}
.bg-lime-lightest {
background-color: #f2fbeb !important;
}
a.bg-lime-lightest:hover, a.bg-lime-lightest:focus {
background-color: #d6f3c1 !important;
}
button.bg-lime-lightest:hover, button.bg-lime-lightest:focus {
background-color: #d6f3c1 !important;
}
.bg-lime-lighter {
background-color: #d7f2c2 !important;
}
a.bg-lime-lighter:hover, a.bg-lime-lighter:focus {
background-color: #bbe998 !important;
}
button.bg-lime-lighter:hover, button.bg-lime-lighter:focus {
background-color: #bbe998 !important;
}
.bg-lime-light {
background-color: #a3e072 !important;
}
a.bg-lime-light:hover, a.bg-lime-light:focus {
background-color: #88d748 !important;
}
button.bg-lime-light:hover, button.bg-lime-light:focus {
background-color: #88d748 !important;
}
.bg-lime-dark {
background-color: #62a82a !important;
}
a.bg-lime-dark:hover, a.bg-lime-dark:focus {
background-color: #4a7f20 !important;
}
button.bg-lime-dark:hover, button.bg-lime-dark:focus {
background-color: #4a7f20 !important;
}
.bg-lime-darker {
background-color: #315415 !important;
}
a.bg-lime-darker:hover, a.bg-lime-darker:focus {
background-color: #192b0b !important;
}
button.bg-lime-darker:hover, button.bg-lime-darker:focus {
background-color: #192b0b !important;
}
.bg-lime-darkest {
background-color: #192a0b !important;
}
a.bg-lime-darkest:hover, a.bg-lime-darkest:focus {
background-color: #010200 !important;
}
button.bg-lime-darkest:hover, button.bg-lime-darkest:focus {
background-color: #010200 !important;
}
.display-1 i,
.display-2 i,
.display-3 i,
.display-4 i {
vertical-align: baseline;
font-size: 0.815em;
}
.text-inherit {
color: inherit !important;
}
.text-default {
color: #4e5761 !important;
}
.text-muted-dark {
color: #6e7687 !important;
}
.tracking-tight {
letter-spacing: -0.05em !important;
}
.tracking-normal {
letter-spacing: 0 !important;
}
.tracking-wide {
letter-spacing: 0.05em !important;
}
.leading-none {
line-height: 1 !important;
}
.leading-tight {
line-height: 1.25 !important;
}
.leading-normal {
line-height: 1.5 !important;
}
.leading-loose {
line-height: 2 !important;
}
.bg-blue {
background-color: #083dc1 !important;
color: #fff !important;
}
a.bg-blue:hover, a.bg-blue:focus {
background-color: #1747bd !important;
}
button.bg-blue:hover, button.bg-blue:focus {
background-color: #1747bd !important;
}
.text-blue {
color: #083dc1 !important;
}
.bg-indigo {
background-color: #6574cd !important;
color: #fff !important;
}
a.bg-indigo:hover, a.bg-indigo:focus {
background-color: #3f51c1 !important;
}
button.bg-indigo:hover, button.bg-indigo:focus {
background-color: #3f51c1 !important;
}
.text-indigo {
color: #6574cd !important;
}
.bg-purple {
background-color: #aa4cf2 !important;
color: #fff !important;
}
a.bg-purple:hover, a.bg-purple:focus {
background-color: #8c31e4 !important;
}
button.bg-purple:hover, button.bg-purple:focus {
background-color: #8c31e4 !important;
}
.text-purple {
color: #aa4cf2 !important;
}
.text-lightpink-red {
color: #ff7088 !important;
}
.text-lightgreen {
color: #26eda2 !important;
}
.bg-pink {
background-color: #ec82ef !important;
color: #fff !important;
}
.bg-darkpink {
background-color: #14a485 !important;
color: #fff !important;
}
a.bg-pink:hover, a.bg-pink:focus {
background-color: #f33d7a !important;
}
button.bg-pink:hover, button.bg-pink:focus {
background-color: #f33d7a !important;
}
.text-pink {
color: #ec82ef !important;
}
.bg-red {
background-color: #dc0441 !important;
color: #fff !important;
}
a.bg-red:hover, a.bg-red:focus {
background-color: #a11918 !important;
}
button.bg-red:hover, button.bg-red:focus {
background-color: #a11918 !important;
}
.text-red {
color: #dc0441 !important;
}
.bg-orange {
background-color: #fc7303 !important;
color: #fff !important;
}
a.bg-orange:hover, a.bg-orange:focus {
background-color: #fc7a12 !important;
}
button.bg-orange:hover, button.bg-orange:focus {
background-color: #fc7a12 !important;
}
.text-orange {
color: #fc7303 !important;
}
.bg-yellow {
background-color: #ecb403 !important;
color: #fff !important;
}
a.bg-yellow:hover, a.bg-yellow:focus {
background-color: #c29d0b !important;
}
button.bg-yellow:hover, button.bg-yellow:focus {
background-color: #c29d0b !important;
}
.text-yellow {
color: #ecb403 !important;
}
.bg-green {
background-color: #2dce89 !important;
color: #000 !important;
}
a.bg-green:hover, a.bg-green:focus {
background-color: #15ca7c !important;
}
button.bg-green:hover, button.bg-green:focus {
background-color: #15ca7c !important;
}
.text-green {
color: #2dce89 !important;
}
.bg-teal {
background-color: #2bcbba !important;
}
a.bg-teal:hover, a.bg-teal:focus {
background-color: #22a193 !important;
}
button.bg-teal:hover, button.bg-teal:focus {
background-color: #22a193 !important;
}
.text-teal {
color: #2bcbba !important;
}
.bg-cyan {
background-color: #17a2b8 !important;
color: #fff !important;
}
a.bg-cyan:hover, a.bg-cyan:focus {
background-color: #117a8b !important;
}
button.bg-cyan:hover, button.bg-cyan:focus {
background-color: #117a8b !important;
}
.text-cyan {
color: #17a2b8 !important;
}
.bg-white {
background-color: #fff !important;
}
a.bg-white:hover, a.bg-white:focus {
background-color: #f3f4f5 !important;
}
button.bg-white:hover, button.bg-white:focus {
background-color: #f3f4f5 !important;
}
.text-white {
color: #fff !important;
}
.bg-gray {
background-color: #868e96 !important;
}
a.bg-gray:hover, a.bg-gray:focus {
background-color: #6c757d !important;
}
button.bg-gray:hover, button.bg-gray:focus {
background-color: #6c757d !important;
}
.text-gray {
color: #969696 !important;
}
.bg-lightpink-red {
color: #ff7088 !important;
}
.bg-gray-dark {
background-color: #343a40 !important;
}
a.bg-gray-dark:hover, a.bg-gray-dark:focus {
background-color: #1d2124 !important;
}
button.bg-gray-dark:hover, button.bg-gray-dark:focus {
background-color: #1d2124 !important;
}
.text-gray-dark {
color: #343a40 !important;
}
.bg-azure {
background-color: #f37421 !important;
}
a.bg-azure:hover, a.bg-azure:focus {
background-color: #1594ef !important;
}
button.bg-azure:hover, button.bg-azure:focus {
background-color: #1594ef !important;
}
.text-azure {
color: #45aaf2 !important;
}
.bg-lime {
background-color: #1e74a0 !important;
}
a.bg-lime:hover, a.bg-lime:focus {
background-color: #63ad27 !important;
}
button.bg-lime:hover, button.bg-lime:focus {
background-color: #63ad27 !important;
}
.text-lime {
color: #1e74a0 !important;
}
.icon {
color: #fff !important;
}
.icon i {
vertical-align: -1px;
color: #b6c1d9;
}
a.icon {
text-decoration: none;
cursor: pointer;
}
a.icon:hover {
color: #fff !important;
}
.o-auto {
overflow: auto !important;
}
.o-hidden {
overflow: hidden !important;
}
.shadow {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
.shadow2 {
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0), 10px 10px 15px -5px #b0b8d6 !important;
}
.shadow-none {
box-shadow: none !important;
}
.bg-light2 {
background: #cedbfd;
}
.bg-light-color {
background: #cedbfd;
}
.bg-primary-transparent {
background-color: rgba(68, 84, 195, 0.5) !important;
}
.bg-secondary-transparent {
background-color: rgba(247, 45, 102, 0.5) !important;
}
.bg-success-transparent {
background-color: rgba(45, 206, 137, 0.5) !important;
}
.bg-info-transparent {
background-color: rgba(69, 170, 242, 0.5) !important;
}
.bg-warning-transparent {
background-color: rgba(236, 180, 3, 0.5) !important;
}
.bg-danger-transparent {
background-color: rgba(255, 91, 81, 0.5) !important;
}
.bg-primary-transparent-2 {
background-color: rgba(68, 84, 195, 0.15) !important;
}
.bg-secondary-transparent-2 {
background-color: rgba(247, 45, 102, 0.15) !important;
}
.bg-success-transparent-2 {
background-color: rgba(45, 206, 137, 0.15) !important;
}
.bg-info-transparent-2 {
background-color: rgba(69, 170, 242, 0.15) !important;
}
.bg-warning-transparent-2 {
background-color: rgba(236, 180, 3, 0.15) !important;
}
.bg-danger-transparent-2 {
background-color: rgba(255, 91, 81, 0.15) !important;
}
.row {
display: flex;
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%;
min-height: 1px;
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1280px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
/* ###### pages ####### */
/*-----Gallery-----*/
.demo-gallery > ul {
margin-bottom: 0;
}
.demo-gallery > ul > li {
float: left;
margin-bottom: 15px;
width: 200px;
border: 0;
}
.demo-gallery > ul > li a {
border: 3px solid #fff;
border-radius: 3px;
display: block;
overflow: hidden;
position: relative;
float: left;
}
.demo-gallery > ul > li a > img {
transition: transform 0.15s ease 0s;
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery > ul > li a:hover > img {
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
transition: transform 0.15s ease 0s;
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
height: 48px;
margin-left: -24px;
margin-top: -24px;
opacity: 0.8;
width: 48px;
}
.demo-gallery.dark > ul > li a {
border: 3px solid #04070a;
}
.home .demo-gallery {
padding-bottom: 80px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 100%;
}
.col-sm-3 a {
border: 1px solid transparent;
border-radius: 0;
transition: all 3s ease;
}
.col-sm-3 a:hover {
border: 1px solid #ff4647;
border-radius: 100% 60%/30% 10%;
background: linear-gradient(rgba(56, 123, 131, 0.7), rgba(56, 123, 131, 0.7));
}
.gallery-list {
list-style-type: none;
margin: -5px -5px 15px;
padding: 0;
}
.gallery-list > li {
float: left;
width: 23%;
padding: 10px;
margin: 10px;
border: 1px solid #efefef;
}
.gallery-list > li .image-container {
border-radius: 5px;
background: #fff;
position: relative;
}
.gallery-list > li .image {
padding-top: 60%;
position: relative;
overflow: hidden;
border-radius: 5px 5px 0 0;
}
.gallery-list > li .image img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
}
.gallery-list > li .btn-list {
position: absolute;
left: 10px;
top: 10px;
right: 10px;
z-index: 1;
}
.gallery-list > li .info {
padding: 8px 10px;
}
.gallery-list > li .info * {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gallery-list > li .info h5 {
margin: 0;
font-size: 12px;
}
@media (max-width: 991px) {
.gallery-list > li {
width: 45.33%;
}
}
@media (max-width: 480px) {
.gallery-list > li {
width: 100%;
}
}
.pricing {
color: #fff;
border-radius: 7px;
}
.pricing .card-category {
background: rgba(255, 255, 255, 0.34);
padding: 7px 0;
color: #fff;
border-radius: 5px;
}
.pricing .list-unstyled li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 7px 0;
}
.pricing1 {
color: #8e9cad;
border-radius: 7px;
}
.pricing1 .list-unstyled li {
border-bottom: 1px solid #eff0f6;
padding: 7px 0;
}
.pricing1 .card-category {
background: rgba(255, 255, 255, 0.3);
padding: 20px 0;
border-radius: 7px 7px 0 0;
color: #fff;
}
.pricing-table {
width: 100%;
margin: 0 auto;
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
border-radius: 0px;
}
.pricing-table:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.pricing-table:hover > .panel-footer-landing {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05) inset;
-webkit-transition: all 0.3s ease;
}
.pricing-table:hover > .panel > .panel-body-landing {
background: #38a01e;
-webkit-transition: all 0.3s ease;
}
.pricing-table:hover > .panel > .panel-heading-landing-box {
background: #fff !important;
color: #333 !important;
-webkit-transition: all 0.3s ease;
}
.pricing-table:hover > .panel > .controle-header {
background: #38a01e !important;
/* border: solid 2px #5CB85C !important;*/
-webkit-transition: all 0.3s ease;
}
.pricing-table:hover > .panel > .panel-footer {
background: #38a01e !important;
/* border: solid 2px #5CB85C !important;*/
-webkit-transition: all 0.3s ease;
text-align: center;
}
.pricing-table:hover > .panel > .panel-footer > .btn {
border: solid 1px #fff !important;
-webkit-transition: all 0.3s ease;
}
.pricing-table:hover > .panel > .controle-header > .panel-title-landing {
color: #fff !important;
-webkit-transition: all 0.3s ease;
font-size: 35px;
}
.pricing-table:hover > .panel > .panel-body-landing > .table > tbody > tr > td {
font-weight: 500;
-webkit-transition: all 0.3s ease;
}
.pricing-table > .panel > .controle-header > .panel-title-landing {
color: #000 !important;
font-size: 35px;
}
.btn-price:hover {
background: #fff !important;
color: #38a01e !important;
-webkit-transition: all 0.3s ease;
}
.table > tbody > tr > th {
font-weight: 500;
-webkit-transition: all 0.3s ease;
}
.table > tfoot > tr > td,
.table > tfoot > tr > th {
font-weight: 500;
-webkit-transition: all 0.3s ease;
}
.table > thead > tr > td,
.table > thead > tr > th {
font-weight: 500;
-webkit-transition: all 0.3s ease;
}
.panel-body-landing:hover > .table > tbody > tr > td {
color: #fff !important;
-webkit-transition: all 0.3s ease;
}
.panel-heading-landing {
background: #f7f7f7 !important;
padding: 20px !important;
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
border: solid 2px #38a01e !important;
border-bottom: none !important;
text-align: center;
margin-top: 20px;
}
.col-sm-4 .pricing-table .table td {
padding: 0.75rem;
vertical-align: top;
text-align: left;
}
.panel-heading-landing-box {
background: #38a01e !important;
color: #fff !important;
font-size: 16px !important;
text-align: center;
border-top: none !important;
}
.panel-title-landing {
color: #38a01e !important;
font-size: 35px;
font-weight: bold;
}
.panel-body-landing {
border: solid 2px #38a01e !important;
border-top: none !important;
border-bottom: none !important;
text-align: center;
background: #fff;
}
.panel-footer-landing {
border: solid 2px #38a01e !important;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
border-top: none !important;
text-align: center;
background: #f7f7f7;
}
.plan-card .plan-icon {
display: inline-block;
font-size: 35px;
width: 100px;
height: 100px;
color: #fff;
line-height: 76px;
overflow: hidden;
border: 12px solid rgba(242, 246, 249, 0.55);
border-radius: 50%;
transition: all 0.3s;
}
.plan-card .plan-price {
border-top: 1px solid #eff0f6;
padding-top: 20px;
}
.plan-card .plan-price span {
font-size: 15px;
vertical-align: middle;
}
.plan-card .plan-features p {
line-height: 40px;
margin-bottom: 0;
border-bottom: 1px solid #eff0f6;
}
.plan-card .plan-features p:first-child {
border-top: 1px solid #eff0f6;
}
/*------ Pricing Styles ---------*/
.panel.price {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
margin-bottom: 1.5rem;
border: 1px solid #eff0f6;
overflow: hidden;
border-radius: 5px;
overflow: hidden;
}
.panel.price > .panel-heading {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
background: #4454c3;
color: #fff;
}
.panel.price h3 {
margin-bottom: 0;
padding: 20px 0;
}
.panel.price .list-group-item:last-child {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.panel.price .list-group-item:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.panel-heading {
padding: 10px 15px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background: #fff;
}
.price .list-group-item {
border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}
.price .panel-footer {
border-bottom: 0px;
background-color: #fff;
}
.price.panel-color > .panel-body {
background-color: #fff;
}
.panel-body {
padding: 15px;
}
.panel-body .lead {
font-size: 20px;
margin-bottom: 0;
padding: 10px 0;
}
.panel-body .lead strong {
font-size: 40px;
margin-bottom: 0;
}
.panel-footer {
padding: 10px 15px;
background-color: #f7f7f7;
border-top: 1px solid #eff0f6;
border-left: 1px solid #eff0f6;
border-right: 1px solid #eff0f6;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel.price .btn {
box-shadow: 0 -1px 0px rgba(50, 50, 50, 0.2) inset;
border: 0px;
}
/*end of pricing*/
@media (min-width: 992px) {
.plan-card.active {
margin-top: -25px;
margin-left: -20px;
width: 120%;
height: 100%;
z-index: 1;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgba(176, 184, 214, 0.16);
padding: 30px 0;
font-size: 16px;
padding-bottom: 20px;
}
.plan-card.active .plan-features p {
line-height: 50px;
}
.plan-card.active .plan-card .plan-price span {
font-size: 18px;
}
.plan-card.active .display-4 {
font-size: 3.5rem;
}
.pricing-sctive .display-3 {
font-size: 4rem;
}
.plan-card.active h6 {
font-size: 16px;
}
.pricing-sctive {
margin-top: -25px;
margin-left: -20px;
width: 120%;
height: 100%;
font-size: 16px;
z-index: 1;
}
.panel.price.active {
margin-top: -25px;
margin-left: -20px;
width: 120%;
height: 100%;
z-index: 8;
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px rgba(176, 184, 214, 0.08);
position: relative;
font-size: 16px;
border-right: 1px !important;
}
.no-gutters .panel.price {
border-right: 0;
}
.no-gutters .panel.price.active .panel-body .lead strong {
font-size: 50px;
}
.no-gutters .panel.price.active .price-title {
font-size: 26px;
}
.no-gutters .panel.price:last-child {
border-right: 1px;
}
}
.price-svg {
position: relative;
}
.price-svg .price-title {
position: absolute;
top: 29%;
left: 0;
right: 0;
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: 500;
font-size: 24px;
}
.price-svg svg {
height: 120px;
}
.pricing-tabs ul.nav-price {
text-align: center;
margin: 0 auto;
display: inline-flex;
margin-top: 30px;
margin-bottom: 40px;
border: 1px solid #eff0f6;
border-radius: 5px;
background: #fff;
overflow: hidden;
}
.pricing-tabs ul.nav-price li {
display: block;
}
.pricing-tabs ul.nav-price li a {
padding: 12px 40px;
display: block;
background: #fff;
font-size: 16px;
/* color: #14112d; */
border-radius: 0px;
transition: 0.3s;
}
.pricing-tabs ul.nav-price li a.active {
background: #4454c3;
color: #fff;
transition: 0.3s;
}
.leading-loose li {
padding: 5px 0;
}
.leading-loose li:last-child {
border-bottom: 0;
}
.pricing-tabs .pri-tabs-heading2 ul.nav-price {
text-align: center;
margin: 0 auto;
display: inline-flex;
margin-top: 30px;
margin-bottom: 40px;
border: 1px solid #d3dfea;
border-radius: 0px;
background: #f3f4f7;
border-radius: 50px;
}
.pricing-tabs .pri-tabs-heading2 ul.nav-price li {
display: block;
}
.pricing-tabs .pri-tabs-heading2 ul.nav-price li a {
padding: 12px 40px;
display: block;
background: #f3f4f7;
font-size: 16px;
/* color: #14112d; */
border-radius: 50px;
transition: 0.3s;
font-weight: 600;
}
.pricing-tabs .pri-tabs-heading2 ul.nav-price li a.active {
background: #4454c3;
}
.pricing-tabs .pri-tabs-heading3 ul.nav-price {
border-radius: 50px;
}
.pricing-tabs .pri-tabs-heading3 ul.nav-price li:first-child a {
border-radius: 50px 0 0 50px;
border-left: 0;
}
.pricing-tabs .pri-tabs-heading3 ul.nav-price li:last-child a {
border-radius: 0 50px 50px 0;
}
.pricing-tabs .pri-tabs-heading3 ul.nav-price li a {
border-left: 1px solid #eff0f6;
}
/*---profile---*/
.profile-cover {
width: 100%;
}
.profile-cover .cover {
position: relative;
border: 10px solid #fff;
border-radius: 7px;
}
.profile-cover .cover .inner-cover {
overflow: hidden;
height: auto;
}
.profile-cover .cover .inner-cover img {
border: 1px solid transparent;
text-align: center;
width: 100%;
}
.profile-cover .cover .inner-cover .cover-menu-mobile {
position: absolute;
top: 10px;
right: 10px;
}
.profile-cover .cover .inner-cover .cover-menu-mobile button i {
font-size: 17px;
}
.profile-cover .cover ul.cover-menu {
padding-left: 150px;
position: absolute;
overflow: hidden;
left: 1px;
float: left;
bottom: 0px;
width: 100%;
margin: 0px;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.24);
}
.profile-cover .cover ul.cover-menu li {
display: block;
float: left;
margin-right: 0px;
padding: 0px 10px;
line-height: 40px;
height: 40px;
transition: all 0.3s;
}
.profile-cover .cover ul.cover-menu li:hover {
background-color: rgba(0, 0, 0, 0.44);
}
.profile-cover .cover ul.cover-menu li.active {
background-color: rgba(0, 0, 0, 0.64);
}
.profile-cover .cover ul.cover-menu li a {
color: #fff;
font-weight: bold;
display: block;
height: 40px;
line-height: 40px;
text-decoration: none;
}
.profile-cover .cover ul.cover-menu li a i {
font-size: 18px;
}
.profile-cover .profile-body {
margin: 0px auto 10px;
position: relative;
}
.profile-cover .profile-timeline {
padding: 15px;
}
.img-post {
width: 30px;
height: 30px;
}
.img-post2 {
width: 50px;
height: 50px;
}
/*---End profile---*/
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/* ###### custom ####### */
body.dark-mode *::-webkit-scrollbar-thumb,
body.dark-mode *:hover::-webkit-scrollbar-thumb {
background: #262b48;
}
body.dark-mode *::-webkit-scrollbar-track {
background: #10163a;
}
@media only screen and (max-width: 767px) and (min-width: 568px) {
.app.dark-mode .app-header .header-brand .header-brand-img.mobile-logo {
display: none;
}
.app.dark-mode .app-header .header-brand .header-brand-img.darkmobile-logo {
display: none;
}
.app.dark-mode .app-header .header-brand .header-brand-img.desktop-lgo {
display: none;
}
.app.dark-mode .app-header .header-brand .header-brand-img.dark-logo {
display: block !important;
margin-top: 6px;
}
}
@media only screen and (max-width: 567px) {
.app.dark-mode .app-header .header-brand .header-brand-img.dark-logo {
display: none !important;
}
.app.dark-mode .app-header .header-brand .header-brand-img.darkmobile-logo {
display: block !important;
margin-top: 6px;
}
}
.dark-mode .form-control::placeholder {
color: rgba(255, 255, 255, 0.2) !important;
}
.dark-mode a {
color: #edf0f5;
}
.dark-mode .nav-sidebar li ul {
background: #eeeeee;
}
body.dark-mode {
color: #edf0f5;
background: #262b48;
}
.dark-mode a:hover {
color: #4454c3;
text-decoration: none;
}
.dark-mode caption {
color: #505662;
}
.dark-mode .bcolor {
background-color: #cf4c3a !important;
}
.dark-mode .bcolor1 {
background-color: #d6124a !important;
}
.dark-mode hr {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode mark,
.dark-mode .mark {
background-color: #fcf8e3;
}
.dark-mode .list-unstyled li {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode #sidebar .list-unstyled li {
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
.dark-mode .blockquote-footer {
color: #868e96;
}
.dark-mode .img-thumbnail {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .figure-caption {
color: #868e96;
}
.dark-mode kbd {
color: #fff;
background-color: #343a40;
}
@media (min-width: 992px) {
.dark-mode #sticky {
color: #fff;
}
}
.dark-mode .table th,
.dark-mode .text-wrap table th,
.dark-mode .text-wrap table td {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .table thead th,
.dark-mode .text-wrap table thead th {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .table tbody + tbody,
.dark-mode .text-wrap table tbody + tbody {
border-top: 2px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .table .table,
.dark-mode .text-wrap table .table,
.dark-mode .table .text-wrap table,
.dark-mode .text-wrap .table table,
.dark-mode .text-wrap table table {
background-color: #191f48;
}
.dark-mode .table-bordered,
.dark-mode .text-wrap table {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .table-bordered th,
.dark-mode .text-wrap table th,
.dark-mode .table-bordered td,
.dark-mode.text-wrap table td {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.02);
}
.dark-mode .table-hover tbody tr:hover {
background-color: rgba(70, 127, 207, 0.06);
color: #fff;
}
.dark-mode .table-primary,
.dark-mode .table-primary > th,
.dark-mode .table-primary > td {
background-color: #d5cee6;
}
.dark-mode .table-hover .table-primary:hover {
background-color: #b7cded;
}
.dark-mode .table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #b7cded;
}
.dark-mode.table-secondary,
.dark-mode .table-secondary > th,
.dark-mode .table-secondary > td {
background-color: #f72d66;
}
.dark-mode .table-hover .table-secondary:hover {
background-color: #cfd2d6;
}
.dark-mode .table-hover .table-secondary:hover > td,
.dark-mode .table-hover .table-secondary:hover > th {
background-color: #f72d66;
}
.dark-mode .table-light,
.dark-mode .table-light > th,
.dark-mode .table-light > td {
background-color: #fdfdfe;
}
.dark-mode .table-hover .table-light:hover {
background-color: #ececf6;
}
.dark-mode .table-hover .table-light:hover > td,
.dark-mode .table-hover .table-light:hover > th {
background-color: #ececf6;
}
.dark-mode .table-dark,
.dark-mode .table-dark > th,
.dark-mode .table-dark > td {
background-color: #c6c8ca;
}
.dark-mode .table-hover .table-dark:hover {
background-color: #b9bbbe;
}
.dark-mode .table-hover .table-dark:hover > td,
.dark-mode .table-hover .table-dark:hover > th {
background-color: #b9bbbe;
}
.dark-mode .table-active,
.dark-mode .table-active > th,
.dark-mode .table-active > td {
background-color: rgba(0, 0, 0, 0.04);
}
.dark-mode .table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.dark-mode .table-hover .table-active:hover > td,
.dark-mode .table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.04);
}
.dark-mode .table .thead-dark th,
.dark-mode .text-wrap table .thead-dark th {
color: #191f48;
background-color: #212529;
border-color: #32383e;
}
.dark-mode .table .thead-light th,
.dark-mode .text-wrap table .thead-light th {
color: #c4c9d6;
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .table-dark {
color: #191f48;
background-color: #212529;
}
.dark-mode .table-dark th,
.dark-mode .table-dark td,
.dark-mode .table-dark thead th {
border-color: #32383e;
}
.dark-mode .table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.dark-mode .table-dark.table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.dark-mode .animated-arrow.hor-toggle {
border: 0px solid rgba(255, 255, 255, 0.07) !important;
}
}
/*------- Forms -------*/
.dark-mode .form-control {
color: #edf0f5;
opacity: 1;
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .select2-container--default .select2-selection--single {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .select2-container--default.select2-container--focus .select2-selection--multiple {
color: #cfd5da;
background-color: #10163a;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.dark-mode .select2-container .select2-search--inline .select2-search__field {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .select2-container--default .select2-selection--multiple {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid rgba(255, 255, 255, 0.07) !important;
background: #10163a;
color: #fff;
}
.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #191f48 !important;
border: 1px solid #191f48 !important;
}
.dark-mode .form-control:focus {
color: rgba(255, 255, 255, 0.6);
background-color: #10163a;
border-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.2);
opacity: 1;
}
.dark-mode .form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.2);
opacity: 1;
}
.dark-mode .form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2);
opacity: 1;
}
.dark-mode .form-control::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2);
opacity: 1;
}
.dark-mode .form-control:disabled {
background-color: #191f48;
opacity: 0.5;
}
.dark-mode .form-control[readonly] {
background-color: #191f48;
opacity: 1;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #a5a7b1;
}
.dark-mode select.form-control:focus::-ms-value {
color: #c4c9d6;
background-color: #10163a;
}
.dark-mode .form-control-plaintext {
color: #c4c9d6;
border: solid transparent;
border-width: 1px 0;
}
.dark-mode .form-check-input:disabled ~ .form-check-label {
color: #505662;
}
.dark-mode .valid-feedback {
color: #2dce89;
}
.dark-mode .valid-tooltip {
color: #fff;
background-color: rgba(94, 186, 0, 0.8);
}
.dark-mode .was-validated .form-control:valid,
.dark-mode .form-control.is-valid,
.dark-mode .was-validated .form-select:valid,
.dark-mode .form-select.is-valid {
border-color: #2dce89;
}
.dark-mode .was-validated .form-control:valid:focus,
.dark-mode .form-control.is-valid:focus,
.dark-mode .was-validated .form-select:valid:focus,
.dark-mode .form-select.is-valid:focus {
border-color: #2dce89;
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.25);
}
.dark-mode .was-validated .form-check-input:valid ~ .form-check-label,
.dark-mode .form-check-input.is-valid ~ .form-check-label {
color: #2dce89;
}
.dark-mode .was-validated .custom-control-input:valid ~ .custom-control-label,
.dark-mode .custom-control-input.is-valid ~ .custom-control-label {
color: #2dce89;
}
.dark-mode .was-validated .custom-control-input:valid ~ .custom-control-label::before,
.dark-mode .custom-control-input.is-valid ~ .custom-control-label::before {
background-color: #9eff3b;
}
.dark-mode .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.dark-mode .custom-control-input.is-valid:checked ~ .custom-control-label::before {
background-color: #78ed00;
}
.dark-mode .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.dark-mode .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #191f48, 0 0 0 2px rgba(94, 186, 0, 0.25);
}
.dark-mode .was-validated .form-file-input:valid ~ .form-file-label,
.dark-mode .form-file-input.is-valid ~ .form-file-label {
border-color: #2dce89;
}
.dark-mode .was-validated .form-file-input:valid:focus ~ .form-file-label,
.dark-mode .form-file-input.is-valid:focus ~ .form-file-label {
box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.25);
}
.dark-mode .invalid-feedback {
color: #dc0441;
}
.dark-mode .invalid-tooltip {
color: #fff;
background-color: rgba(205, 32, 31, 0.8);
}
.dark-mode .was-validated .form-control:invalid,
.dark-mode .form-control.is-invalid,
.dark-mode .was-validated .form-select:invalid,
.dark-mode .form-select.is-invalid {
border-color: #dc0441;
}
.dark-mode .was-validated .form-control:invalid:focus,
.dark-mode .form-control.is-invalid:focus,
.dark-mode .was-validated .form-select:invalid:focus,
.dark-mode .form-select.is-invalid:focus {
border-color: #dc0441;
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.25);
}
.dark-mode .was-validated .form-check-input:invalid ~ .form-check-label,
.dark-mode .form-check-input.is-invalid ~ .form-check-label {
color: #dc0441;
}
.dark-mode .was-validated .custom-control-input:invalid ~ .custom-control-label,
.dark-mode .custom-control-input.is-invalid ~ .custom-control-label {
color: #dc0441;
}
.dark-mode .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.dark-mode .custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: #ec8080;
}
.dark-mode .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.dark-mode .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
background-color: #e23e3d;
}
.dark-mode .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.dark-mode .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #191f48, 0 0 0 2px rgba(205, 32, 31, 0.25);
}
.dark-mode .was-validated .form-file-input:invalid ~ .form-file-label,
.dark-mode .form-file-input.is-invalid ~ .form-file-label {
border-color: #dc0441;
}
.dark-mode .was-validated .form-file-input:invalid:focus ~ .form-file-label,
.dark-mode .form-file-input.is-invalid:focus ~ .form-file-label {
box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.25);
}
/*-------- Buttons ------*/
.dark-mode .btn:focus,
.dark-mode .btn.focus {
box-shadow: 0 0 0 2px rgba(194, 197, 199, 0.25);
}
.dark-mode .btn-primary {
color: #fff;
background-color: #4454c3;
border-color: #4454c3;
}
.dark-mode .btn-primary:hover {
color: #fff !important;
background-color: #4d5ed6;
border-color: #4d5ed6;
}
.dark-mode .btn-primary:focus,
.dark-mode .btn-primary.focus {
box-shadow: 0 0 0 2px rgba(45, 102, 247, 0.5);
}
.dark-mode .btn-primary.disabled,
.dark-mode .btn-primary:disabled {
color: #fff;
background-color: #4d5ed6;
border-color: #4d5ed6;
}
.dark-mode .btn-primary:not(:disabled):not(.disabled):active,
.dark-mode .btn-primary:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #4d5ed6;
border-color: #4d5ed6;
}
.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.1);
}
.dark-mode .btn-light {
color: #edf0f5;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-light:hover {
color: #edf0f5;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-light:focus,
.dark-mode .btn-light.focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.dark-mode .btn-light.disabled,
.dark-mode .btn-light:disabled {
color: #edf0f5;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-light:not(:disabled):not(.disabled):active,
.dark-mode .btn-light:not(:disabled):not(.disabled).active,
.dark-mode.show > .btn-light.dropdown-toggle {
color: #edf0f5;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-light:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-light:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.dark-mode .btn-default {
color: #edf0f5;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-default:hover {
color: #edf0f5;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-default:focus,
.dark-mode .btn-default.focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.dark-mode .btn-default.disabled,
.dark-mode .btn-default:disabled {
color: #edf0f5;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-default:not(:disabled):not(.disabled):active,
.dark-mode .btn-default:not(:disabled):not(.disabled).active,
.dark-mode.show > .btn-default.dropdown-toggle {
color: #edf0f5;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-default:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-default:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-default.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.dark-mode .btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.dark-mode .btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.dark-mode .btn-dark:focus,
.dark-mode .btn-dark.focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}
.dark-mode .btn-dark.disabled,
.dark-mode .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.dark-mode .btn-dark:not(:disabled):not(.disabled):active,
.dark-mode .btn-dark:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(217, 221, 231, 0.1);
}
.dark-mode .btn-outline-default {
color: #edf0f5;
background-color: transparent;
background-image: none;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .btn-outline-default:hover {
color: #edf0f5 !important;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .btn-outline-default:focus,
.dark-mode .btn-outline-default.focus {
box-shadow: 0 0 0 2px rgba(217, 221, 231, 0.1);
}
.dark-mode .btn-outline-default.disabled,
.dark-mode .btn-outline-default:disabled {
color: #435785;
background-color: transparent;
}
.dark-mode .btn-outline-default:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-default:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-outline-default.dropdown-toggle {
color: #edf0f5 !important;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .btn-outline-default:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-default:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-outline-default.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.dark-mode .btn-outline-primary {
color: #4454c3;
background-color: transparent;
background-image: none;
border-color: #4454c3;
}
.dark-mode .btn-outline-primary:hover {
color: #fff !important;
background-color: #4454c3;
border-color: #4454c3;
}
.dark-mode .btn-outline-primary:focus,
.dark-mode .btn-outline-primary.focus {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.1);
}
.dark-mode .btn-outline-primary.disabled,
.dark-mode .btn-outline-primary:disabled {
color: #4454c3;
background-color: transparent;
}
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #4454c3;
border-color: #4454c3;
}
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(247, 45, 102, 0.1);
}
.dark-mode .btn-outline-light {
color: #fff;
background-color: transparent;
background-image: none;
border-color: #191f48;
box-shadow: none;
}
.dark-mode .btn-outline-light:hover {
color: #c4c9d6;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-outline-light:focus,
.dark-mode .btn-outline-light.focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.dark-mode .btn-outline-light.disabled,
.dark-mode .btn-outline-light:disabled {
color: rgba(255, 255, 255, 0.5);
background-color: transparent;
}
.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-outline-light.dropdown-toggle {
color: #c4c9d6;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}
.dark-mode .btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40;
}
.dark-mode .btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.dark-mode .btn-outline-dark:focus,
.dark-mode .btn-outline-dark.focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}
.dark-mode .btn-outline-dark.disabled,
.dark-mode .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active,
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}
.dark-mode .btn-link {
color: #4454c3;
}
.dark-mode .btn-link:hover {
color: #4454c3;
}
.dark-mode .btn-link:disabled,
.dark-mode .btn-link.disabled {
color: #868e96;
}
.dark-mode .collapse:not(.show) {
background: #10163a;
}
/*------Drop Downs-------*/
.dark-mode .dropdown-menu {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
color: #edf0f5;
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .dropdown-divider {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .notifyimg {
color: #fff;
background: #4454c3;
}
.dark-mode .drop-icon-wrap .drop-icon-item {
color: #878787;
}
.dark-mode .drop-icon-wrap .drop-icon-item:hover,
.dark-mode .drop-icon-wrap .drop-icon-item:focus {
background-color: #191f48;
}
.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item:focus {
color: #4454c3;
background-color: #191f48;
}
.dark-mode .dropdown-item.active,
.dark-mode .dropdown-item:active {
background-color: #191f48;
}
.dark-mode .dropdown-item.disabled,
.dark-mode .dropdown-item:disabled {
color: #fff;
background-color: transparent;
}
.dark-mode .dropdown-menu-arrow.dropdown-menu-end:before {
border-bottom: 10px solid rgba(255, 255, 255, 0.1);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.dark-mode .dropdown-menu-arrow.dropdown-menu-end:after {
border-bottom: 9px solid #10163a;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
.dark-mode .dropdown-menu-arrow.dropdown-menu-start:before {
border-bottom: 10px solid rgba(255, 255, 255, 0.1);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.dark-mode .dropdown-menu-arrow.dropdown-menu-start:after {
border-bottom: 9px solid #10163a;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
.dark-mode .dropdown-header {
color: #868e96;
}
.dark-mode .dropdown-item-text {
color: #212529;
}
.dark-mode .input-group-addon {
color: #b7bec5;
border: 1px solid #485167;
background: #10163a;
}
.dark-mode .input-group-text {
color: #c4c9d6;
background-color: #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
}
/*----- Global Loader -----*/
.dark-mode #global-loader {
background: #10163a;
}
/*----- Custom control -----*/
.dark-mode .custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
background-color: #4454c3;
}
.dark-mode .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #191f48, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.dark-mode .custom-control-input:active ~ .custom-control-label::before {
color: #fff;
background-color: #d4e1f4;
}
.dark-mode .custom-control-input:disabled ~ .custom-control-label {
color: #868e96;
}
.dark-mode .custom-control-input:disabled ~ .custom-control-label::before {
background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .custom-control-label::before {
background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #4454c3;
}
.dark-mode .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(70, 127, 207, 0.5);
}
.dark-mode .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(70, 127, 207, 0.5);
}
.dark-mode .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color: #4454c3;
}
.dark-mode .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(70, 127, 207, 0.5);
}
.dark-mode .form-select {
color: rgba(255, 255, 255, 0.8);
background: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .form-select:focus {
border-color: #4454c3;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(25, 145, 235, 0.5);
}
.dark-mode .form-select:focus::-ms-value {
color: #c4c9d6;
background-color: #10163a;
}
.dark-mode .form-select:disabled {
color: #868e96;
background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .form-file-input:focus ~ .form-file-label {
border-color: #1991eb;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.dark-mode .form-file-input:focus ~ .form-file-label::after {
border-color: #1991eb;
}
.dark-mode .form-file-label {
color: #c4c9d6;
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .form-file-label::after {
color: #fff;
background-color: #4454c3;
border-left: 1px solid #4454c3;
}
.dark-mode .custom-range::-webkit-slider-thumb:focus {
box-shadow: 0 0 0 1px #191f48, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.dark-mode .custom-range::-webkit-slider-thumb:active {
background-color: #d4e1f4;
}
.dark-mode .custom-range::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.1);
background: #467fcf;
}
.dark-mode .custom-range::-moz-range-thumb:focus {
box-shadow: 0 0 0 1px #191f48, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.dark-mode .custom-range::-moz-range-thumb:active {
background-color: #d4e1f4;
}
.dark-mode .custom-range::-moz-range-track {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(0, 50, 126, 0.12);
}
.dark-mode .custom-range::-ms-thumb:focus {
box-shadow: 0 0 0 1px #191f48, 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.dark-mode .custom-range::-ms-thumb:active {
background-color: #d4e1f4;
}
.dark-mode .custom-range::-ms-fill-lower {
background-color: rgba(255, 255, 255, 0.1);
background: #467fcf;
}
.dark-mode .custom-range::-ms-fill-upper {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(0, 50, 126, 0.12);
}
/*------ Navigation -------*/
.dark-mode .nav-link.disabled {
color: #a8b4c1;
}
.dark-mode .nav-tabs .nav-link {
border: 1px solid transparent;
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .nav-tabs .nav-link.disabled {
color: #868e96;
}
.dark-mode .nav-pills .nav-link.active,
.dark-mode .nav-pills .show > .nav-link {
color: #fff;
background-color: #4454c3;
}
.dark-mode .navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.dark-mode .navbar-light .navbar-brand:hover,
.dark-mode .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.dark-mode .navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5);
}
.dark-mode .navbar-light .navbar-nav .nav-link:hover,
.dark-mode .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7);
}
.dark-mode .navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.dark-mode .navbar-light .navbar-nav .show > .nav-link,
.dark-mode .navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.dark-mode .navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.dark-mode .navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.1);
}
.dark-mode .navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5);
}
.dark-mode .navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9);
}
.dark-mode .navbar-light .navbar-text a:hover,
.dark-mode .navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
}
.dark-mode .navbar-dark .navbar-brand {
color: #fff;
}
.dark-mode .navbar-dark .navbar-brand:hover,
.dark-mode .navbar-dark .navbar-brand:focus {
color: #fff;
}
.dark-mode .navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.dark-mode .navbar-dark .navbar-nav .nav-link:hover,
.dark-mode .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.dark-mode .navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.dark-mode .navbar-dark .navbar-nav .show > .nav-link,
.dark-mode .navbar-dark .navbar-nav .active > .nav-link,
.dark-mode .navbar-dark .navbar-nav .nav-link.show,
.dark-mode .navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.dark-mode .navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.dark-mode .navbar-dark .navbar-text a {
color: #fff;
}
.dark-mode .navbar-dark .navbar-text a:hover,
.dark-mode .navbar-dark .navbar-text a:focus {
color: #fff;
}
/*------ Card -------*/
.dark-mode .card {
background-color: #10163a !important;
box-shadow: 0px 10px 10px 20px rgba(53, 63, 88, 0.1), 10px 10px 15px -5px #0f163e;
}
.dark-mode .card-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .card-footer {
background-color: rgba(0, 0, 0, 0.03);
color: #edf0f5;
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .messenger-box .avatar .send-time {
color: #edf0f5;
}
.dark-mode .messenger-box .inner-box {
background-color: #191f48;
}
.dark-mode .messenger-box .inner-box:after {
border-color: transparent #191f48 transparent transparent;
}
.dark-mode .messenger-box .msg-sent .inner-box:after {
border-color: transparent transparent transparent #191f48;
}
.dark-mode .messenger-box .send-mgs .yourmsg input {
border: 1px solid #eceff1;
}
.dark-mode .messenger-box .send-mgs .msg-send-btn {
background: #03a9f3;
color: #fff;
}
.dark-mode input:-internal-autofill-selected {
background-color: #10163a !important;
-webkit-text-fill-color: #fff;
-webkit-box-shadow: 0 0 0px 1000px #10163a inset;
transition: background-color 5000s ease-in-out 0s;
color: #fff;
}
/*------ Accordion -------*/
.dark-mode .page-link {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .page-link:hover {
color: #4454c3;
background-color: rgba(70, 127, 207, 0.06);
}
.dark-mode .page-item.active .page-link {
color: #fff;
background-color: #4454c3;
}
.dark-mode .page-item.active .page-link:hover {
color: #fff !important;
}
.dark-mode .page-item.disabled .page-link {
color: #ced4da;
background-color: #10163a;
border-color: rgba(255, 255, 255, 0.1);
}
/*------ Email services -------*/
.dark-mode .mail-box .sm-side {
background: none repeat scroll 0 0 #e5e8ef;
}
.dark-mode .mail-box .lg-side {
background: none repeat scroll 0 0 #fff;
}
.dark-mode .mail-box .sm-side .user-head {
background: none repeat scroll 0 0 #00a8b3;
color: #fff;
}
.dark-mode .user-head .user-name h5 a {
color: #fff;
}
.dark-mode .user-head .user-name span a {
color: #87e2e7;
}
.dark-mode a.mail-dropdown {
background: none repeat scroll 0 0 #80d3d9;
color: #01a7b3;
}
.dark-mode .btn-compose {
background: none repeat scroll 0 0 #ff6c60;
color: #fff;
}
.dark-mode .btn-compose:hover {
background: none repeat scroll 0 0 #f5675c;
color: #fff;
}
.dark-mode .inbox-divider {
border-bottom: 1px solid #d5d8df;
}
.dark-mode ul.inbox-nav li a {
color: #6a6a6a;
}
.dark-mode ul.inbox-nav li a:hover,
.dark-mode ul.inbox-nav li.active a,
.dark-mode ul.inbox-nav li a:focus {
background: none repeat scroll 0 0 #d5d7de;
color: #6a6a6a;
}
.dark-mode ul.inbox-nav li a i {
color: #6a6a6a;
}
.dark-mode ul.labels-info li h4 {
color: #5c5c5e;
}
.dark-mode ul.labels-info li a {
color: #6a6a6a;
}
.dark-mode ul.labels-info li a:hover,
.dark-mode ul.labels-info li a:focus {
background: none repeat scroll 0 0 #d5d7de;
color: #6a6a6a;
}
.dark-mode .nav.nav-pills.nav-stacked.labels-info p {
color: #9d9f9e;
}
.dark-mode .inbox-head .sr-input {
color: #8a8a8a;
}
.dark-mode .inbox-head .sr-btn {
background: none repeat scroll 0 0 #4454c3;
border-radius: 0 4px 4px 0;
color: #fff;
}
.dark-mode .table-inbox {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .table-inbox tr {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .table-inbox tr td .fa-star.inbox-started,
.dark-mode .table-inbox tr td .fa-star:hover {
color: #f78a09;
}
.dark-mode .table-inbox tr td .fa-star {
color: #373c5f;
}
.dark-mode .table-inbox tr.unread td {
background: #191f48;
border-bottom: rgba(255, 255, 255, 0.1) 1px solid;
}
.dark-mode .mail-option .chk-all,
.dark-mode .mail-option .btn-group a.btn {
background: none repeat scroll 0 0 #191f48;
border: 0px solid rgba(255, 255, 255, 0.07);
color: #d1d5dc;
}
.dark-mode .mail-option .btn-group .btn {
background: none repeat scroll 0 0 #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
color: #d1d5dc;
}
.dark-mode .inbox-pagination a.np-btn {
background: none repeat scroll 0 0 #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
color: #d1d5dc;
}
.dark-mode .fileinput-button {
background: none repeat scroll 0 0 #eeeeee;
border: 1px solid #e6e6e6;
}
.dark-mode .inbox-body .modal .modal-body input,
.dark-mode .inbox-body .modal .modal-body textarea {
border: 1px solid #e6e6e6;
box-shadow: none;
}
.dark-mode .btn-send,
.dark-mode .btn-send:hover {
background: none repeat scroll 0 0 #00a8b3;
color: #fff;
}
.dark-mode .btn-send:hover {
background: none repeat scroll 0 0 #009da7;
}
.dark-mode .heading-inbox h4 {
border-bottom: 1px solid #ddd;
color: #a5a7b1;
}
.dark-mode .sender-dropdown {
background: none repeat scroll 0 0 1px solid rgba(255, 255, 255, 0.07);
color: #777;
}
.dark-mode .view-mail a {
color: #ff6c60;
}
/*----- Range slider -------*/
.dark-mode .jsr_rail {
background: #191f48;
}
.dark-mode .jsr_bar {
background-color: #4454c3;
}
.dark-mode .jsr_bar--limit {
background-color: #d9dadc;
}
.dark-mode .jsr_slider::before {
background: #4454c3;
}
.dark-mode .jsr_slider:focus::before {
background: #4454c3;
}
.dark-mode .jsr_label {
background: #24345a;
color: #edf0f5;
}
.dark-mode .jsr_label--minmax {
background: #24345a;
color: #edf0f5;
}
/* Merged labels */
.dark-mode .range {
background-color: whitesmoke;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.dark-mode .range input[type=range]::-webkit-slider-thumb {
color: white;
background-color: #999999;
}
.dark-mode .range input[type=range]::-moz-slider-thumb {
color: white;
background-color: #999999;
}
.dark-mode .range output {
color: white;
background-color: #999999;
}
.dark-mode .range.range-primary input[type=range]::-webkit-slider-thumb {
background-color: #4454c3;
}
.dark-mode .range.range-primary input[type=range]::-moz-slider-thumb {
background-color: #4454c3;
}
.dark-mode .range.range-primary output {
background-color: #4454c3;
}
.dark-mode .range.range-primary input[type=range] {
outline-color: #4454c3;
}
/*-----Pricing tables-----*/
.dark-mode .pricing {
color: #fff;
}
.dark-mode .pricing1 {
color: rgba(255, 255, 255, 0.4);
}
.dark-mode .pricing .card-category {
background: rgba(255, 255, 255, 0.3);
color: #fff;
}
.dark-mode .pricing .list-unstyled li {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .pricing1 .list-unstyled li {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .pricing1 .card-category {
background: rgba(255, 255, 255, 0.3);
color: #fff;
}
.dark-mode .pricing-table:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.dark-mode .pricing-table:hover > .panel-footer-landing {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05) inset;
}
.dark-mode .pricing-table:hover > .panel > .panel-body-landing {
background: #4454c3;
}
.dark-mode .pricing-table:hover > .panel > .panel-heading-landing-box {
background: #fff !important;
color: #d1d5dc !important;
}
.dark-mode .pricing-table:hover > .panel > .controle-header {
background: #4454c3 !important;
}
.dark-mode .pricing-table:hover > .panel > .panel-footer {
background: #4454c3 !important;
}
.dark-mode .pricing-table:hover > .panel > .panel-footer > .btn {
border: solid 1px #fff !important;
}
.dark-mode .btn-price:hover {
background: #fff !important;
color: #4454c3 !important;
}
.dark-mode .pricing-table:hover > .panel > .controle-header > .panel-title-landing {
color: #fff !important;
}
.dark-mode .pricing-table > .panel > .controle-header > .panel-title-landing {
color: #000 !important;
}
.dark-mode .panel-body-landing:hover > .table > tbody > tr > td {
color: #fff !important;
}
.dark-mode .panel-heading-landing {
background: #f7f7f7 !important;
border: solid 2px #4454c3 !important;
}
.dark-mode .panel-heading-landing-box {
background: #4454c3 !important;
color: #fff !important;
}
.dark-mode .panel-title-landing {
color: #4454c3 !important;
}
.dark-mode .panel-body-landing {
border: solid 2px #4454c3 !important;
background: #fff;
}
.dark-mode .panel-footer-landing {
border: solid 2px #4454c3 !important;
background: #f7f7f7;
}
.dark-mode .plan-card .plan-icon {
color: #fff;
border: 12px solid #10163a;
box-shadow: 0 0 3px #cccccc;
}
.dark-mode .plan-card .plan-price {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .plan-card .plan-features p {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .plan-card .plan-features p:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
/*------ Pricing Styles ---------*/
.dark-mode .panel-heading {
background: #10163a;
}
.dark-mode .panel.price > .panel-heading {
background: #4454c3;
color: #fff;
}
.dark-mode .price .list-group-item {
border-bottom: 0px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .panel.price {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .price .panel-footer {
background-color: #10163a;
}
.dark-mode .price.panel-color > .panel-body {
background-color: #10163a;
}
.dark-mode .panel-footer {
background-color: #191f48;
border-top: 1px solid rgba(255, 255, 255, 0.07);
border-left: 1px solid rgba(255, 255, 255, 0.07);
border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .panel.price .btn {
box-shadow: 0 -1px 0px rgba(50, 50, 50, 0.2) inset;
}
/*end of pricing*/
.dark-mode #popup {
background: #fe6b1f;
}
.dark-mode .nav1 {
background: #191f48;
}
.dark-mode .nav-item1:hover:not(.disabled) {
color: #fff;
}
.dark-mode .nav-item1.active {
color: #fff;
}
.dark-mode .nav-item1 .nav-link.disabled {
color: rgba(255, 255, 255, 0.4);
}
.dark-mode .nav-tabs {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
color: #000;
}
.dark-mode .user-button {
border: 1px solid rgba(255, 255, 255, 0.07);
color: #fff !important;
background: #4454c3;
}
.dark-mode .user-button:hover {
border: 1px solid #4454c3;
background: #fff;
color: #4454c3 !important;
}
.dark-mode .nav-tabs .nav-item1.nav-link {
border: 1px solid transparent;
}
.dark-mode .nav-tabs .nav-item1 .nav-link {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .nav-tabs .nav-item1 .nav-link:hover:not(.disabled) {
color: #fff;
background: #4454c3;
}
.dark-mode .nav-tabs .nav-item1 .nav-link.active {
color: #fff;
background: #4454c3;
}
.dark-mode .nav-tabs .nav-submenu .nav-item1 {
color: #9aa0ac;
}
.dark-mode .nav-tabs .nav-submenu .nav-item1.active {
color: #467fcf;
}
.dark-mode .nav-tabs .nav-submenu .nav-item1:hover {
color: #edf0f5;
background: rgba(0, 0, 0, 0.024);
}
/*-------Tooptip &popover------*/
.dark-mode .tooltip-inner {
color: #fff;
background-color: #000;
}
.dark-mode .tooltip-secondary .tooltip-inner {
color: #fff;
background-color: #4454c3;
}
.dark-mode .tooltip-danger .tooltip-inner {
color: #fff;
background-color: #4454c3;
}
.dark-mode .tooltip-info .tooltip-inner {
color: #fff;
background-color: #4454c3;
}
.dark-mode .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,
.dark-mode .tooltip.bs-tooltip-top .tooltip-inner::before {
border-top-color: #000;
}
.dark-mode .tooltip.bs-tether-element-attached-left .tooltip-inner::before,
.dark-mode .tooltip.bs-tooltip-end .tooltip-inner::before {
border-right-color: #000;
}
.dark-mode .tooltip.bs-tether-element-attached-top .tooltip-inner::before,
.dark-mode .tooltip.bs-tooltip-bottom .tooltip-inner::before {
border-bottom-color: #000;
}
.dark-mode .tooltip.bs-tether-element-attached-right .tooltip-inner::before,
.dark-mode .tooltip.bs-tooltip-start .tooltip-inner::before {
border-left-color: #000;
}
/*alerts*/
.dark-mode .pop-primary {
color: #4d9dff;
}
/*----- Typography ------*/
.dark-mode .heading-inverse {
background-color: #232d46;
color: #fff;
}
.dark-mode .heading-primary {
background-color: #4454c3;
color: #fff;
}
/*------ Breadcrumb ------*/
.dark-mode .breadcrumb-item a {
color: #4454c3;
}
.dark-mode .breadcrumb-item + .breadcrumb-item::before {
color: #c3c3c3;
opacity: 0.2;
}
.dark-mode .breadcrumb-item.active {
color: #c3c3c3;
}
.dark-mode .breadcrumb1 {
background-color: #191f48;
}
.dark-mode .breadcrumb-item1 a {
color: #4454c3;
}
.dark-mode .breadcrumb-item1 a:hover {
color: #123787;
}
.dark-mode .breadcrumb-item1.active {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .breadcrumb-arrow {
background-color: #191f48;
}
.dark-mode .breadcrumb-arrow li a {
color: #fff;
background-color: #4454c3;
border: 1px solid #4454c3;
}
.dark-mode .breadcrumb-arrow li a:before {
border-left-color: #4454c3;
}
.dark-mode .breadcrumb-arrow li a:after {
border-left: 11px solid #8556f9;
}
.dark-mode .breadcrumb-arrow li span {
color: #fff;
}
/*-------Accordion-----------*/
.dark-mode .panel-group .panel {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .panel-default > .panel-heading {
color: #4454c3;
background-color: #191f48;
}
.dark-mode .more-less {
color: #212121;
}
.dark-mode .panel-default > .panel-heading + .panel-collapse > .panel-body {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .panel-default .list-group-item.active {
color: #fff;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .panel-primary .list-group-item.active {
color: #fff;
background-color: #4454c3;
border-color: #4454c3;
}
.dark-mode .panel-primary .list-group-item.active:hover {
color: #fff !important;
background-color: #255be6;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .panel-default .list-group-item.active:hover,
.dark-mode .panel-default .list-group-item.active:focus {
color: #fff;
background-color: #191f48;
border-color: #191f48;
}
/* ----- v CAN BE DELETED v ----- */
.dark-mode .wrap {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.dark-mode .panel1 {
border-color: #fff;
}
.dark-mode .panel-heading1 {
background-color: #5797fc;
color: #fff;
}
.dark-mode .panel-group1 .panel-body {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .panel-title1 a {
color: #fff;
background: #4454c3;
}
.dark-mode #accordion1 .panel-title1 a:hover {
color: #fff !important;
}
.dark-mode .panel-body1 {
background: #fff;
}
/* #bs-collapse icon scale option */
.dark-mode .panel-title a.accordion-toggle:before {
color: #fff;
}
.dark-mode .panel-title a.accordion-toggle.collapsed:before {
color: #fff;
}
/*-----List Of Dropdwons-----*/
.dark-mode btn.dropdown-toggle ~ .dropdown-menu,
.dark-mode ul.dropdown-menu li.dropdown ul.dropdown-menu {
background-color: #f4f4f4 !important;
background-color: white !important;
border: 0 solid #4285f4 !important;
box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3) !important;
}
.dark-mode .dropdown-menu > li > a {
color: #d1d5dc;
}
.dark-mode .dropdown-menu > li > a:hover,
.dark-mode .dropdown-menu > li > a:focus {
color: rgba(255, 255, 255, 0.8);
background-color: #191f48;
}
.dark-mode .dropdown-menu .divider {
background: rgba(255, 255, 255, 0.1);
}
.dark-mode .dropdown-menu .dropdown-plus-title {
color: rgba(255, 255, 255, 0.8) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.dark-mode .btn.dropdown-toggle.btn-primary ~ .dropdown-menu .dropdown-plus-title {
border-color: #357ebd !important;
}
.dark-mode .dropdown-menu-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .dropdown-menu-header label {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .dropdown-media-list .media:hover,
.dark-mode .dropdown-media-list .media:focus {
background-color: #191f48;
}
.dark-mode .dropdown-media-list .media-body > div p {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .dropdown-list-footer {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
/*-----Badges-----*/
.dark-mode .badge-primary {
color: #fff;
background-color: #4454c3;
}
.dark-mode .badge-primary[href]:hover,
.dark-mode .badge-primary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #4454c3;
}
.dark-mode .badge-light {
color: #c4c9d6;
background-color: #191f48;
}
.dark-mode .badge-light[href]:hover,
.dark-mode .badge-light[href]:focus {
color: #c4c9d6;
text-decoration: none;
background-color: #191f48;
}
.dark-mode .badge-dark {
color: #fff;
background-color: #343a40;
}
.dark-mode .badge-dark[href]:hover,
.dark-mode .badge-dark[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1d2124;
}
/*-----Jumbotron-----*/
.dark-mode .jumbotron {
background-color: #191f48;
}
/*-----Countdown-----*/
.dark-mode .countdown li {
background: #191f48;
border: 1px solid rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
box-shadow: none;
}
.dark-mode .countdown span:first-child {
color: #fff;
}
/*-----Alerts-----*/
.dark-mode .alert-primary {
color: #464a4e;
background-color: #c5b8e6;
border-color: #d1bffd;
}
.dark-mode .alert-primary hr {
border-top-color: #b7cded;
}
.dark-mode .alert-primary .alert-link {
color: #172b46;
}
.dark-mode .alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.dark-mode .alert-light hr {
border-top-color: #ececf6;
}
.dark-mode .alert-light .alert-link {
color: #686868;
}
.dark-mode .alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
.dark-mode .alert-dark hr {
border-top-color: #b9bbbe;
}
.dark-mode .alert-dark .alert-link {
color: #040505;
}
/*-----progress-----*/
.dark-mode .progress {
background: #191f48;
background-color: #191f48;
}
.dark-mode .progress-bar {
color: #fff;
background-color: #191f48;
}
.dark-mode .progress-bar-striped {
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.07) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.07) 50%, rgba(0, 0, 0, 0.07) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
}
/*-----Lists-----*/
.dark-mode .list-group-item-action {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .list-group-item-action:hover,
.dark-mode .list-group-item-action:focus {
color: rgba(255, 255, 255, 0.8);
background-color: #10163a;
}
.dark-mode .list-group-item-action:active {
color: rgba(255, 255, 255, 0.8);
background-color: #191f48;
}
.dark-mode .list-group-item {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
color: #edf0f5;
}
.dark-mode .listorder {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .listorder1 {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .listunorder {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .listunorder1 {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .list-group-item.disabled,
.dark-mode .list-group-item:disabled {
color: #7c90b1;
background-color: #10163a;
}
.dark-mode .list-group-item.active {
background-color: #191f48;
border-color: 3px solid rgba(238, 238, 238, 0.5);
}
.dark-mode .list-group-item-primary {
color: #24426c;
background-color: #cbdbf2;
}
.dark-mode .list-group-item-primary.list-group-item-action:hover,
.dark-mode .list-group-item-primary.list-group-item-action:focus {
color: #24426c;
background-color: #b7cded;
}
.dark-mode .list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #24426c;
border-color: #24426c;
}
.dark-mode .list-group-item-light {
color: #818182;
background-color: #fdfdfe;
}
.dark-mode .list-group-item-light.list-group-item-action:hover,
.dark-mode .list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6;
}
.dark-mode .list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182;
}
.dark-mode .list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca;
}
.dark-mode .list-group-item-dark.list-group-item-action:hover,
.dark-mode .list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe;
}
.dark-mode .list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21;
}
.dark-mode .btn-close {
color: rgba(255, 255, 255, 0.5);
}
.dark-mode .close:hover,
.dark-mode .close:focus {
color: rgba(255, 255, 255, 0.54);
}
/*------ Modal -------*/
.dark-mode .modal-content {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .modal-backdrop {
background-color: #000;
}
.dark-mode .modal-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .modal-footer {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .widget-info i {
border: 2px solid #fff;
}
.dark-mode .widget-info a {
border-bottom: 1px solid #fff;
}
.dark-mode .popover {
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .bs-popover-top .popover-arrow::before,
.dark-mode .bs-popover-auto[data-popper-placement^=top] .popover-arrow::before {
border-top-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .bs-popover-top .popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
border-top-color: #10163a;
}
.dark-mode .bs-popover-end .popover-arrow::before,
.dark-mode .bs-popover-auto[data-popper-placement^=right] .popover-arrow::before {
border-right-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .bs-popover-end .popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
border-right-color: #10163a;
}
.dark-mode .bs-popover-bottom .popover-arrow::before,
.dark-mode .bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .bs-popover-bottom .popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-bottom-color: #10163a;
}
.dark-mode .bs-popover-bottom .popover-header::before,
.dark-mode .dark-mode.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
border-bottom: 1px solid #10163a;
}
.dark-mode .bs-popover-start .popover-arrow::before,
.dark-mode .bs-popover-auto[data-popper-placement^=left] .popover-arrow::before {
border-left-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .bs-popover-start .popover-arrow::after,
.dark-mode .bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
border-left-color: #10163a;
}
.dark-mode .popover-header {
background-color: #10163a;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .popover-body {
color: #edf0f5;
}
.dark-mode .popover-primary.bs-popover-top .popover-arrow::after,
.dark-mode .popover-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
border-top-color: #4454c3;
}
.dark-mode .popover-secondary.bs-popover-bottom .popover-arrow::after,
.dark-mode .popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
border-bottom-color: #4454c3;
}
/*------ Carousel -------*/
.dark-mode .carousel-control-prev,
.dark-mode .carousel-control-next {
color: #fff;
}
.dark-mode .carousel-control-prev:hover,
.dark-mode .carousel-control-prev:focus,
.dark-mode.carousel-control-next:hover,
.dark-mode .carousel-control-next:focus {
color: #fff;
}
.dark-mode .carousel-indicators li {
background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .carousel-indicators .active {
background-color: #10163a;
}
.dark-mode .carousel-indicators1 li {
background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .carousel-indicators1 .active {
background-color: #10163a;
}
.dark-mode .carousel-indicators2 li {
background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .carousel-indicators2 .active {
background-color: #10163a;
}
.dark-mode .carousel-indicators3 li {
background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .carousel-indicators3 .active {
background-color: #10163a;
}
.dark-mode .carousel-indicators4 li {
background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .carousel-indicators4 .active {
background-color: #10163a;
}
.dark-mode .carousel-indicators5 li {
background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .carousel-indicators5 .active {
background-color: #10163a;
}
.dark-mode .carousel-caption {
color: #fff;
}
/*------ Alignments -------*/
.dark-mode .bg-primary {
background-color: #4454c3 !important;
}
.dark-mode a.bg-primary:hover,
.dark-mode a.bg-primary:focus,
.dark-mode button.bg-primary:hover,
.dark-mode button.bg-primary:focus {
background-color: #4454c3 !important;
}
.dark-mode .bg-secondary {
background-color: #f72d66 !important;
}
.dark-mode .bg-success {
background-color: #2dce89 !important;
}
.dark-mode .bg-info {
background-color: #45aaf2 !important;
}
.dark-mode .bg-warning {
background-color: #ecb403 !important;
}
.dark-mode .bg-danger {
background-color: #ff5b51 !important;
}
.dark-mode .bg-light {
background-color: #191f48 !important;
}
.dark-mode a.bg-light:hover,
.dark-mode a.bg-light:focus,
.dark-mode button.bg-light:hover,
.dark-mode button.bg-light:focus {
background-color: #191f48 !important;
}
.dark-mode .bg-dark {
background-color: #343a40 !important;
}
.dark-mode a.bg-dark:hover,
.dark-mode a.bg-dark:focus,
.dark-mode button.bg-dark:hover,
.dark-mode button.bg-dark:focus {
background-color: #1d2124 !important;
}
.dark-mode .bg-white {
background-color: #10163a !important;
}
.dark-mode .bg-white.input-group-append.btn {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .bg-gradient-primary {
background: -webkit-gradient(linear, left top, right top, from(#4454c3), to(#113ca9));
}
.dark-mode .border {
border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .border-top {
border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .border-end {
border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .border-bottom {
border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .border-start {
border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .border-wd-1 {
border-width: 1px !important;
}
.dark-mode .border-wd-2 {
border-width: 2px !important;
}
.dark-mode .border-wd-3 {
border-width: 3px !important;
}
.dark-mode .border-wd-4 {
border-width: 4px !important;
}
.dark-mode .border-wd-5 {
border-width: 5px !important;
}
.dark-mode .border-top-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .border-start-end {
border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .border-0 {
border: 0 !important;
}
.dark-mode .border-top-0 {
border-top: 0 !important;
}
.dark-mode .border-end-0 {
border-right: 0 !important;
}
.dark-mode .border-bottom-0 {
border-bottom: 0 !important;
}
.dark-mode .border-start-0 {
border-left: 0 !important;
}
.dark-mode .border-top-bottom-0 {
border-top: 0px solid #eff0f6 !important;
border-bottom: 0px solid #eff0f6 !important;
}
.dark-mode .border-start-end-0 {
border-right: 0px solid #eff0f6 !important;
border-left: 0px solid #eff0f6 !important;
}
.dark-mode .border-primary {
border-color: #4454c3 !important;
}
.dark-mode .border-secondary {
border-color: #f72d66 !important;
}
.dark-mode .border-success {
border-color: #2dce89 !important;
}
.dark-mode .border-info {
border-color: #45aaf2 !important;
}
.dark-mode .border-warning {
border-color: #ecb403 !important;
}
.dark-mode .border-danger {
border-color: #dc0441 !important;
}
.dark-mode .border-light {
border-color: #191f48 !important;
}
.dark-mode .border-dark {
border-color: #343a40 !important;
}
.dark-mode .border-white {
border-color: #fff !important;
}
.dark-mode i.fa.round {
border: 1px solid #4454c3;
}
.dark-mode .list-icon span p {
border: 1px solid #4454c3;
}
.dark-mode .shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.dark-mode .shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.dark-mode .shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.dark-mode .text-white {
color: #f0f0f0 !important;
}
.dark-mode .text-primary {
color: #4454c3 !important;
}
.dark-mode a.text-primary:hover,
.dark-mode a.text-primary:focus {
color: #4454c3 !important;
}
.dark-mode .text-light {
color: #191f48 !important;
}
.dark-mode a.text-light:hover,
.dark-mode a.text-light:focus {
color: #191f48 !important;
}
.dark-mode .text-dark {
color: #edf0f5 !important;
}
.dark-mode a.text-dark:hover,
.dark-mode a.text-dark:focus {
color: #edf0f5 !important;
}
.dark-mode .text-body {
color: #c4c9d6 !important;
}
.dark-mode .text-muted {
color: rgba(255, 255, 255, 0.4) !important;
}
@media print {
.dark-mode pre,
.dark-mode blockquote {
border: 1px solid #adb5bd;
}
.dark-mode .badge {
border: 1px solid #000;
}
.dark-mode .table td,
.dark-mode .text-wrap table td,
.dark-mode .table th,
.dark-mode .text-wrap table th {
background-color: #10163a !important;
}
.dark-mode .table-bordered th,
.dark-mode .text-wrap table th,
.dark-mode .table-bordered td,
.dark-mode .text-wrap table td {
border: 1px solid rgba(255, 255, 255, 0.07) !important;
}
}
.dark-mode blockquote {
color: #edf0f5;
border-left: 2px solid rgba(0, 40, 100, 0.12);
}
.dark-mode code {
background: #191f48;
border: 1px solid #191f48;
}
.dark-mode pre {
color: #45aaf2;
border-left: 3px solid #4454c3;
background-color: #f8fafc;
}
.dark-mode .section-nav {
background-color: #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
}
/*------ Headers -------*/
.dark-mode .page-title-icon {
color: #9aa0ac;
}
.dark-mode .page-subtitle {
color: #edf0f5;
}
.dark-mode .page-description {
color: #edf0f5;
}
.dark-mode .aside {
background: #fff;
border-left: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.dark-mode .aside-footer {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .aside-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .header {
background: #10163a;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0px 10px 10px 20px rgba(53, 63, 88, 0.1), 10px 10px 15px -5px rgba(255, 255, 255, 0.05);
}
.dark-mode .header-bg {
background: #4454c3;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4454c3, #4454c3);
}
.dark-mode .nav-unread {
background: #ecd938;
}
.dark-mode .nav-link.icon .nav-span {
color: #edf0f5;
}
.dark-mode .header-btn.has-new:before {
background: #dc0441;
}
.dark-mode .header-toggler {
color: #000;
}
.dark-mode .header-toggler:hover {
color: #32e448;
}
.dark-mode .footer {
background: #10163a;
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode footer.footer {
background: #10163a;
border-top: 0px solid rgba(255, 255, 255, 0.07);
box-shadow: 0px 10px 10px 20px rgba(16, 22, 58, 0.13), 10px 10px 15px -5px #0f163e;
}
.dark-mode .footer .social ul li a {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .footer a:not(.btn) {
color: rgba(255, 255, 255, 0.4);
}
.dark-mode .text-default {
color: #fff !important;
}
.dark-mode .text-muted-dark {
color: #edf0f5 !important;
}
.dark-mode .icon {
color: #fff !important;
}
.dark-mode .icon i {
color: #edf0f5;
}
.dark-mode a.icon:hover {
color: #fff !important;
}
.dark-mode .nav-tabs .nav-link:hover:not(.disabled) {
color: #fff;
}
.dark-mode .nav-tabs .nav-link.active {
color: #fff;
background: #4454c3;
}
.dark-mode .header .nav-tabs .nav-link:hover:not(.disabled) {
color: #fff !important;
background: #4454c3;
}
.dark-mode .header .nav-tabs .nav-link.active {
color: #fff !important;
background: #4454c3;
}
/*---Mega Menu---*/
@media (max-width: 768px) {
.dark-mode .richText .richText-toolbar ul li a {
border: rgba(0, 40, 100, 0.12) solid 1px;
}
}
.dark-mode .nav-tabs .nav-submenu {
background: #000;
border: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.dark-mode .nav-tabs .nav-submenu .nav-item {
color: #9aa0ac;
}
.dark-mode .nav-tabs .nav-submenu .nav-item.active {
color: #467fcf;
}
.dark-mode .nav-tabs .nav-submenu .nav-item:hover {
color: #edf0f5;
background: rgba(0, 0, 0, 0.024);
}
/*----- Btn styles------*/
.dark-mode .btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: #3b5998;
}
.dark-mode .btn-facebook:hover {
color: #fff;
background-color: #30497c;
border-color: #2d4373;
}
.dark-mode .btn-facebook:focus,
.dark-mode .btn-facebook.focus {
box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
}
.dark-mode .btn-facebook.disabled,
.dark-mode .btn-facebook:disabled {
color: #fff;
background-color: #3b5998;
border-color: #3b5998;
}
.dark-mode .btn-facebook:not(:disabled):not(.disabled):active,
.dark-mode .btn-facebook:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-facebook.dropdown-toggle {
color: #fff;
background-color: #2d4373;
border-color: #293e6a;
}
.dark-mode .btn-facebook:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-facebook:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-facebook.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(59, 89, 152, 0.5);
}
.dark-mode .btn-twitter {
color: #fff;
background-color: #1da1f2;
border-color: #1da1f2;
}
.dark-mode .btn-twitter:hover {
color: #fff;
background-color: #0d8ddc;
border-color: #0c85d0;
}
.dark-mode .btn-twitter:focus,
.dark-mode .btn-twitter.focus {
box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
}
.dark-mode .btn-twitter.disabled,
.dark-mode .btn-twitter:disabled {
color: #fff;
background-color: #1da1f2;
border-color: #1da1f2;
}
.dark-mode .btn-twitter:not(:disabled):not(.disabled):active,
.dark-mode .btn-twitter:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-twitter.dropdown-toggle {
color: #fff;
background-color: #0c85d0;
border-color: #0b7ec4;
}
.dark-mode .btn-twitter:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-twitter:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-twitter.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(29, 161, 242, 0.5);
}
.dark-mode .btn-google {
color: #fff;
background-color: #dc4e41;
border-color: #dc4e41;
}
.dark-mode .btn-google:hover {
color: #fff;
background-color: #d03526;
border-color: #c63224;
}
.dark-mode .btn-google:focus,
.dark-mode .btn-google.focus {
box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
}
.dark-mode .btn-google.disabled,
.dark-mode .btn-google:disabled {
color: #fff;
background-color: #dc4e41;
border-color: #dc4e41;
}
.dark-mode .btn-google:not(:disabled):not(.disabled):active,
.dark-mode .btn-google:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-google.dropdown-toggle {
color: #fff;
background-color: #c63224;
border-color: #bb2f22;
}
.dark-mode .btn-google:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-google:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-google.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(220, 78, 65, 0.5);
}
.dark-mode .btn-youtube {
color: #fff;
background-color: #f00;
border-color: #f00;
}
.dark-mode .btn-youtube:hover {
color: #fff;
background-color: #d90000;
border-color: #cc0000;
}
.dark-mode .btn-youtube:focus,
.dark-mode .btn-youtube.focus {
box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}
.dark-mode .btn-youtube.disabled,
.dark-mode .btn-youtube:disabled {
color: #fff;
background-color: #f00;
border-color: #f00;
}
.dark-mode .btn-youtube:not(:disabled):not(.disabled):active,
.dark-mode .btn-youtube:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-youtube.dropdown-toggle {
color: #fff;
background-color: #cc0000;
border-color: #bf0000;
}
.dark-mode .btn-youtube:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-youtube:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-youtube.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}
.dark-mode .btn-vimeo {
color: #fff;
background-color: #1ab7ea;
border-color: #1ab7ea;
}
.dark-mode .btn-vimeo:hover {
color: #fff;
background-color: #139ecb;
border-color: #1295bf;
}
.dark-mode .btn-vimeo:focus,
.dark-mode .btn-vimeo.focus {
box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}
.dark-mode .btn-vimeo.disabled,
.dark-mode .btn-vimeo:disabled {
color: #fff;
background-color: #1ab7ea;
border-color: #1ab7ea;
}
.dark-mode .btn-vimeo:not(:disabled):not(.disabled):active,
.dark-mode .btn-vimeo:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-vimeo.dropdown-toggle {
color: #fff;
background-color: #1295bf;
border-color: #108cb4;
}
.dark-mode .btn-vimeo:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-vimeo:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-vimeo.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}
.dark-mode .btn-dribbble {
color: #fff;
background-color: #ea4c89;
border-color: #ea4c89;
}
.dark-mode .btn-dribbble:hover {
color: #fff;
background-color: #e62a72;
border-color: #e51e6b;
}
.dark-mode .btn-dribbble:focus,
.dark-mode .btn-dribbble.focus {
box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}
.dark-mode .btn-dribbble.disabled,
.dark-mode .btn-dribbble:disabled {
color: #fff;
background-color: #ea4c89;
border-color: #ea4c89;
}
.dark-mode .btn-dribbble:not(:disabled):not(.disabled):active,
.dark-mode .btn-dribbble:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-dribbble.dropdown-toggle {
color: #fff;
background-color: #e51e6b;
border-color: #dc1a65;
}
.dark-mode .btn-dribbble:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-dribbble:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-dribbble.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}
.dark-mode .btn-github {
color: #fff;
background-color: #181717;
border-color: #181717;
}
.dark-mode .btn-github:hover {
color: #fff;
background-color: #040404;
border-color: black;
}
.dark-mode .btn-github:focus,
.dark-mode .btn-github.focus {
box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}
.dark-mode .btn-github.disabled,
.dark-mode .btn-github:disabled {
color: #fff;
background-color: #181717;
border-color: #181717;
}
.dark-mode .btn-github:not(:disabled):not(.disabled):active,
.dark-mode .btn-github:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-github.dropdown-toggle {
color: #fff;
background-color: black;
border-color: black;
}
.dark-mode .btn-github:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-github:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-github.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}
.dark-mode .btn-instagram {
color: #fff;
background-color: #e4405f;
border-color: #e4405f;
}
.dark-mode .btn-instagram:hover {
color: #fff;
background-color: #de1f44;
border-color: #d31e40;
}
.dark-mode .btn-instagram:focus,
.dark-mode .btn-instagram.focus {
box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}
.dark-mode .btn-instagram.disabled,
.dark-mode .btn-instagram:disabled {
color: #fff;
background-color: #e4405f;
border-color: #e4405f;
}
.dark-mode .btn-instagram:not(:disabled):not(.disabled):active,
.dark-mode .btn-instagram:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-instagram.dropdown-toggle {
color: #fff;
background-color: #d31e40;
border-color: #c81c3d;
}
.dark-mode .btn-instagram:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-instagram:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-instagram.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}
.dark-mode .btn-pinterest {
color: #fff;
background-color: #bd081c;
border-color: #bd081c;
}
.dark-mode .btn-pinterest:hover {
color: #fff;
background-color: #980617;
border-color: #8c0615;
}
.dark-mode .btn-pinterest:focus,
.dark-mode .btn-pinterest.focus {
box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}
.dark-mode .btn-pinterest.disabled,
.dark-mode .btn-pinterest:disabled {
color: #fff;
background-color: #bd081c;
border-color: #bd081c;
}
.dark-mode .btn-pinterest:not(:disabled):not(.disabled):active,
.dark-mode .btn-pinterest:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-pinterest.dropdown-toggle {
color: #fff;
background-color: #8c0615;
border-color: #800513;
}
.dark-mode .btn-pinterest:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-pinterest:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-pinterest.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}
.dark-mode .btn-vk {
color: #fff;
background-color: #6383a8;
border-color: #6383a8;
}
.dark-mode .btn-vk:hover {
color: #fff;
background-color: #527093;
border-color: #4d6a8b;
}
.dark-mode .btn-vk:focus,
.dark-mode .btn-vk.focus {
box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}
.dark-mode .btn-vk.disabled,
.dark-mode .btn-vk:disabled {
color: #fff;
background-color: #6383a8;
border-color: #6383a8;
}
.dark-mode .btn-vk:not(:disabled):not(.disabled):active,
.dark-mode .btn-vk:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-vk.dropdown-toggle {
color: #fff;
background-color: #4d6a8b;
border-color: #496482;
}
.dark-mode .btn-vk:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-vk:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-vk.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}
.dark-mode .btn-rss {
color: #fff;
background-color: #ffa500;
border-color: #ffa500;
}
.dark-mode .btn-rss:hover {
color: #fff;
background-color: #d98c00;
border-color: #cc8400;
}
.dark-mode .btn-rss:focus,
.dark-mode .btn-rss.focus {
box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}
.dark-mode .btn-rss.disabled,
.dark-mode .btn-rss:disabled {
color: #fff;
background-color: #ffa500;
border-color: #ffa500;
}
.dark-mode .btn-rss:not(:disabled):not(.disabled):active,
.dark-mode .btn-rss:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-rss.dropdown-toggle {
color: #fff;
background-color: #cc8400;
border-color: #bf7c00;
}
.dark-mode .btn-rss:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-rss:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-rss.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}
.dark-mode .btn-flickr {
color: #fff;
background-color: #0063dc;
border-color: #0063dc;
}
.dark-mode .btn-flickr:hover {
color: #fff;
background-color: #0052b6;
border-color: #004ca9;
}
.dark-mode .btn-flickr:focus,
.dark-mode .btn-flickr.focus {
box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}
.dark-mode .btn-flickr.disabled,
.dark-mode .btn-flickr:disabled {
color: #fff;
background-color: #0063dc;
border-color: #0063dc;
}
.dark-mode .btn-flickr:not(:disabled):not(.disabled):active,
.dark-mode .btn-flickr:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-flickr.dropdown-toggle {
color: #fff;
background-color: #004ca9;
border-color: #00469c;
}
.dark-mode .btn-flickr:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-flickr:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-flickr.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}
.dark-mode .btn-bitbucket {
color: #fff;
background-color: #0052cc;
border-color: #0052cc;
}
.dark-mode .btn-bitbucket:hover {
color: #fff;
background-color: #0043a6;
border-color: #003e99;
}
.dark-mode .btn-bitbucket:focus,
.dark-mode .btn-bitbucket.focus {
box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}
.dark-mode .btn-bitbucket.disabled,
.dark-mode .btn-bitbucket:disabled {
color: #fff;
background-color: #0052cc;
border-color: #0052cc;
}
.dark-mode .btn-bitbucket:not(:disabled):not(.disabled):active,
.dark-mode .btn-bitbucket:not(:disabled):not(.disabled).active,
.dark-mode .show > .btn-bitbucket.dropdown-toggle {
color: #fff;
background-color: #003e99;
border-color: #00388c;
}
.dark-mode .btn-bitbucket:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-bitbucket:not(:disabled):not(.disabled).active:focus,
.dark-mode .show > .btn-bitbucket.dropdown-toggle:focus {
box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}
.dark-mode .btn-option {
background: transparent;
color: #9aa0ac;
}
.dark-mode .btn-option:hover {
color: #edf0f5;
}
.dark-mode .btn-option:focus {
box-shadow: none;
color: #edf0f5;
}
.dark-mode .btn-loading:after {
border: 2px solid #fff;
}
/*--------panel----------*/
.dark-mode .expanel-default {
border: #ddd !important;
}
.dark-mode .expanel-primary {
border: #4454c3 !important;
}
.dark-mode .expanel-primary > .expanel-heading {
color: #fff !important;
background-color: #4454c3 !important;
border-color: #4454c3 !important;
}
.dark-mode .expanel {
background-color: #10163a !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}
.dark-mode .expanel-default > .expanel-heading {
background-color: #191f48 !important;
border-color: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .expanel-heading {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .expanel-footer {
background-color: #191f48 !important;
border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}
/*---------Thumbnails----------*/
.dark-mode .thumbnail {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .video-list-thumbs > li > a {
color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .video-list-thumbs .fa {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.dark-mode .video-list-thumbs > li > a:hover .fa {
color: #fff;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.dark-mode .video-list-thumbs .duration {
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
}
.dark-mode .video-list-thumbs > li > a:hover .duration {
background-color: #000;
}
.dark-mode .badge-default {
background: #54575f;
color: #fff;
}
.dark-mode .offer {
background: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .shape {
border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}
.dark-mode .offer-default {
border-color: rgba(255, 255, 255, 0.8);
}
.dark-mode .offer-default .shape {
border-color: transparent rgba(255, 255, 255, 0.8) transparent transparent;
}
.dark-mode .offer-primary {
border-color: #4454c3;
}
.dark-mode .offer-primary .shape {
border-color: transparent #4454c3 transparent transparent;
}
.dark-mode .shape-text {
color: #fff;
}
.dark-mode .card-blog-overlay .card-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-mode .card-blog-overlay1 .card-footer,
.dark-mode .card-blog-overlay2 .card-footer {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-mode .table th,
.dark-mode .text-wrap table th {
color: #edf0f5;
border-top: 0;
}
.dark-mode .table-vcenter td,
.dark-mode .table-vcenter th {
border-top: 1px solid rgba(255, 255, 255, 0.07);
color: #fff;
}
.dark-mode .table-striped tbody tr:nth-of-type(even) {
background-color: #191f48;
}
.dark-mode .table-calendar-link {
background: #191f48;
color: #c4c9d6;
}
.dark-mode .table-calendar-link:before {
background: #467fcf;
}
.dark-mode .table-calendar-link:hover {
color: #fff;
background: #467fcf;
}
.dark-mode .table-calendar-link:hover:before {
background: #fff;
}
.dark-mode .table-header:hover {
color: #c4c9d6 !important;
}
.dark-mode .table-header-asc {
color: #c4c9d6 !important;
}
.dark-mode .table-header-desc {
color: #c4c9d6 !important;
}
.dark-mode .page-breadcrumb .breadcrumb-item {
color: #9aa0ac;
}
.dark-mode .page-breadcrumb .breadcrumb-item.active {
color: #edf0f5;
}
.dark-mode .pagination-simple .page-item.active .page-link {
color: #c4c9d6;
}
.dark-mode .page-total-text {
color: #edf0f5;
}
/*------ Default Card Values -------*/
.dark-mode .card-body + .card-body {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .card-img-overlay {
background-color: rgba(0, 0, 0, 0.4);
}
.dark-mode .reg {
color: #2e1170;
}
.dark-mode .card-title small,
.dark-mode .card-subtitle {
color: #9aa0ac;
}
.dark-mode .card-body + .card-table {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .card-profile-img {
border: 3px solid #10163a;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.dark-mode .profile-cover .cover {
border: 10px solid #10163a;
}
.dark-mode .profile-cover .cover .inner-cover img {
border: 1px solid transparent;
}
.dark-mode .profile-cover .cover ul.cover-menu {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.24);
}
.dark-mode .profile-cover .cover ul.cover-menu li:hover {
background-color: rgba(0, 0, 0, 0.44);
}
.dark-mode .profile-cover .cover ul.cover-menu li.active {
background-color: rgba(0, 0, 0, 0.64);
}
.dark-mode .profile-cover .cover ul.cover-menu li a {
color: #fff;
}
.dark-mode .card-body + .card-list-group {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .list-media .info .text-end {
color: #8a8a8a;
}
.dark-mode .card-options {
color: #9aa0ac;
}
.dark-mode .card-options a:not(.btn) {
color: #edf0f5;
}
.dark-mode .card-options a:not(.btn):hover {
color: #edf0f5;
}
.dark-mode .widgets-cards .wrp.icon-circle i {
color: #fff;
}
.dark-mode .card-map {
background: rgba(255, 255, 255, 0.1);
}
.dark-mode .card-tabs-bottom .card-tabs-item.active {
border-top-color: #fff;
}
.dark-mode a.card-tabs-item {
background: #fafbfc;
}
.dark-mode a.card-tabs-item.active {
background: #fff;
border-bottom-color: #fff;
}
.dark-mode .card-status {
background: rgba(0, 40, 100, 0.12);
}
.dark-mode .card-category {
background: #f3f3f3;
}
.dark-mode #sidebar .dropdown-menu {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.dark-mode .dropdown-item {
color: #edf0f5;
}
.dark-mode .dropdown-icon {
color: #edf0f5;
}
.dark-mode .list-group-item .icon {
color: rgba(255, 255, 255, 0.8) !important;
}
.dark-mode .list-group-transparent .list-group-item {
border: 0;
}
.dark-mode .list-group-transparent .list-group-item.active {
background: #191f48;
}
.dark-mode .avatar {
background: #4454c3 no-repeat center/cover;
color: #fff;
}
.dark-mode .avatar-status {
border: 2px solid #10163a;
background: #868e96;
}
.dark-mode .avatar-placeholder {
background: #ced4da url('data:image/svg+xml;charset=utf8,') no-repeat center/80%;
}
.dark-mode .avatar-list-stacked .avatar {
box-shadow: 0 0 0 2px #10163a;
}
.dark-mode .avatar-blue {
background-color: #083dc1;
color: #467fcf;
}
.dark-mode .avatar-indigo {
background-color: #d1d5f0;
color: #6574cd;
}
.dark-mode .avatar-purple {
background-color: #e4cff9;
color: #aa4cf2;
}
.dark-mode .avatar-pink {
background-color: #fcd3e1;
color: #ec82ef;
}
.dark-mode.avatar-red {
background-color: #f0bcbc;
color: #dc0441;
}
.dark-mode .avatar-orange {
background-color: #fee0c7;
color: #fc7303;
}
.dark-mode .avatar-yellow {
background-color: #fbedb7;
color: #ecb403;
}
.dark-mode .avatar-green {
background-color: #cfeab3;
color: #2dce89;
}
.dark-mode .avatar-teal {
background-color: #bfefea;
color: #2bcbba;
}
.dark-mode .avatar-cyan {
background-color: #b9e3ea;
color: #17a2b8;
}
.dark-mode .avatar-white {
background-color: white;
color: #fff;
}
.dark-mode .avatar-gray {
background-color: #dbdde0;
color: #868e96;
}
.dark-mode .avatar-gray-dark {
background-color: #c2c4c6;
color: #343a40;
}
.dark-mode .avatar-azure {
background-color: #c7e6fb;
color: #45aaf2;
}
.dark-mode .avatar-lime {
background-color: #d7f2c2;
color: #7bd235;
}
.dark-mode .mail-chats {
border-top: 1px solid rgba(128, 128, 128, 0.16);
}
.dark-mode .user p.u-name {
color: #d1d5dc;
}
.dark-mode .user p.u-designation {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode div.online-status .status.online {
background: #2dce89;
}
.dark-mode .online-status .status.offline {
background: rgba(255, 0, 0, 0.7);
}
.dark-mode .header .form-inline .form-control {
border: 1px solid rgba(255, 255, 255, 0.07);
}
@media (max-width: 767.98px) and (min-width: 576px) {
.dark-mode .header .navsearch i {
color: #fff;
}
.dark-mode .search-element .form-control {
background: #050e25 !important;
color: #edf0f5;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .search-show .search-element {
background: #4454c3;
}
.dark-mode .header .form-inline .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.dark-mode .header .navsearch i {
color: #edf0f5;
}
.dark-mode .header .form-inline .btn {
color: #46494a !important;
}
.dark-mode .animated-arrow.hor-toggle {
border: 0px solid rgba(255, 255, 255, 0.07) !important;
}
}
@media (max-width: 1024px) {
body.dark-mode.search-show:before,
body.dark-mode.sidebar-show:before {
background-color: rgba(0, 0, 0, 0.4);
}
}
.dark-mode .header .form-inline .btn {
color: #fff;
}
@media (max-width: 575.98px) {
.dark-mode .header .form-inline .search-element .form-control {
background: #10163a;
color: #fff;
}
.dark-mode .search-show .search-element {
background: #4454c3;
}
.dark-mode .form-control.header-search {
color: #000;
}
.dark-mode .header .form-inline .btn {
color: #46494a !important;
}
.dark-mode .header .form-inline .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.2) !important;
}
.dark-mode .header .navsearch i {
color: #edf0f5;
}
}
.dark-mode .icons-list-item {
border: 1px solid rgba(255, 255, 255, 0.07);
background: #191f48;
}
.dark-mode .link-overlay-bg {
background: rgba(70, 127, 207, 0.8);
color: #fff;
}
.dark-mode .form-label {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .custom-control-label:before {
border: 1px solid rgba(255, 255, 255, 0.07);
background-color: #373c5f;
}
.dark-mode .input-group-prepend > .btn,
.dark-mode .input-group-append > .btn,
.dark-mode .input-group-btn > .btn {
border-color: rgba(0, 40, 100, 0.12);
}
.dark-mode .mediaicon {
border: 1px solid #4454c3;
background: #4454c3;
color: #fff;
}
.dark-mode .defaultheader .input-icon-addon {
color: #fff !important;
}
.dark-mode .defaultheader .form-control.header-search::placeholder {
color: rgba(255, 255, 255, 0.2) !important;
}
.dark-mode .form-fieldset {
background: #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .form-required {
color: #dc0441;
}
.dark-mode .form-help {
color: #9aa0ac;
background: #191f48;
}
.dark-mode .form-help:hover,
.dark-mode .form-help[aria-describedby] {
background: #467fcf;
color: #fff;
}
.dark-mode .jqstooltip {
background: #232d46 !important;
}
.dark-mode .social-links li a {
background: #f8f8f8;
color: #9aa0ac;
}
.dark-mode .map-header:before {
background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #191f48 95%);
}
.dark-mode .chart-circle-value small {
color: #9aa0ac;
}
.dark-mode .chip {
color: #edf0f5;
background-color: #e8ebf9;
}
.dark-mode a.chip:hover {
color: #fff;
text-decoration: none;
background-color: #4454c3;
}
.dark-mode .stamp {
color: #fff;
background: #868e96;
}
.dark-mode .chat-message {
background-color: #467fcf;
color: #fff;
}
.dark-mode .chat-message:after {
border-bottom: 6px solid transparent;
border-left: 6px solid #467fcf;
border-top: 6px solid transparent;
}
.dark-mode .chat-line-friend .chat-message {
background-color: #f3f3f3;
color: #c4c9d6;
}
.dark-mode .chat-line-friend .chat-message:after {
border-right: 5px solid #f3f3f3;
}
.dark-mode .example {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .example-bg {
background: #191f48;
}
.dark-mode .highlight {
border: 1px solid rgba(255, 255, 255, 0.07);
background: #191f48;
border-top: none;
}
.dark-mode .highlight pre {
background-color: #191f48;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .tag {
color: rgba(255, 255, 255, 0.8);
background-color: #191f48;
}
.dark-mode a.tag:hover {
background-color: rgba(110, 118, 135, 0.2);
}
.dark-mode .tag-addon {
background: rgba(0, 0, 0, 0.06);
}
.dark-mode a.tag-addon:hover {
background: rgba(0, 0, 0, 0.16);
}
.dark-mode .tag-blue {
background-color: #083dc1;
color: #fff;
}
.dark-mode .tag-indigo {
background-color: #6574cd;
color: #fff;
}
.dark-mode .tag-purple {
background-color: #aa4cf2;
color: #fff;
}
.dark-mode .tag-pink {
background-color: #ec82ef;
color: #fff;
}
.dark-mode .tag-red {
background-color: #dc0441;
color: #fff;
}
.dark-mode .tag-orange {
background-color: #fc7303;
color: #fff;
}
.dark-mode .tag-yellow {
background-color: #ecb403;
color: #fff;
}
.dark-mode .tag-green {
background-color: #2dce89;
color: #fff;
}
.dark-mode .tag-teal {
background-color: #2bcbba;
color: #fff;
}
.dark-mode .tag-cyan {
background-color: #17a2b8;
color: #fff;
}
.dark-mode .tag-white {
background-color: #10163a;
color: #fff;
}
.dark-mode .tag-gray {
background-color: #868e96;
color: #fff;
}
.dark-mode .tag-gray-dark {
background-color: #343a40;
color: #fff;
}
.dark-mode .tag-azure {
background-color: #45aaf2;
color: #fff;
}
.dark-mode .tag-lime {
background-color: #7bd235;
color: #fff;
}
.dark-mode .tag-primary {
background-color: #467fcf;
color: #fff;
}
.dark-mode .tag-secondary {
background-color: #f72d66;
color: #fff;
}
.dark-mode .tag-success {
background-color: #2dce89;
color: #fff;
}
.dark-mode .tag-info {
background-color: #45aaf2;
color: #fff;
}
.dark-mode .tag-warning {
background-color: #ecb403;
color: #fff;
}
.dark-mode .tag-danger {
background-color: #dc0441;
color: #fff;
}
.dark-mode .tag-light {
background-color: #191f48;
color: #fff;
}
.dark-mode .tag-dark {
background-color: #343a40;
color: #fff;
}
.dark-mode .carousel-item-background {
background: rgba(0, 0, 0, 0.5);
}
.dark-mode .custom-range:focus::-webkit-slider-thumb {
border-color: #467fcf;
background-color: #467fcf;
}
.dark-mode .custom-range:focus::-moz-range-thumb {
border-color: #467fcf;
background-color: #467fcf;
}
.dark-mode .custom-range:focus::-ms-thumb {
border-color: #467fcf;
background-color: #467fcf;
}
.dark-mode .custom-range::-webkit-slider-thumb {
background-color: #4454c3;
background: #fff;
box-shadow: 1px 0 0 -6px rgba(0, 50, 126, 0.12), 6px 0 0 -6px rgba(0, 50, 126, 0.12), 7px 0 0 -6px rgba(0, 50, 126, 0.12), 8px 0 0 -6px rgba(0, 50, 126, 0.12), 9px 0 0 -6px rgba(0, 50, 126, 0.12), 10px 0 0 -6px rgba(0, 50, 126, 0.12), 11px 0 0 -6px rgba(0, 50, 126, 0.12), 12px 0 0 -6px rgba(0, 50, 126, 0.12), 13px 0 0 -6px rgba(0, 50, 126, 0.12), 14px 0 0 -6px rgba(0, 50, 126, 0.12), 15px 0 0 -6px rgba(0, 50, 126, 0.12), 16px 0 0 -6px rgba(0, 50, 126, 0.12), 17px 0 0 -6px rgba(0, 50, 126, 0.12), 18px 0 0 -6px rgba(0, 50, 126, 0.12), 19px 0 0 -6px rgba(0, 50, 126, 0.12), 20px 0 0 -6px rgba(0, 50, 126, 0.12), 21px 0 0 -6px rgba(0, 50, 126, 0.12), 22px 0 0 -6px rgba(0, 50, 126, 0.12), 23px 0 0 -6px rgba(0, 50, 126, 0.12), 24px 0 0 -6px rgba(0, 50, 126, 0.12), 25px 0 0 -6px rgba(0, 50, 126, 0.12), 26px 0 0 -6px rgba(0, 50, 126, 0.12), 27px 0 0 -6px rgba(0, 50, 126, 0.12), 28px 0 0 -6px rgba(0, 50, 126, 0.12), 29px 0 0 -6px rgba(0, 50, 126, 0.12), 30px 0 0 -6px rgba(0, 50, 126, 0.12), 31px 0 0 -6px rgba(0, 50, 126, 0.12), 32px 0 0 -6px rgba(0, 50, 126, 0.12), 33px 0 0 -6px rgba(0, 50, 126, 0.12), 34px 0 0 -6px rgba(0, 50, 126, 0.12), 35px 0 0 -6px rgba(0, 50, 126, 0.12), 36px 0 0 -6px rgba(0, 50, 126, 0.12), 37px 0 0 -6px rgba(0, 50, 126, 0.12), 38px 0 0 -6px rgba(0, 50, 126, 0.12), 39px 0 0 -6px rgba(0, 50, 126, 0.12), 40px 0 0 -6px rgba(0, 50, 126, 0.12), 41px 0 0 -6px rgba(0, 50, 126, 0.12), 42px 0 0 -6px rgba(0, 50, 126, 0.12), 43px 0 0 -6px rgba(0, 50, 126, 0.12), 44px 0 0 -6px rgba(0, 50, 126, 0.12), 45px 0 0 -6px rgba(0, 50, 126, 0.12), 46px 0 0 -6px rgba(0, 50, 126, 0.12), 47px 0 0 -6px rgba(0, 50, 126, 0.12), 48px 0 0 -6px rgba(0, 50, 126, 0.12), 49px 0 0 -6px rgba(0, 50, 126, 0.12), 50px 0 0 -6px rgba(0, 50, 126, 0.12), 51px 0 0 -6px rgba(0, 50, 126, 0.12), 52px 0 0 -6px rgba(0, 50, 126, 0.12), 53px 0 0 -6px rgba(0, 50, 126, 0.12), 54px 0 0 -6px rgba(0, 50, 126, 0.12), 55px 0 0 -6px rgba(0, 50, 126, 0.12), 56px 0 0 -6px rgba(0, 50, 126, 0.12), 57px 0 0 -6px rgba(0, 50, 126, 0.12), 58px 0 0 -6px rgba(0, 50, 126, 0.12), 59px 0 0 -6px rgba(0, 50, 126, 0.12), 60px 0 0 -6px rgba(0, 50, 126, 0.12), 61px 0 0 -6px rgba(0, 50, 126, 0.12), 62px 0 0 -6px rgba(0, 50, 126, 0.12), 63px 0 0 -6px rgba(0, 50, 126, 0.12), 64px 0 0 -6px rgba(0, 50, 126, 0.12), 65px 0 0 -6px rgba(0, 50, 126, 0.12), 66px 0 0 -6px rgba(0, 50, 126, 0.12), 67px 0 0 -6px rgba(0, 50, 126, 0.12), 68px 0 0 -6px rgba(0, 50, 126, 0.12), 69px 0 0 -6px rgba(0, 50, 126, 0.12), 70px 0 0 -6px rgba(0, 50, 126, 0.12), 71px 0 0 -6px rgba(0, 50, 126, 0.12), 72px 0 0 -6px rgba(0, 50, 126, 0.12), 73px 0 0 -6px rgba(0, 50, 126, 0.12), 74px 0 0 -6px rgba(0, 50, 126, 0.12), 75px 0 0 -6px rgba(0, 50, 126, 0.12), 76px 0 0 -6px rgba(0, 50, 126, 0.12), 77px 0 0 -6px rgba(0, 50, 126, 0.12), 78px 0 0 -6px rgba(0, 50, 126, 0.12), 79px 0 0 -6px rgba(0, 50, 126, 0.12), 80px 0 0 -6px rgba(0, 50, 126, 0.12), 81px 0 0 -6px rgba(0, 50, 126, 0.12), 82px 0 0 -6px rgba(0, 50, 126, 0.12), 83px 0 0 -6px rgba(0, 50, 126, 0.12), 84px 0 0 -6px rgba(0, 50, 126, 0.12), 85px 0 0 -6px rgba(0, 50, 126, 0.12), 86px 0 0 -6px rgba(0, 50, 126, 0.12), 87px 0 0 -6px rgba(0, 50, 126, 0.12), 88px 0 0 -6px rgba(0, 50, 126, 0.12), 89px 0 0 -6px rgba(0, 50, 126, 0.12), 90px 0 0 -6px rgba(0, 50, 126, 0.12), 91px 0 0 -6px rgba(0, 50, 126, 0.12), 92px 0 0 -6px rgba(0, 50, 126, 0.12), 93px 0 0 -6px rgba(0, 50, 126, 0.12), 94px 0 0 -6px rgba(0, 50, 126, 0.12), 95px 0 0 -6px rgba(0, 50, 126, 0.12), 96px 0 0 -6px rgba(0, 50, 126, 0.12), 97px 0 0 -6px rgba(0, 50, 126, 0.12), 98px 0 0 -6px rgba(0, 50, 126, 0.12), 99px 0 0 -6px rgba(0, 50, 126, 0.12), 100px 0 0 -6px rgba(0, 50, 126, 0.12), 101px 0 0 -6px rgba(0, 50, 126, 0.12), 102px 0 0 -6px rgba(0, 50, 126, 0.12), 103px 0 0 -6px rgba(0, 50, 126, 0.12), 104px 0 0 -6px rgba(0, 50, 126, 0.12), 105px 0 0 -6px rgba(0, 50, 126, 0.12), 106px 0 0 -6px rgba(0, 50, 126, 0.12), 107px 0 0 -6px rgba(0, 50, 126, 0.12), 108px 0 0 -6px rgba(0, 50, 126, 0.12), 109px 0 0 -6px rgba(0, 50, 126, 0.12), 110px 0 0 -6px rgba(0, 50, 126, 0.12), 111px 0 0 -6px rgba(0, 50, 126, 0.12), 112px 0 0 -6px rgba(0, 50, 126, 0.12), 113px 0 0 -6px rgba(0, 50, 126, 0.12), 114px 0 0 -6px rgba(0, 50, 126, 0.12), 115px 0 0 -6px rgba(0, 50, 126, 0.12), 116px 0 0 -6px rgba(0, 50, 126, 0.12), 117px 0 0 -6px rgba(0, 50, 126, 0.12), 118px 0 0 -6px rgba(0, 50, 126, 0.12), 119px 0 0 -6px rgba(0, 50, 126, 0.12), 120px 0 0 -6px rgba(0, 50, 126, 0.12), 121px 0 0 -6px rgba(0, 50, 126, 0.12), 122px 0 0 -6px rgba(0, 50, 126, 0.12), 123px 0 0 -6px rgba(0, 50, 126, 0.12), 124px 0 0 -6px rgba(0, 50, 126, 0.12), 125px 0 0 -6px rgba(0, 50, 126, 0.12), 126px 0 0 -6px rgba(0, 50, 126, 0.12), 127px 0 0 -6px rgba(0, 50, 126, 0.12), 128px 0 0 -6px rgba(0, 50, 126, 0.12), 129px 0 0 -6px rgba(0, 50, 126, 0.12), 130px 0 0 -6px rgba(0, 50, 126, 0.12), 131px 0 0 -6px rgba(0, 50, 126, 0.12), 132px 0 0 -6px rgba(0, 50, 126, 0.12), 133px 0 0 -6px rgba(0, 50, 126, 0.12), 134px 0 0 -6px rgba(0, 50, 126, 0.12), 135px 0 0 -6px rgba(0, 50, 126, 0.12), 136px 0 0 -6px rgba(0, 50, 126, 0.12), 137px 0 0 -6px rgba(0, 50, 126, 0.12), 138px 0 0 -6px rgba(0, 50, 126, 0.12), 139px 0 0 -6px rgba(0, 50, 126, 0.12), 140px 0 0 -6px rgba(0, 50, 126, 0.12), 141px 0 0 -6px rgba(0, 50, 126, 0.12), 142px 0 0 -6px rgba(0, 50, 126, 0.12), 143px 0 0 -6px rgba(0, 50, 126, 0.12), 144px 0 0 -6px rgba(0, 50, 126, 0.12), 145px 0 0 -6px rgba(0, 50, 126, 0.12), 146px 0 0 -6px rgba(0, 50, 126, 0.12), 147px 0 0 -6px rgba(0, 50, 126, 0.12), 148px 0 0 -6px rgba(0, 50, 126, 0.12), 149px 0 0 -6px rgba(0, 50, 126, 0.12), 150px 0 0 -6px rgba(0, 50, 126, 0.12), 151px 0 0 -6px rgba(0, 50, 126, 0.12), 152px 0 0 -6px rgba(0, 50, 126, 0.12), 153px 0 0 -6px rgba(0, 50, 126, 0.12), 154px 0 0 -6px rgba(0, 50, 126, 0.12), 155px 0 0 -6px rgba(0, 50, 126, 0.12), 156px 0 0 -6px rgba(0, 50, 126, 0.12), 157px 0 0 -6px rgba(0, 50, 126, 0.12), 158px 0 0 -6px rgba(0, 50, 126, 0.12), 159px 0 0 -6px rgba(0, 50, 126, 0.12), 160px 0 0 -6px rgba(0, 50, 126, 0.12), 161px 0 0 -6px rgba(0, 50, 126, 0.12), 162px 0 0 -6px rgba(0, 50, 126, 0.12), 163px 0 0 -6px rgba(0, 50, 126, 0.12), 164px 0 0 -6px rgba(0, 50, 126, 0.12), 165px 0 0 -6px rgba(0, 50, 126, 0.12), 166px 0 0 -6px rgba(0, 50, 126, 0.12), 167px 0 0 -6px rgba(0, 50, 126, 0.12), 168px 0 0 -6px rgba(0, 50, 126, 0.12), 169px 0 0 -6px rgba(0, 50, 126, 0.12), 170px 0 0 -6px rgba(0, 50, 126, 0.12), 171px 0 0 -6px rgba(0, 50, 126, 0.12), 172px 0 0 -6px rgba(0, 50, 126, 0.12), 173px 0 0 -6px rgba(0, 50, 126, 0.12), 174px 0 0 -6px rgba(0, 50, 126, 0.12), 175px 0 0 -6px rgba(0, 50, 126, 0.12), 176px 0 0 -6px rgba(0, 50, 126, 0.12), 177px 0 0 -6px rgba(0, 50, 126, 0.12), 178px 0 0 -6px rgba(0, 50, 126, 0.12), 179px 0 0 -6px rgba(0, 50, 126, 0.12), 180px 0 0 -6px rgba(0, 50, 126, 0.12), 181px 0 0 -6px rgba(0, 50, 126, 0.12), 182px 0 0 -6px rgba(0, 50, 126, 0.12), 183px 0 0 -6px rgba(0, 50, 126, 0.12), 184px 0 0 -6px rgba(0, 50, 126, 0.12), 185px 0 0 -6px rgba(0, 50, 126, 0.12), 186px 0 0 -6px rgba(0, 50, 126, 0.12), 187px 0 0 -6px rgba(0, 50, 126, 0.12), 188px 0 0 -6px rgba(0, 50, 126, 0.12), 189px 0 0 -6px rgba(0, 50, 126, 0.12), 190px 0 0 -6px rgba(0, 50, 126, 0.12), 191px 0 0 -6px rgba(0, 50, 126, 0.12), 192px 0 0 -6px rgba(0, 50, 126, 0.12), 193px 0 0 -6px rgba(0, 50, 126, 0.12), 194px 0 0 -6px rgba(0, 50, 126, 0.12), 195px 0 0 -6px rgba(0, 50, 126, 0.12), 196px 0 0 -6px rgba(0, 50, 126, 0.12), 197px 0 0 -6px rgba(0, 50, 126, 0.12), 198px 0 0 -6px rgba(0, 50, 126, 0.12), 199px 0 0 -6px rgba(0, 50, 126, 0.12), 200px 0 0 -6px rgba(0, 50, 126, 0.12), 201px 0 0 -6px rgba(0, 50, 126, 0.12), 202px 0 0 -6px rgba(0, 50, 126, 0.12), 203px 0 0 -6px rgba(0, 50, 126, 0.12), 204px 0 0 -6px rgba(0, 50, 126, 0.12), 205px 0 0 -6px rgba(0, 50, 126, 0.12), 206px 0 0 -6px rgba(0, 50, 126, 0.12), 207px 0 0 -6px rgba(0, 50, 126, 0.12), 208px 0 0 -6px rgba(0, 50, 126, 0.12), 209px 0 0 -6px rgba(0, 50, 126, 0.12), 210px 0 0 -6px rgba(0, 50, 126, 0.12), 211px 0 0 -6px rgba(0, 50, 126, 0.12), 212px 0 0 -6px rgba(0, 50, 126, 0.12), 213px 0 0 -6px rgba(0, 50, 126, 0.12), 214px 0 0 -6px rgba(0, 50, 126, 0.12), 215px 0 0 -6px rgba(0, 50, 126, 0.12), 216px 0 0 -6px rgba(0, 50, 126, 0.12), 217px 0 0 -6px rgba(0, 50, 126, 0.12), 218px 0 0 -6px rgba(0, 50, 126, 0.12), 219px 0 0 -6px rgba(0, 50, 126, 0.12), 220px 0 0 -6px rgba(0, 50, 126, 0.12), 221px 0 0 -6px rgba(0, 50, 126, 0.12), 222px 0 0 -6px rgba(0, 50, 126, 0.12), 223px 0 0 -6px rgba(0, 50, 126, 0.12), 224px 0 0 -6px rgba(0, 50, 126, 0.12), 225px 0 0 -6px rgba(0, 50, 126, 0.12), 226px 0 0 -6px rgba(0, 50, 126, 0.12), 227px 0 0 -6px rgba(0, 50, 126, 0.12), 228px 0 0 -6px rgba(0, 50, 126, 0.12), 229px 0 0 -6px rgba(0, 50, 126, 0.12), 230px 0 0 -6px rgba(0, 50, 126, 0.12), 231px 0 0 -6px rgba(0, 50, 126, 0.12), 232px 0 0 -6px rgba(0, 50, 126, 0.12), 233px 0 0 -6px rgba(0, 50, 126, 0.12), 234px 0 0 -6px rgba(0, 50, 126, 0.12), 235px 0 0 -6px rgba(0, 50, 126, 0.12), 236px 0 0 -6px rgba(0, 50, 126, 0.12), 237px 0 0 -6px rgba(0, 50, 126, 0.12), 238px 0 0 -6px rgba(0, 50, 126, 0.12), 239px 0 0 -6px rgba(0, 50, 126, 0.12), 240px 0 0 -6px rgba(0, 50, 126, 0.12);
border: 1px solid rgba(0, 30, 75, 0.12);
}
.dark-mode .custom-range::-moz-range-thumb {
background-color: #4454c3;
background: #fff;
border: 1px solid rgba(0, 30, 75, 0.12);
}
.dark-mode .custom-range::-moz-range-progress {
background: #467fcf;
}
.dark-mode .custom-range::-ms-thumb {
background-color: #4454c3;
background: #fff;
border: 1px solid rgba(0, 30, 75, 0.12);
}
.dark-mode .selectgroup-button {
border: 1px solid rgba(255, 255, 255, 0.07);
color: #9aa0ac;
}
.dark-mode .selectgroup-input:checked + .selectgroup-button {
border-color: #4454c3;
color: #4454c3;
background: #191f48;
}
.dark-mode .selectgroup-input:focus + .selectgroup-button {
border-color: #4454c3;
color: #4454c3;
}
.dark-mode .form-switch-indicator {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .form-switch-indicator:before {
background: #10163a;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.dark-mode .form-switch-input:checked ~ .form-switch-indicator:before {
background: #10163a;
}
.dark-mode .form-switch-input:checked ~ .form-switch-indicator {
background: #4454c3;
}
.dark-mode .form-switch-input:focus ~ .form-switch-indicator {
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
border-color: #4454c3;
}
.dark-mode .form-switch-description {
color: #edf0f5;
}
.dark-mode .form-switch-input:checked ~ .form-switch-description {
color: #c4c9d6;
}
.dark-mode .material-switch > label::before {
background: #818181;
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.dark-mode .material-switch > label::after {
background: #191f48;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.dark-mode .label-default {
background: #868e96;
}
.dark-mode .label-primary {
background: #4454c3;
}
.dark-mode .imagecheck-figure {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .imagecheck-input:focus ~ .imagecheck-figure {
border-color: #467fcf;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.dark-mode .imagecheck-input:checked ~ .imagecheck-figure {
border-color: rgba(0, 40, 100, 0.24);
}
.dark-mode .imagecheck-figure:before {
background: #467fcf url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
color: #fff;
}
.dark-mode .imagecheck-caption {
color: #9aa0ac;
}
.dark-mode .imagecheck:hover .imagecheck-caption,
.dark-mode .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption,
.dark-mode .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption {
color: #c4c9d6;
}
.dark-mode .colorinput-color {
border: 1px solid rgba(255, 255, 255, 0.07);
color: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.dark-mode .colorinput-input:focus ~ .colorinput-color {
border-color: #467fcf;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.dark-mode .jvectormap-tip {
background: #212529;
color: white;
}
.dark-mode .jvectormap-zoomin,
.jvectormap-zoomout,
.dark-mode .jvectormap-goback {
background: #292929;
}
/*-----selectize ------*/
.dark-mode .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
background: #f2f2f2 !important;
background: rgba(0, 0, 0, 0.06) !important;
box-shadow: inset 0 0 12px 4px #fff;
}
.dark-mode .selectize-control.plugin-drag_drop .ui-sortable-helper {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.dark-mode .selectize-dropdown-header {
border-bottom: 1px solid #d0d0d0;
background: #f8f8f8;
}
.dark-mode .selectize-dropdown-header-close {
color: #c4c9d6;
}
.dark-mode .selectize-dropdown-header-close:hover {
color: #000;
}
.dark-mode .selectize-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #f2f2f2;
}
.dark-mode .selectize-control.plugin-remove_button [data-value] .remove {
border-left: 1px solid #d0d0d0;
}
.dark-mode .selectize-control.plugin-remove_button [data-value] .remove:hover {
background: rgba(0, 0, 0, 0.05);
}
.dark-mode .selectize-control.plugin-remove_button [data-value].active .remove {
border-left-color: #cacaca;
}
.dark-mode .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
background: none;
}
.dark-mode .selectize-control.plugin-remove_button .disabled [data-value] .remove {
border-left-color: #fff;
}
.dark-mode .selectize-dropdown,
.dark-mode .selectize-input,
.dark-mode .selectize-input input {
color: #c4c9d6;
}
.dark-mode .selectize-input,
.dark-mode .selectize-control.single .selectize-input.input-active {
background: #fff;
}
.dark-mode .selectize-input {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .selectize-input.full {
background-color: #10163a;
}
.dark-mode .selectize-input.focus {
border-color: #467fcf;
box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
}
.dark-mode .selectize-control.multi .selectize-input > div {
background: rgba(255, 255, 255, 0.1);
color: #c4c9d6;
border: 0 solid rgba(0, 40, 100, 0.12);
}
.dark-mode .selectize-control.multi .selectize-input > div.active {
background: #e8e8e8;
color: #303030;
border: 0 solid #cacaca;
}
.dark-mode .selectize-control.multi .selectize-input.disabled > div,
.dark-mode .selectize-control.multi .selectize-input.disabled > div.active {
color: #7d7d7d;
background: #fff;
border: 0 solid #fff;
}
.dark-mode .selectize-input.dropdown-active::before {
background: #f0f0f0;
}
.dark-mode .selectize-dropdown {
border: 1px solid rgba(255, 255, 255, 0.07);
background: #fff;
}
.dark-mode .selectize-dropdown [data-selectable] .highlight {
background: rgba(125, 168, 208, 0.2);
}
.dark-mode .selectize-dropdown .optgroup-header {
color: #c4c9d6;
background: #fff;
}
.dark-mode .selectize-dropdown .active {
background-color: #f1f4f8;
color: #467fcf;
}
.dark-mode .selectize-dropdown .active.create {
color: #c4c9d6;
}
.dark-mode .selectize-dropdown .create {
color: rgba(48, 48, 48, 0.5);
}
.dark-mode .selectize-control.single .selectize-input:after {
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat center;
}
.dark-mode .selectize-control .selectize-input.disabled {
background-color: #fafafa;
}
.dark-mode .selectize-dropdown .image img,
.dark-mode .selectize-input .image img {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.dark-mode .demo-gallery > ul > li a {
border: 3px solid #fff;
}
/*----- Date Picker ----*/
.dark-mode .ui-datepicker {
background-color: #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .ui-datepicker .ui-datepicker-header {
color: #fff;
}
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
text-indent: -99999px;
color: #6c757d;
}
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
color: #343a40;
}
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
color: #c4c9d6;
}
.dark-mode .ui-datepicker .ui-datepicker-title {
color: #5b93d3;
}
.dark-mode .ui-datepicker .ui-datepicker-calendar th {
color: #a3a7b7;
}
.dark-mode .ui-datepicker .ui-datepicker-calendar td {
border: 1px solid rgba(255, 255, 255, 0.07) !important;
background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
color: #ccc;
}
.dark-mode .ui-datepicker .ui-datepicker-calendar td span,
.dark-mode .ui-datepicker .ui-datepicker-calendar td a {
background-color: #10163a;
color: #c4c9d6;
}
.dark-mode .ui-datepicker .ui-datepicker-calendar td a:hover {
background-color: #191f48;
color: #fff;
}
.dark-mode .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
background-color: #191f48;
color: #fff;
}
.dark-mode .model-wrapper-demo {
background: #191f48;
}
.dark-mode .timeline--horizontal .timeline-divider {
background: #191f48 !important;
}
.dark-mode .timeline__content {
background-color: #10163a;
background-color: #eaf0f9;
}
/*-----Back to Top-----*/
.dark-mode #back-to-top {
background: #4454c3;
color: #fff;
}
.dark-mode #back-to-top:hover {
background: #10163a;
color: #4454c3;
border: 2px solid #4454c3;
}
.dark-mode .tabs-menu ul li .active {
background: #4454c3;
color: #fff !important;
}
.dark-mode .tabs-menu1 ul li .active {
border-bottom: 3px solid #4454c3;
}
.dark-mode .tabs-menu-body {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .tab-menu-heading {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .tab_content.active p:last-child {
margin-bottom: 0;
}
.dark-mode .item-card .cardtitle a {
color: rgba(255, 255, 255, 0.4);
}
.dark-mode .item-card .cardprice span {
color: rgba(255, 255, 255, 0.4);
}
.dark-mode .features span {
color: #43414e;
}
.dark-mode .feature .border {
color: #fff;
}
/*-- rating--*/
.dark-mode .rating-stars .rating-stars-container .rating-star {
color: #373c5f;
}
.dark-mode .rating-stars .rating-stars-container .rating-star.sm {
color: #252a4a;
}
.dark-mode .rating-stars .rating-stars-container .rating-star.is--active,
.dark-mode .rating-stars .rating-stars-container .rating-star.is--hover {
color: #f1c40f;
}
.dark-mode .rating-stars .rating-stars-container .rating-star.is--no-hover {
color: #3e4b5b;
}
.dark-mode .rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
.dark-mode .rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
color: #4454c3;
}
.dark-mode .rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
color: #3e4b5b;
}
.dark-mode .rating-stars input {
color: #c4c9d6;
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .br-theme-bars-horizontal .br-widget a {
background-color: #191f48;
}
.dark-mode .br-theme-bars-horizontal .br-widget a.br-active,
.dark-mode .br-theme-bars-horizontal .br-widget a.br-selected {
background-color: #4454c3;
}
.dark-mode .br-theme-bars-horizontal .br-widget .br-current-rating {
color: #4454c3;
}
.dark-mode .br-theme-bars-pill .br-widget a {
background-color: #191f48;
color: #4454c3;
}
.dark-mode .br-theme-bars-pill .br-widget a.br-active,
.dark-mode .br-theme-bars-pill .br-widget a.br-selected {
background-color: #4454c3;
color: white;
}
.dark-mode .br-theme-bars-square .br-widget a.br-active,
.dark-mode .br-theme-bars-square .br-widget a.br-selected {
border: 2px solid #4454c3;
color: #4454c3;
}
.dark-mode .br-theme-bars-square .br-widget a {
border: 2px solid rgba(255, 255, 255, 0.07);
background-color: #10163a;
color: rgba(255, 255, 255, 0.6);
}
.dark-mode .br-theme-bars-movie .br-widget a.br-active,
.dark-mode .br-theme-bars-movie .br-widget a.br-selected {
background-color: #4454c3;
}
.dark-mode .br-theme-bars-movie .br-widget a {
background-color: #191f48;
}
.dark-mode .br-theme-bars-movie .br-widget .br-current-rating {
color: #4454c3;
}
.dark-mode .br-theme-bars-1to10 .br-widget a {
background-color: #191f48;
}
.dark-mode .br-theme-bars-1to10 .br-widget a.br-active,
.dark-mode .br-theme-bars-1to10 .br-widget a.br-selected {
background-color: #4454c3;
}
.dark-mode .br-theme-bars-1to10 .br-widget .br-current-rating {
color: #4454c3;
}
.dark-mode .br-theme-fontawesome-stars .br-widget a.br-active:after {
color: #4454c3;
}
.dark-mode .br-theme-fontawesome-stars .br-widget a.br-selected:after {
color: #4454c3;
}
.dark-mode .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
content: "\f005";
color: #4454c3;
}
.dark-mode .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
content: "\f005";
color: #4454c3;
}
.dark-mode .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
content: "\f123";
color: #4454c3;
}
.dark-mode .br-theme-fontawesome-stars .br-widget a:after {
content: "\f005";
color: #191f48;
}
.dark-mode .br-theme-fontawesome-stars-o .br-widget a:after {
content: "\f006";
color: #191f48;
}
/*-----Chat----*/
.dark-mode #messages-main {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode #messages-main .ms-menu {
border-right: 1px solid rgba(255, 255, 255, 0.07);
background: #10163a;
}
.dark-mode #messages-main .ms-user {
background: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode #messages-main #ms-compose {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
.dark-mode .message-feed:not(.right) .mf-content {
background: #4454c3;
color: #fff;
}
.dark-mode .message-feed.right .mf-content {
background: #10163a;
}
.dark-mode .msb-reply {
box-shadow: 0 -20px 20px -5px #10163a;
background: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
border-bottom: 0;
}
.dark-mode .four-zero,
.dark-mode .lc-block {
box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
}
.dark-mode .msb-reply button {
color: #2196f3;
}
.dark-mode .msb-reply button:hover {
background: #f2f2f2;
}
.dark-mode .actions:not(.a-alt) > li > a > i {
color: rgba(255, 255, 255, 0.6);
}
.dark-mode .ms-body {
background: #191f48;
}
/* --------Added--------- css*/
.dark-mode .wizard-card .moving-tab {
background-color: #4454c3 !important;
}
.dark-mode .form-group label.control-label {
color: #4454c3;
}
.dark-mode .wizard-card.form-group .form-control {
background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2));
}
.dark-mode .wizard-container .wizard-navigation {
background: #191f48;
}
.dark-mode .wizard-card .choice:hover .icon,
.dark-mode .wizard-card .choice.active .icon {
border-color: #4454c3 !important;
color: #4454c3 !important;
}
.dark-mode .richText .richText-toolbar ul li a {
border-right: rgba(255, 255, 255, 0.1) solid 1px;
}
.dark-mode .richText .richText-toolbar {
border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
}
.dark-mode .richText {
border: rgba(255, 255, 255, 0.1) solid 1px;
background-color: #191f48;
border-top: 0;
border-bottom: 0;
}
.dark-mode .addui-slider .addui-slider-track .addui-slider-range {
background: #4454c3;
}
.dark-mode .addui-slider .addui-slider-track .addui-slider-handle:after {
background: #4454c3;
}
.dark-mode .addui-slider .addui-slider-track .addui-slider-handle:hover {
box-shadow: 0 0 5px rgba(159, 120, 255, 0.5);
}
.dark-mode .addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value {
background: rgba(159, 120, 255, 0.5);
}
.dark-mode .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active {
background: rgba(159, 120, 255, 0.5);
box-shadow: 0 0 5px rgba(159, 120, 255, 0.5);
}
.dark-mode .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
background: rgba(159, 120, 255, 0.75);
}
.dark-mode .cal1 .clndr .clndr-table .header-days .header-day {
border-left: 1px solid rgba(255, 255, 255, 0.07);
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .dark-mode .cal1 .clndr .clndr-table .header-days {
background: #4454c3;
}
.dark-mode .cal1 .clndr .clndr-table tr .empty,
.dark-mode .cal1 .clndr .clndr-table tr .adjacent-month,
.dark-mode .cal1 .clndr .clndr-table tr .my-empty,
.dark-mode .cal1 .clndr .clndr-table tr .my-adjacent-month {
border-left: 1px solid rgba(255, 255, 255, 0.07);
border-top: 1px solid rgba(255, 255, 255, 0.07);
background: #191f48;
}
.dark-mode .cal1 .clndr .clndr-table tr .day.event,
.dark-mode .cal1 .clndr .clndr-table tr .day.my-event {
background: #10163a;
}
.dark-mode .cal1 .clndr .clndr-table tr .day.today.event,
.dark-mode .cal1 .clndr .clndr-table tr .day.my-today.event {
background: #f2ecff;
}
.dark-mode .cal1 .clndr .clndr-table tr .day.event:hover,
.dark-mode .cal1 .clndr .clndr-table tr .day.my-event:hover {
background: #191f48 !important;
}
.dark-mode .cal1 .clndr .clndr-table tr .day.today,
.dark-mode .cal1 .clndr .clndr-table tr .day.my-today {
background: #191f48 !important;
color: #4454c3 !important;
}
.dark-mode .cal1 {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .cal1 .clndr .clndr-table tr .day {
border-left: 1px solid rgba(255, 255, 255, 0.07);
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .cal1 .clndr .clndr-table tr .day:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .cal1 .clndr .clndr-table tr .day:hover {
background: #191f48;
}
.dark-mode .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
color: #4454c3;
background: #191f48;
}
.dark-mode .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
color: #4454c3;
background: #191f48;
}
.dark-mode .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover {
background: #4454c3;
}
.dark-mode .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
background: #4454c3;
}
.dark-mode .fc button {
background: #191f48;
}
.dark-mode .fc-unthemed .fc-content,
.dark-mode .fc-unthemed .fc-divider,
.dark-mode .fc-unthemed .fc-list-heading td,
.dark-mode .fc-unthemed .fc-list-view,
.dark-mode .fc-unthemed .fc-popover,
.dark-mode .fc-unthemed .fc-row,
.dark-mode .fc-unthemed tbody,
.dark-mode .fc-unthemed td,
.dark-mode .fc-unthemed th,
.dark-mode .fc-unthemed thead {
border: 0px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .fc-event {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .fc-event,
.dark-mode .fc-event-dot {
background-color: #4454c3;
}
.dark-mode .fc-unthemed .fc-divider,
.dark-mode .fc-unthemed .fc-list-heading td,
.dark-mode .fc-unthemed .fc-popover .fc-header {
background: #191f48;
}
.dark-mode .fc-unthemed .fc-list-heading td.fc-widget-header {
background: #10163a;
border: 0;
}
.dark-mode .fc-toolbar .fc-state-active,
.dark-mode .fc-toolbar .ui-state-active {
background: #4454c3;
}
.dark-mode .fc-unthemed .fc-list-item:hover td {
background-color: #191f48;
}
.dark-mode .conv-form-wrapper div#messages div.message.to {
background: #eeeff6;
}
.dark-mode div.conv-form-wrapper div.options div.option {
border: 1px solid #4454c3;
background: #fff;
color: #4454c3;
}
.dark-mode form.convFormDynamic button.submit {
color: #4454c3;
border: 1px solid #4454c3;
background: #fff;
}
.dark-mode div.conv-form-wrapper div.options div.option.selected {
background: #4454c3;
color: #fff;
}
.dark-mode div.conv-form-wrapper div.options div.option.selected:hover {
background: #4454c3;
}
.dark-mode form.convFormDynamic button.submit:hover {
background: #4454c3;
color: #fff;
}
.dark-mode div.conv-form-wrapper div#messages div.message.from {
background: #4454c3;
color: #fff;
}
.dark-mode #sidebar ul li.active > a {
color: #4454c3;
}
.dark-mode #sidebar ul li.active > a:hover {
background: #6d4dbb;
color: #fff;
}
.dark-mode .accordionjs .acc_section.acc_active > .acc_head {
background: #4454c3 !important;
}
.dark-mode .tab_wrapper > ul li.active {
border-color: #4454c3 !important;
background: #4454c3 !important;
color: #fff;
}
.dark-mode .tab_wrapper.right_side > ul li.active:after {
background: #4454c3 !important;
}
.dark-mode .user-profile .user-pro-body .u-dropdown {
color: #fff;
}
.dark-mode #sidebar ul li a {
color: #384056;
}
.dark-mode #sidebar li a[aria-expanded=true],
.dark-mode #sidebar li a.active {
background: #4454c3;
color: #fff;
}
.dark-mode #sidebar li a[aria-expanded=true]:hover {
color: #fff !important;
}
.dark-mode .sweet-alert button {
background-color: #4454c3 !important;
}
.dark-mode .timeline__item:after {
border: 6px solid #4454c3;
background: #fff !important;
}
.dark-mode .tab_wrapper > ul li {
border: 1px solid rgba(255, 255, 255, 0.07);
border-top: 1px solid rgba(255, 255, 255, 0.07);
border-bottom: 0px;
}
.dark-mode .tab_wrapper > ul {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .tab_wrapper.right_side .content_wrapper {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .tab_wrapper.right_side > ul li.active {
border-color: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .tab_wrapper.right_side > ul {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .tab_wrapper.right_side > ul li:after {
background: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .job-box-filter select.input-sm {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .job-box-filter label input.form-control {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .job-box-filter {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .job-box-filter a.filtsec {
background: #edf0f3;
color: #81a0b1;
border: 1px solid #e2e8ef;
}
.dark-mode .job-box-filter a.filtsec.active {
color: #fff;
background: #16262c;
border-color: #16262c;
}
.dark-mode .job-box-filter a.filtsec i {
color: #4454c3;
}
.dark-mode .job-box-filter a.filtsec:hover,
.dark-mode .job-box-filter a.filtsec:focus {
color: #fff;
background: #07b107;
border-color: #07b107;
}
.dark-mode .job-box-filter a.filtsec:hover i,
.dark-mode .job-box-filter a.filtsec:focus i {
color: #fff;
}
/*=====================================
Inbox Message Style
=======================================*/
.dark-mode .inbox-message ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .inbox-message ul li:hover,
.dark-mode .inbox-message ul li:focus {
background: #191f48;
}
.dark-mode .inbox-message .message-body {
color: #edf0f5;
}
.dark-mode .message-body-heading h5 {
color: #edf0f5;
}
.dark-mode .message-body h5 span {
color: #fff;
}
.dark-mode .message-body h5 span.unread {
background: #07b107;
}
.dark-mode .message-body h5 span.important {
background: #dd2027;
}
.dark-mode .message-body h5 span.pending {
background: #2196f3;
}
.dark-mode .chart-dropshadow {
filter: drop-shadow(0 -6px 4px rgba(115, 150, 255, 0.5));
}
.dark-mode .GradientlineShadow {
filter: drop-shadow(0 -8px 4px rgba(0, 0, 0, 0.2));
}
.dark-mode .BarChartShadow {
filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.3));
}
.dark-mode .donutShadow {
filter: drop-shadow(-1px 0px 2px rgba(0, 0, 0, 0.3));
}
/*--- img container---*/
.dark-mode .image_inner_container img {
border: 5px solid white;
}
.dark-mode .image_outer_container .green_icon {
background-color: #4cd137;
border: 5px solid white;
}
.dark-mode .search svg {
stroke: #fff;
}
.dark-mode .input-search {
color: #fff;
}
.dark-mode #drag-1,
.dark-mode #drag-2 {
color: white;
}
.dark-mode .search-inline {
background-color: #10163a;
}
.dark-mode .search-inline button[type=submit] {
background: #4454c3;
color: #fff;
}
.dark-mode .search-inline .search-close {
color: #616161;
background: #efefef;
}
.dark-mode .lockscreen:before {
box-shadow: inset 0 0 0 200px rgba(255, 255, 255, 0.4);
}
.dark-mode .table-stats table th,
.dark-mode .table-stats table td {
border-bottom: 1px solid #e8e9ef;
}
.dark-mode .pulse {
background: #f72d66;
box-shadow: 0 0 0 rgba(247, 45, 102, 0.9);
}
@media (max-width: 992px) {
.dark-mode .navsearch {
border: 0px solid rgba(255, 255, 255, 0.15);
}
}
@media (max-width: 992px) and (min-width: 768px) {
.dark-mode .animated-arrow.hor-toggle {
border: 0px solid rgba(255, 255, 255, 0.07);
}
}
.dark-mode .activity {
border-left: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .latest-timeline ul.timeline:before {
background: rgba(255, 255, 255, 0.1);
}
.dark-mode .latest-timeline ul.timeline > li:before {
background: #191f48;
border: 3px solid #1753fc;
}
.dark-mode .latest-timeline ul.timeline > li:first-child:before {
border: 3px solid #0dd157;
}
.dark-mode .latest-timeline ul.timeline > li:nth-child(2):before {
border: 3px solid #2d9eef;
}
.dark-mode .latest-timeline ul.timeline > li:nth-child(3):before {
border: 3px solid #f35e90;
}
.dark-mode .latest-timeline ul.timeline > li:nth-child(4):before {
border: 3px solid #fc7303;
}
.dark-mode .latest-timeline ul.timeline > li:last-child:before {
border: 3px solid #ec2d38;
}
.dark-mode div[data-acc-step]:not(.open) {
background: #191f48;
}
.dark-mode div[data-acc-step]:not(.open) h5 {
color: rgba(255, 255, 255, 0.4);
}
.dark-mode div[data-acc-step]:not(.open) .badge-primary {
background: #29314e;
}
.dark-mode .sw-theme-dots .nav-tabs .nav-link:hover:not(.disabled) {
color: #4454c3;
background: transparent;
}
.dark-mode .fc-widget-content .fc-bgevent {
background-color: #191f48 !important;
}
.dark-mode .card-bgimg:before {
background: #4454c3;
}
.dark-mode .main-nav-calendar-event .nav-link.exclude::before {
border-top: 1px solid #ccc;
}
.dark-mode .main-nav-calendar-event .nav-link.exclude {
color: #737688;
}
.dark-mode .main-nav-calendar-event .nav-link.exclude i {
color: #737688 !important;
}
.dark-mode .main-nav-calendar-event .nav-link:hover {
color: #edf0f5;
}
/***** Chat ******/
.dark-mode .main-nav-line-chat {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .main-nav-line-chat .nav-link {
color: #edf0f5;
}
.dark-mode .main-nav-line-chat .nav-link.active {
color: #4454c3;
}
.dark-mode .main-nav-line-chat .nav-link.active::before {
background-color: #4454c3;
}
.dark-mode .main-chat-contacts-wrapper {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .main-chat-contacts-more {
background-color: #4454c3;
color: #fff;
}
.dark-mode .main-chat-list .media + .media::before {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .main-chat-list .media.new {
background-color: #10163a;
}
.dark-mode .main-chat-list .media.new .media-contact-name span:first-child {
color: #edf0f5;
}
.dark-mode .main-chat-list .media.new .media-body p {
color: #a5a7b1;
}
.dark-mode .main-chat-list .media:hover,
.dark-mode .main-chat-list .media:focus {
background-color: #191f48;
border-top-color: rgba(255, 255, 255, 0.1);
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .main-chat-list .media.selected {
background-color: #191f48;
border-top-color: rgba(255, 255, 255, 0.1);
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .main-chat-list .media.selected:first-child {
border-top-color: transparent;
}
.dark-mode .main-chat-list .media.selected .media-contact-name span:first-child {
color: #edf0f5;
}
.dark-mode .main-chat-list .media.selected .media-body p {
color: #a5a7b1;
}
.dark-mode .main-chat-list .online span {
color: #fff;
background-color: #ff5c77;
box-shadow: 0 0 0 2px #fff;
}
.dark-mode .main-content-left-chat .online::after {
background-color: #28c76f;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
}
.dark-mode .main-chat-list .media-body p {
color: #737688;
}
.dark-mode .main-chat-list .media-contact-name span:first-child {
color: #edf0f5;
}
.dark-mode .main-chat-list .media-contact-name span:last-child {
color: #737688;
}
.dark-mode .main-chat-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .main-chat-header .nav-link {
color: #737688;
}
.dark-mode .main-chat-header .nav-link:hover,
.dark-mode .main-chat-header .nav-link:focus {
color: #4454c3;
}
.dark-mode .main-chat-header .nav-link + .nav-link {
border: 0px solid #efefef;
background: #10163a;
}
.dark-mode .main-chat-msg-name h6 {
color: #edf0f5;
}
.dark-mode .main-chat-msg-name small {
color: #737688;
}
.dark-mode .main-chat-body {
background: #191f48;
}
.dark-mode .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
background-color: #4454c3;
color: #fff;
}
.dark-mode .main-msg-wrapper {
padding: 10px 15px;
background-color: #10163a;
}
.dark-mode .main-chat-footer {
border-top: 1px solid rgba(255, 255, 255, 0.07);
background-color: #10163a;
}
.dark-mode .main-chat-footer .nav-link {
color: #737688;
}
.dark-mode .main-msg-send {
color: #4454c3;
}
.dark-mode .visitors-flg .flag-icon {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .ui-datepicker {
z-index: 9999 !important;
}
.dark-mode .slide.is-expanded a.side-menu__item:hover i {
color: #fff !important;
}
.dark-mode .fc-event,
.dark-mode .fc-event:hover {
color: #fff !important;
}
.dark-mode .weather-card {
color: #fff;
}
.dark-mode .weather-card:before {
background: rgba(0, 0, 0, 0.3);
}
.dark-mode .input-custom-plus .input-group-prepend > .input-group-text {
border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .ranges li {
background-color: #191f48;
}
.dark-mode .daterangepicker .calendar-table {
border: 0px solid rgba(255, 255, 255, 0.07);
background-color: #10163a;
color: #edf0f5;
}
.dark-mode .daterangepicker td.off,
.dark-mode .daterangepicker td.off.in-range,
.dark-mode .daterangepicker td.off.start-date,
.dark-mode .daterangepicker td.off.end-date {
color: rgba(255, 255, 255, 0.3);
background: transparent;
}
.dark-mode .daterangepicker td.in-range {
background-color: #191f48;
}
.dark-mode .sidebar {
background: #10163a;
}
.dark-mode .fc td,
.dark-mode .fc th {
border-width: 1px !important;
}
.dark-mode .fc-unthemed td.fc-today {
background: #191f48;
}
.dark-mode .fc-state-active,
.dark-mode .fc-state-disabled,
.dark-mode .fc-state-down,
.dark-mode .fc-state-hover {
color: #edf0f5;
}
.dark-mode .fc-state-default {
border: 1px solid rgba(255, 255, 255, 0.07);
color: #edf0f5;
}
.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
background-color: #191f48;
}
.dark-mode .select2-dropdown {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .dropify-wrapper:hover {
background-image: linear-gradient(-45deg, #191f48 25%, transparent 25%, transparent 50%, #191f48 50%, #191f48 75%, transparent 75%, transparent);
}
.dark-mode #chart text,
.dark-mode #chart text {
fill: #b0bac9;
}
.dark-mode #chart line,
.dark-mode #chart line {
stroke: rgba(142, 156, 173, 0.1);
}
.dark-mode .msb-reply textarea {
color: #fff;
}
.dark-mode .cal1 .clndr .clndr-table .header-days .header-day:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .cal1 .clndr .clndr-table tr:last-child .day,
.dark-mode .cal1 .clndr .clndr-table tr:last-child .my-day {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .sweet-alert {
background-color: #10163a;
}
.dark-mode .sweet-alert h2 {
color: #fff;
}
.dark-mode .timeline h2 {
color: rgba(255, 255, 255, 0.7);
background: #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .timeline .timeline-items .timeline-item:nth-of-type(2n + 1) {
background-color: #24345a;
}
.dark-mode .timeline .timeline-items .timeline-item:nth-of-type(2n + 1)::before {
border-top: 1em solid #24345a;
border-right: 1em solid transparent;
}
.dark-mode .timeline .timeline-items .timeline-item.inverted:nth-of-type(2n + 1) {
background-color: #1f2a4a;
}
.dark-mode .timeline .timeline-items .timeline-item.inverted:nth-of-type(2n + 1)::before {
border-top: 1em solid #1f2a4a;
}
.dark-mode .timeline-items hr {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .timeline .timeline-items .timeline-item.centered:nth-of-type(2n) {
background-color: #24345a;
}
.dark-mode .timeline .timeline-items .timeline-item.centered:nth-of-type(2n)::before {
border-bottom: 1em solid #24345a;
}
.dark-mode .timeline .timeline-items .timeline-item.inverted:nth-of-type(2n) {
background-color: #1f2a4a;
}
.dark-mode .timeline .timeline-items .timeline-item.inverted:nth-of-type(2n)::before {
border-top: 1em solid #1f2a4a;
}
.dark-mode .timeline .timeline-items .timeline-item.centered:nth-of-type(2n + 1) {
background-color: #24345a;
}
.dark-mode .timeline .timeline-items .timeline-item.centered:nth-of-type(2n + 1)::before {
border-bottom: 1em solid #24345a;
}
.dark-mode .accordionjs .acc_section .acc_head {
background: #191f48;
}
.dark-mode .accordionjs .acc_section {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .accordionjs .acc_section.acc_active > .acc_head {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .tab_wrapper > ul li.active:after {
background: #10163a;
}
.dark-mode .tab_wrapper .content_wrapper {
border: 1px solid rgba(255, 255, 255, 0.07);
border-top: 0;
}
.dark-mode .tab_wrapper.right_side > ul li.active:before {
background: #10163a;
}
.dark-mode .gallery-list > li {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .gallery-list > li .info {
background: #10163a;
}
.dark-mode .sw-theme-dots > ul.step-anchor {
background: #10163a;
}
.dark-mode .sw-theme-dots .step-content {
background-color: #10163a;
}
.dark-mode .sw-theme-dots .sw-toolbar {
background: #10163a;
}
.dark-mode .sw-theme-dots > ul.step-anchor > li > a:before {
background: #191f48;
}
.dark-mode .sw-theme-dots > ul.step-anchor:before {
background-color: #191f48;
}
.dark-mode .sw-theme-dots > ul.step-anchor > li > a:after {
background: #29314e;
}
.dark-mode .richText .richText-editor {
background-color: #10163a;
border-left: rgba(255, 255, 255, 0.07) solid 2px;
}
.dark-mode .richText .richText-undo,
.dark-mode .richText .richText-redo {
border-right: rgba(255, 255, 255, 0.1) solid 1px !important;
}
/*----- Horizontal-Menu ----- */
.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:after {
border-bottom: 9px solid #10163a;
}
.dark-mode .mega-menubg {
background: #10163a !important;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .mega-menubg:after {
border-bottom: 9px solid #071230;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
color: rgba(255, 255, 255, 0.7);
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0px 10px 10px 20px rgba(53, 63, 88, 0.1), 10px 10px 15px -5px #0f163e;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu:before {
border-bottom: 10px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li:last-child > a {
border-right: 1px solid #202647;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
color: #fff;
}
@media (max-width: 575.98px) {
.dark-mode .header-brand-img.mobile-logo {
display: none;
}
.dark-mode .header-brand-img.darkmobile-logo {
display: block;
margin-left: 0.5rem;
}
.dark-mode .header {
border-bottom: 0px !important;
}
}
@media (max-width: 992px) {
.dark-mode.hor-skin1 .comb-page .horizontal-main {
border-bottom: 0px;
}
}
.dark-mode .header-icon {
color: rgba(255, 255, 255, 0.65);
fill: rgba(255, 255, 255, 0.65);
}
.dark-mode .header .form-inline .form-control {
background: #262b48;
}
.dark-mode .page-rightheader .breadcrumb {
padding: 5px 15px;
background: #10163a;
}
.dark-mode .top-header .dropdown-menu[data-popper-placement^=top],
.dark-mode .top-header .dropdown-menu[data-popper-placement^=right],
.dark-mode .top-header .dropdown-menu[data-popper-placement^=bottom],
.dark-mode .top-header .dropdown-menu[data-popper-placement^=left] {
box-shadow: 0px 10px 10px 20px rgba(53, 63, 88, 0.1), 10px 10px 15px -5px #0f163e !important;
border-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
.dark-mode .horizontalMenucontainer .header-brand-img.desktop-lgo {
display: none;
}
.dark-mode .horizontalMenucontainer .header-brand-img.mobile-logo {
display: none;
}
.dark-mode .horizontalMenucontainer .header-brand-img.dark-logo {
display: inline-flex;
}
}
@media (min-width: 576px) {
.dark-mode .horizontalMenucontainer .header-brand-img.dark-logo {
display: inline-flex;
}
.dark-mode .horizontalMenucontainer .header-brand-img.desktop-lgo {
display: none;
}
}
.dark-mode .tree li a {
text-decoration: none;
color: #edf0f5;
}
.dark-mode .tree li {
color: #edf0f5;
}
.dark-mode .timelineleft > li > .timelineleft-item {
background: #10163a;
color: #edf0f5;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .timelineleft > li > .timelineleft-item > .timelineleft-header {
color: rgba(255, 255, 255, 0.4);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .btn-white {
background: #10163a;
color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(255, 255, 255, 0.1);
background-image: none;
}
.dark-mode .btn-white:hover {
background-color: #10163a;
background-image: none;
color: rgba(255, 255, 255, 0.8);
border-color: #10163a;
box-shadow: none;
}
.dark-mode .btn-white:focus, .dark-mode .btn-white.focus {
box-shadow: none;
}
.dark-mode .btn-white.disabled, .dark-mode .btn-white:disabled {
color: rgba(255, 255, 255, 0.8);
background-color: #10163a;
border-color: #10163a;
}
.dark-mode .btn-white:not(:disabled):not(.disabled):active, .dark-mode .btn-white:not(:disabled):not(.disabled).active {
color: rgba(255, 255, 255, 0.8);
background-color: #10163a;
border-color: #10163a;
}
.dark-mode .btn:focus {
box-shadow: none !important;
outline: none !important;
}
.dark-mode .show > .btn-white.dropdown-toggle {
color: rgba(255, 255, 255, 0.8);
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .btn-white:focus,
.dark-mode .btn-white:hover {
background: #191f48;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .crypto-tabs .tabs-menu1 ul li .active {
border: 1px solid rgba(255, 255, 255, 0.1);
background: #10163a;
box-shadow: 0px 10px 10px 20px rgba(53, 63, 88, 0.1), 10px 10px 15px -5px #313d5d;
}
.dark-mode [class*=js-conveyor-] ul li {
border: 1px solid rgba(255, 255, 255, 0.1);
background: #10163a;
box-shadow: 0px 10px 10px 20px rgba(53, 63, 88, 0.1), 10px 10px 15px -5px #0f163e;
}
.dark-mode .js-conveyor-example:before {
background: linear-gradient(to right, #262b48, transparent);
}
.dark-mode .js-conveyor-example:after {
background: linear-gradient(to left, #262b48, transparent);
}
.dark-mode .countrytable tr {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .range_inputs {
border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .daterangepicker td.in-range {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .daterangepicker td.available:hover,
.dark-mode .daterangepicker th.available:hover {
background-color: #10163a;
border-color: transparent;
color: inherit;
}
.dark-mode .daterangepicker .ranges li:hover {
background-color: #10163a;
}
.dark-mode .daterangepicker:after {
border-bottom: 6px solid #191f48;
}
@media (min-width: 730px) {
.dark-mode .daterangepicker.ltr .ranges {
float: left;
border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}
}
.dark-mode .table-warning td,
.dark-mode .table-warning th {
color: #424e79;
}
.dark-mode .table-primary td,
.dark-mode .table-primary th {
color: #4454c3;
}
.dark-mode.page-style1:before {
background: linear-gradient(rgba(4, 8, 35, 0.77), rgba(5, 12, 51, 0.88)), url('4.png');
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
.dark-mode.page-style1.page-style2:before {
background: linear-gradient(#10163a, #10163a), url('4.png');
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
.dark-mode .html-code {
background: #191f48;
border: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 0;
}
.dark-mode .clipboard-icon {
background: #2f3c5d;
border: 1px solid rgba(255, 255, 255, 0.03);
}
.dark-mode .ql-container.ql-snow {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .richText .richText-toolbar {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .ql-toolbar.ql-snow {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .ql-snow.ql-toolbar button,
.dark-mode .ql-snow .ql-toolbar button {
border: 1px solid rgba(255, 255, 255, 0.1);
background: #10163a;
color: rgba(255, 255, 255, 0.5);
}
.dark-mode .ql-snow.ql-toolbar button:last-child,
.dark-mode .ql-snow .ql-toolbar button:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid rgba(255, 255, 255, 0.1);
background: #10163a;
}
.dark-mode .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .ql-snow .ql-picker-options {
background-color: #191f48;
}
.dark-mode .richText .richText-toolbar ul li a:hover {
background-color: #191f48;
}
.dark-mode .option-dots:hover,
.dark-mode .option-dots:focus,
.dark-mode .option-dots[aria-expanded=true] {
background: #191f48;
}
.dark-mode .tooltip-static-demo {
background-color: #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .popover-static-demo {
background-color: #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .profile-share {
background: #191f48;
}
.dark-mode .profile-footer {
background: #191f48;
}
.dark-mode .mail-inbox a:hover {
background: transparent;
}
.dark-mode .tab_wrapper > ul li {
background: #191f48;
}
.dark-mode.page-style1 .input-group-addon {
background: #191f48;
border-color: #252a4a;
border-right: 0;
}
.dark-mode .coming-footer .input-group-addon {
border-color: #545970;
}
.dark-mode .coming-footer .bg-white.input-group-append.btn:hover {
background: #191f48;
}
.dark-mode .coming-footer .bg-white.input-group-append.btn {
border-color: #55596f;
}
.dark-mode .coming-footer .form-control {
border-color: #55596f !important;
}
.dark-mode.page-style1 .form-control {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode.page-style1 .btn-link {
color: #4454c3;
border: 0 !important;
}
.dark-mode .title-style h1 {
background: #10163a;
}
.dark-mode hr.divider:after {
background: #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .irs-line-left {
background-color: #191f48;
}
.dark-mode .irs-line-mid {
background-color: #191f48;
}
.dark-mode .main-proifle {
border: 1px solid rgba(255, 255, 255, 0.07);
background: #10163a;
}
.dark-mode .main-proifle .tab-menu-heading {
border-left: 0;
border-right: 0;
}
.dark-mode .pricing-tabs ul.nav-price li a {
padding: 12px 40px;
display: block;
background: #10163a;
}
.dark-mode .pricing-tabs ul.nav-price {
border: 1px solid rgba(255, 255, 255, 0.07);
background: #10163a;
}
.dark-mode .pricing-tabs ul.nav-price li a.active {
background: #4454c3;
}
.dark-mode .pricing-tabs .pri-tabs-heading3 ul.nav-price li a {
border-left: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .custom-progress {
background-color: #10163a;
}
.dark-mode .custom-progress::-webkit-progress-bar {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 0px;
}
.dark-mode .custom-progress::-webkit-progress-value {
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent);
background-color: #4454c3;
border-radius: 0px;
}
.dark-mode .custom-progress::-moz-progress-bar {
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent);
background-color: #4454c3;
}
.dark-mode .custom-progress::-ms-fill {
border-radius: 0px;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent);
background-color: #4454c3;
}
.dark-mode .nav-pills .nav-link {
background: #10163a;
}
.dark-mode .sub-panel-heading .tabs-menu ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .sub-panel-heading .tabs-menu ul li a.active {
background: #191f48;
}
.dark-mode .wizard {
border: 1px solid rgba(255, 255, 255, 0.07);
background-color: #10163a;
}
.dark-mode .wizard > .content {
border-top: 1px solid rgba(255, 255, 255, 0.07);
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .wizard > .steps a .number,
.dark-mode .wizard > .steps a:hover .number,
.dark-mode .wizard > .steps a:active .number {
background-color: #29314e;
}
.dark-mode .wizard > .steps .current a .number,
.dark-mode .wizard > .steps .current a:hover .number,
.dark-mode .wizard > .steps .current a:active .number {
background-color: #4454c3;
}
.dark-mode .wizard > .steps .done a .number,
.dark-mode .wizard > .steps .done a:hover .number,
.dark-mode .wizard > .steps .done a:active .number {
background-color: #2dce89;
}
.dark-mode .wizard > .actions .disabled a,
.dark-mode .wizard > .actions .disabled a:hover,
.dark-mode .wizard > .actions .disabled a:active {
background-color: #2a3450;
color: rgba(255, 255, 255, 0.62);
}
@media (min-width: 576px) {
.dark-mode .wizard.vertical > .content {
border-left: 1px solid rgba(255, 255, 255, 0.07);
}
}
.dark-mode .tree li.branch {
background: #191f48;
border: 1px solid rgba(255, 255, 255, 0.05);
}
.dark-mode .tree li.branch li {
background: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .tree ul:before {
border-left: 2px solid #10163a;
}
.dark-mode .tree ul li:before {
border-top: 2px solid #10163a;
}
.dark-mode .tree ul li.branch ul:before {
border-left: 2px solid #191f48;
}
.dark-mode .tree ul li.branch li:before {
border-top: 2px solid #191f48;
}
.dark-mode .footer .social .social-icon {
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
}
.dark-mode .bg-gray-100 {
background-color: #495269;
}
.dark-mode .bg-gray-200 {
background-color: #3d455a;
}
.dark-mode .bg-gray-300 {
background-color: #32394c;
}
.dark-mode .bg-gray-400 {
background-color: #2c3346;
}
.dark-mode .bg-gray-500 {
background-color: #272e42;
}
.dark-mode .bg-gray-600 {
background-color: #1f263c;
}
.dark-mode .bg-gray-700 {
background-color: #192138;
}
.dark-mode .bg-gray-800 {
background-color: #151c31;
}
.dark-mode .bg-gray-900 {
background-color: #11182b;
}
.dark-mode .main-contact-info-header .media-body h4 {
color: #fff;
}
.dark-mode .main-contact-info-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .main-contact-item + .main-contact-item::before {
border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .main-contact-label::after {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .main-contact-item:hover,
.dark-mode .main-contact-item:focus {
background-color: rgba(0, 0, 0, 0.1);
border-top-color: rgba(255, 255, 255, 0.07);
border-bottom-color: rgba(255, 255, 255, 0.07);
}
.dark-mode .main-contact-item.selected {
background-color: rgba(0, 0, 0, 0.1);
border-top-color: rgba(255, 255, 255, 0.07);
border-bottom-color: rgba(255, 255, 255, 0.07);
}
.dark-mode .main-contact-body h6,
.dark-mode .main-contact-info-body .media-body span {
color: rgba(255, 255, 255, 0.75);
}
.dark-mode .theme-white .cookie-popup {
background-color: #10163a;
color: rgba(255, 255, 255, 0.78);
box-shadow: none;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .theme-white .cookie-popup-inner {
border-bottom: 0 !important;
}
.dark-mode .theme-white .cookie-popup-learn-more {
color: #fff;
background: #29344f;
}
.dark-mode .chat .msg_cotainer {
background-color: #191f48;
}
.dark-mode .chat .action-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .chat .msg_time,
.dark-mode .chat .msg_time_send {
color: rgba(255, 255, 255, 0.78);
}
.dark-mode .chat .msg_cotainer:before {
border-bottom: 8px solid #191f48;
}
.dark-mode .chatbox .user_img_msg {
border: 1.5px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .ms-menu .tab-menu-heading .tabs-menu1 ul li a {
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .ms-menu .tab-menu-heading {
border: 1px solid rgba(255, 255, 255, 0.07);
border-right: 0;
border-left: 0;
border-bottom: 0;
background: #10163a;
}
.dark-mode .ms-body .action-header {
background: #10163a;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .chat-body-style {
max-height: 500px;
background: #191f48;
}
.dark-mode .message-feed.right .mf-content:before {
border-bottom: 8px solid #10163a;
}
.dark-mode .message-feed:not(.right) .mf-content:before {
border-bottom: 8px solid #4454c3;
}
.dark-mode .main-chat-list .media {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .main-msg-wrapper:before {
border-bottom: 8px solid #10163a;
}
.dark-mode .fc-view.fc-listMonth-view .fc-list-heading-main,
.dark-mode .fc-view.fc-listWeek-view .fc-list-heading-main {
color: rgba(255, 255, 255, 0.7);
}
.dark-mode .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
.dark-mode .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
color: #fff;
}
.dark-mode .fc-view.fc-listMonth-view .fc-list-item,
.dark-mode .fc-view.fc-listWeek-view .fc-list-item {
background-color: #10163a;
}
.dark-mode .fc-view.fc-listMonth-view .fc-list-item-title a,
.dark-mode .fc-view.fc-listWeek-view .fc-list-item-title a {
color: #fff;
}
.dark-mode .fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-time,
.dark-mode .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-time {
color: rgba(255, 255, 255, 0.8) !important;
}
.dark-mode .fc-view.fc-listMonth-view .fc-list-item-time,
.dark-mode .fc-view.fc-listWeek-view .fc-list-item-time {
padding: 7px 15px 7px;
}
.dark-mode .fc-view.fc-listMonth-view .fc-list-item-title,
.dark-mode .fc-view.fc-listWeek-view .fc-list-item-title {
padding: 12px 15px 12px;
}
.dark-mode .fc-other-month {
background: rgba(255, 255, 255, 0.02);
}
.dark-mode .dropify-wrapper {
color: rgba(255, 255, 255, 0.8);
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .dropify-wrapper .dropify-clear {
border: 2px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .dropify-wrapper .dropify-preview {
background-color: #10163a;
}
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone {
background-color: #10163a;
border: 2px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:hover,
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:active {
background-color: #fff;
}
.dark-mode .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #e7eeff;
}
.dark-mode .ms-choice {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #e7eeff;
}
.dark-mode .ms-drop {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #e7eeff;
box-shadow: none !important;
}
.dark-mode .ms-search input {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #e7eeff;
}
.dark-mode .iti input,
.dark-mode .iti input[type=text],
.dark-mode .iti input[type=tel] {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #e7eeff;
}
.dark-mode .iti__country-list {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #e7eeff;
}
.dark-mode .iti__country.iti__highlight {
background-color: #191f48;
}
.dark-mode .iti__divider {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: #191f48;
}
.dark-mode .SumoSelect > .CaptionCont,
.dark-mode .SumoSelect > .optWrapper {
background-color: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #e7eeff;
}
.dark-mode .SumoSelect > .optWrapper > .options li.opt:hover {
background-color: #191f48;
}
.dark-mode .SumoSelect > .optWrapper > .options li.opt {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .SumoSelect > .optWrapper.multiple > .options li.opt span i,
.dark-mode .SumoSelect .select-all > span i {
background-color: #191f48;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .SumoSelect.open .search-txt {
border-radius: 0px;
background: #10163a;
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .SumoSelect .select-all {
background-color: #191f48;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .transfer-double {
background-color: #10163a;
}
.dark-mode .transfer-double-content-tabs .tab-item-name.tab-active {
background: #191f48;
}
.dark-mode .transfer-double-list-search-input,
.dark-mode .transfer-double-selected-list-search-input {
background: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .transfer-double-content-tabs,
.dark-mode .transfer-double-content-param {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .transfer-double-content-left,
.dark-mode .transfer-double-content-right {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .transfer-double-list-footer {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .checkbox-group label:before {
background: #10163a;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .btn-select-arrow {
color: rgba(255, 255, 255, 0.8);
background: #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .checkbox-group .checkbox-normal:disabled + label:before {
color: #e7eeff;
border: 1px solid rgba(255, 255, 255, 0.1);
background-color: #10163a;
}
.dark-mode .multi-wrapper {
border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .multi-wrapper .search-input {
background: #10163a;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .multi-wrapper .non-selected-wrapper {
background: #191f48;
border-right: 1px solid rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.9);
}
.dark-mode .multi-wrapper .item-1 {
color: rgba(255, 255, 255, 0.7);
}
.dark-mode .multi-wrapper .selected-wrapper {
background: #10163a;
}
.dark-mode .SumoSelect > .optWrapper > .MultiControls {
background: #10163a;
}
.dark-mode .SumoSelect.open > .optWrapper {
background: #10163a;
box-shadow: none !important;
}
.dark-mode .SumoSelect.disabled > .CaptionCont {
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .ms-choice.disabled {
background-color: #191f48 !important;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #e7eeff;
opacity: 0.5;
}
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:hover,
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
.dark-mode .ff_fileupload_wrap .ff_fileupload_dropzone:active {
opacity: 1;
background-color: #191f48;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .sp-replacer {
background-color: #191f48;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .sp-container {
background-color: #10163a;
border: solid 1px rgba(255, 255, 255, 0.07);
}
.dark-mode .sp-picker-container {
border-left: solid 1px rgba(255, 255, 255, 0.07);
}
.dark-mode .ui-timepicker-wrapper {
background: #191f48;
border: 1px solid rgba(255, 255, 255, 0.07);
}
.dark-mode .ui-timepicker-list li {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .ms-drop .custom-control-label::before {
background-color: #10163a;
}
.dark-mode .multi-wrapper .header {
box-shadow: none !important;
border: 0 !important;
}
.dark-mode .apexcharts-yaxis text {
fill: #fff;
}
.dark-mode .horizontal-main {
background: #10163a;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
border-top: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0.01), 10px 10px 15px -5px #0f163e;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > a:hover {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > a {
border-left: 1px solid #202647;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > a .hor-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.2);
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > a:hover .hor-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.2);
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > a.active {
color: #fff;
text-decoration: none;
background: rgba(255, 255, 255, 0.04);
}
.dark-mode .hor-icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.2);
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .header.top-header {
border-bottom: 0 !important;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
color: rgba(255, 255, 255, 0.9);
}
.dark-mode .mega-menubg {
box-shadow: 0px 10px 10px 20px rgba(53, 63, 88, 0.1), 10px 10px 15px -5px #0f163e;
}
@media only screen and (max-width: 991px) {
.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
color: rgba(255, 255, 255, 0.2);
}
.dark-mode.active .horizontalMenu > .horizontalMenu-list {
border-color: rgba(255, 255, 255, 0.1);
background: #040b1d;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li {
background-color: #040b1d;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li:hover > a {
background: #040b1d;
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mega-menubg {
background: #040b1d !important;
border: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: none !important;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
background-color: #040b1d;
border-top: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: none !important;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > a.active {
color: #4454c3;
text-decoration: none;
background: #0c1731;
}
}
.dark-mode .app-sidebar {
box-shadow: 0px 10px 10px 20px rgba(38, 43, 72, 0.11), 10px 10px 15px -5px rgba(38, 43, 72, 0.13);
}
.dark-mode .icon-dropshadow {
filter: drop-shadow(0px 10px 4px #28324c);
}
.dark-mode .ah-actions .option-dots {
background: #191f48;
}
.dark-mode .irs-line-right {
background: #191f48;
}
.dark-mode .card-pay .tabs-menu li a {
background: #191f48;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .card-pay .tabs-menu li a.active {
background: #4454c3;
}
.dark-mode .bg-light2 {
background-color: #1e2450 !important;
}
@media (max-width: 991px) {
.dark-mode .animated-arrow span {
background: #fff;
}
.dark-mode .animated-arrow span:before, .dark-mode .animated-arrow span:after {
background: #fff;
}
.dark-mode.active .animated-arrow span {
background-color: transparent;
margin-top: 6px;
}
}
@media (min-width: 992px) {
.dark-mode .panel.price.active {
box-shadow: 0px 10px 10px 20px rgba(16, 22, 58, 0.13), 10px 10px 15px -5px #262b48;
}
}
.dark-mode .shadow3 {
box-shadow: 0 0px 6px #232847 !important;
}
.dark-mode .shadow2 {
box-shadow: 0px 10px 10px 20px rgba(176, 184, 214, 0), 10px 10px 15px -5px #0f163e !important;
}
.dark-mode .irs-min,
.dark-mode .irs-max {
color: rgba(255, 255, 255, 0.8);
background: #191f48;
}
.dark-mode .iti__selected-flag:hover, .dark-mode .iti__selected-flag:focus {
box-shadow: none;
outline: none;
}
@media (min-width: 576px) {
.dark-mode .wizard.vertical > .content {
border-top: 0;
}
.dark-mode .wizard.vertical > .actions {
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-top: 0;
}
}
.dark-mode.page-style1 .card {
box-shadow: 10px 10px 15px -5px #191f48;
}
.dark-mode .social-profile-buttons li a {
border-color: rgba(255, 255, 255, 0.1);
background: #191f48;
}
.dark-mode .demo_changer .demo-icon {
box-shadow: none;
}
.dark-mode .fc-unthemed .fc-list-empty {
background-color: #191f48;
}
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {
background-color: #191f48;
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {
background-color: #191f48;
color: rgba(255, 255, 255, 0.8);
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .richText .richText-form input[type=text],
.dark-mode .richText .richText-form input[type=file],
.dark-mode .richText .richText-form input[type=number],
.dark-mode .richText .richText-form select {
background-color: #191f48;
color: rgba(255, 255, 255, 0.8);
border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {
border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
}
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {
background-color: #191f48;
}
.dark-mode .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {
box-shadow: none;
}
.dark-mode .ps__thumb-y,
.dark-mode .ps__thumb-x {
background-color: #323a67;
}
.dark-mode .ps__rail-y:hover > .ps__thumb-y,
.dark-mode .ps__rail-y:focus > .ps__thumb-y,
.dark-mode .ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #323a67;
}
.dark-mode .ps__rail-x:hover > .ps__thumb-x,
.dark-mode .ps__rail-x:focus > .ps__thumb-x,
.dark-mode .ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #323a67;
}
.dark-mode .simplebar-scrollbar:before {
background-color: #323a67;
}
.dark-mode .main-contact-info-header .main-img-user a {
background-color: #191f48;
box-shadow: 0 0 0 2px #10163a;
}
.dark-mode .main-contact-info-header .main-img-user a:hover {
background-color: #4454c3;
}
.dark-mode .profile-edit textarea {
background: #191f48;
}
.dark-mode .box-widget.widget-user .badge-light {
background: #10163a;
}
.dark-mode .btn-white.dropdown-toggle::after {
color: rgba(255, 255, 255, 0.2);
}
.dark-mode .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
background: #191f48;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .apexcharts-tooltip.apexcharts-theme-light {
border: 1px solid rgba(255, 255, 255, 0.1);
background: #191f48;
}
.dark-mode .apexcharts-xaxis text {
fill: rgba(255, 255, 255, 0.8);
}
.dark-mode .date-range-btn i {
color: rgba(255, 255, 255, 0.4);
}
/* ###### custom ####### */
body.dark-mode .switcher-wrapper *::-webkit-scrollbar-thumb,
body.dark-mode .switcher-wrapper *:hover::-webkit-scrollbar-thumb {
background: #f1f2f7;
}
body.dark-mode .switcher-wrapper *::-webkit-scrollbar-track {
background: #fff;
}
.dark-mode .msg_card_body {
background: #10163a;
}
.dark-mode .input:-internal-autofill-selected {
background: #10163a !important;
}
.dark-mode .show > .btn-default.dropdown-toggle {
color: #edf0f5;
background-color: #191f48;
border-color: #191f48;
}
.dark-mode .modal.effect-just-me .modal-content {
background: #10163a;
}
.dark-mode table.dataTable > tbody > tr.child ul.dtr-details > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .offer-danger {
border-color: #dc0441;
}
.dark-mode .offer-danger .shape {
border-color: transparent #dc0441 transparent transparent;
}
.dark-mode .offer-success {
border-color: #2dce89;
}
.dark-mode .offer-success .shape {
border-color: transparent #2dce89 transparent transparent;
}
.dark-mode .offer-default {
border-color: #6b6f80;
}
.dark-mode .offer-default .shape {
border-color: transparent #6b6f80 transparent transparent;
}
.dark-mode .offer-primary {
border-color: #4454c3;
}
.dark-mode .offer-primary .shape {
border-color: transparent #4454c3 transparent transparent;
}
.dark-mode .offer-info {
border-color: #45aaf2;
}
.dark-mode .offer-info .shape {
border-color: transparent #45aaf2 transparent transparent;
}
.dark-mode .offer-warning {
border-color: #ecb403;
}
.dark-mode .offer-warning .shape {
border-color: transparent #ecb403 transparent transparent;
}
.dark-mode .apexcharts-datalabels-group text {
fill: #fff;
}
.dark-mode .page-style2.page-style1:before,
.dark-mode .page-style1:before {
background: linear-gradient(rgba(15, 22, 62, 0.75), rgba(15, 22, 62, 0.75)), url('4.png');
background-repeat: no-repeat;
background-size: cover;
}
.dark-mode.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active {
border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.dark-mode .app-sidebar.toggle-sidemenu {
background: none !important;
border-right: 0;
box-shadow: none;
width: inherit;
}
.dark-mode .first-sidemenu {
background: #10163a;
}
.dark-mode .second-sidemenu {
background: #10163a;
border-right: 1px solid rgba(255, 255, 255, 0.07);
box-shadow: none;
}
.dark-mode .resp-vtabs .resp-tabs-list li {
border: 1px solid rgba(255, 255, 255, 0.07) !important;
border-left: 0 !important;
border-top: 0 !important;
border-bottom: 0;
}
.dark-mode .first-sidemenu .side-menu__icon {
color: rgba(255, 255, 255, 0.8);
fill: rgba(255, 255, 255, 0.08);
}
.dark-mode .first-sidemenu li.active {
background: #12183f;
border-right: 0 !important;
}
.dark-mode .resp-vtabs .resp-tab-active:hover {
background: #12183f;
border-right: 0 !important;
}
.dark-mode .second-sidemenu h5 {
color: rgba(255, 255, 255, 0.8);
}
.dark-mode .first-sidemenu li.active svg, .dark-mode .first-sidemenu li:hover svg {
color: #4454c3;
}
.dark-mode .side-menu .slide.submenu a {
color: #edf0f5;
}
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
font-display: block;
src: url('MaterialIcons-Regular.eot');
/* For IE6-8 */
src: local("Material Icons"), local("MaterialIcons-Regular"), url('MaterialIcons-Regular.woff2') format("woff2"), url('MaterialIcons-Regular.woff') format("woff"), url('MaterialIcons-Regular.ttf') format("truetype");
}
.material-icons, .material-icons-two-tone, .material-icons-sharp, .material-icons-round, .material-icons-outlined {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: "liga";
}
@font-face {
font-family: "Material Icons Outlined";
font-style: normal;
font-weight: 400;
font-display: block;
src: url('MaterialIconsOutlined-Regular.eot');
/* For IE6-8 */
src: local("Material Icons Outlined"), local("MaterialIconsOutlined-Regular"), url('MaterialIconsOutlined-Regular.woff2') format("woff2"), url('MaterialIconsOutlined-Regular.woff') format("woff"), url('MaterialIconsOutlined-Regular.otf') format("opentype");
}
.material-icons-outlined {
font-family: "Material Icons Outlined";
}
@font-face {
font-family: "Material Icons Round";
font-style: normal;
font-weight: 400;
font-display: block;
src: url('MaterialIconsRound-Regular.eot');
/* For IE6-8 */
src: local("Material Icons Round"), local("MaterialIconsRound-Regular"), url('MaterialIconsRound-Regular.woff2') format("woff2"), url('MaterialIconsRound-Regular.woff') format("woff"), url('MaterialIconsRound-Regular.otf') format("opentype");
}
.material-icons-round {
font-family: "Material Icons Round";
}
@font-face {
font-family: "Material Icons Sharp";
font-style: normal;
font-weight: 400;
font-display: block;
src: url('MaterialIconsSharp-Regular.eot');
/* For IE6-8 */
src: local("Material Icons Sharp"), local("MaterialIconsSharp-Regular"), url('MaterialIconsSharp-Regular.woff2') format("woff2"), url('MaterialIconsSharp-Regular.woff') format("woff"), url('MaterialIconsSharp-Regular.otf') format("opentype");
}
.material-icons-sharp {
font-family: "Material Icons Sharp";
}
@font-face {
font-family: "Material Icons Two Tone";
font-style: normal;
font-weight: 400;
font-display: block;
src: url('MaterialIconsTwoTone-Regular.eot');
/* For IE6-8 */
src: local("Material Icons Two Tone"), local("MaterialIconsTwoTone-Regular"), url('MaterialIconsTwoTone-Regular.woff2') format("woff2"), url('MaterialIconsTwoTone-Regular.woff') format("woff"), url('MaterialIconsTwoTone-Regular.otf') format("opentype");
}
.material-icons-two-tone {
font-family: "Material Icons Two Tone";
}
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item.center {
z-index: 5;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}
.owl-carousel .owl-item .owl-lazy {
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
/*
This stylesheet uses scss valiables for most of the colors / background-colors of the table
to enable the customization of the displayed table without cloning the stylesheet into the
own application.
To modify table colors, add the following lines to the scss file of your application
(this example modifies the color of the selected row - selectionType = single, multi or multiClick):
$ngx-datatable-selected-active-background: yellow;
$ngx-datatable-selected-active-background-hover: rgba(yellow, 0.2);
@import '~@swimlane/ngx-datatable/index.css';
@import '~@swimlane/ngx-datatable/themes/material.scss';
@import '~@swimlane/ngx-datatable/assets/icons.css';
That's all.
*/
.ngx-datatable.material {
background: #fff;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
/**
* Shared Styles
*/
/**
* Global Row Styles
*/
/**
* Header Styles
*/
/**
* Body Styles
*/
/**
* Footer Styles
*/
}
.ngx-datatable.material.striped .datatable-row-odd {
background: #eee;
}
.ngx-datatable.material.single-selection .datatable-body-row.active, .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active, .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active, .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
background-color: #304ffe;
color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:hover, .ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
background-color: #193ae4;
color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:focus, .ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
background-color: #2041ef;
color: #fff;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
background-color: #eee;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: linear;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:hover, .ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group {
background-color: #eee;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: linear;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:focus, .ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group {
background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active, .ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group {
background-color: #304ffe;
color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover, .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group {
background-color: #193ae4;
color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus, .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group {
background-color: #2041ef;
color: #fff;
}
.ngx-datatable.material .empty-row {
height: 50px;
text-align: left;
padding: 0.5rem 1.2rem;
vertical-align: top;
border-top: 0;
}
.ngx-datatable.material .loading-row {
text-align: left;
padding: 0.5rem 1.2rem;
vertical-align: top;
border-top: 0;
}
.ngx-datatable.material .datatable-header .datatable-row-left,
.ngx-datatable.material .datatable-body .datatable-row-left {
background-color: #fff;
background-position: 100% 0;
background-repeat: repeat-y;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header .datatable-row-right,
.ngx-datatable.material .datatable-body .datatable-row-right {
background-position: 0 0;
background-color: #fff;
background-repeat: repeat-y;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.ngx-datatable.material .datatable-header .datatable-header-cell {
text-align: left;
padding: 0.9rem 1.2rem;
font-weight: 400;
background-color: #fff;
color: rgba(0, 0, 0, 0.54);
vertical-align: bottom;
font-size: 12px;
font-weight: 500;
}
.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
position: relative;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after {
transition: transform 400ms ease, opacity 400ms ease;
opacity: 0.5;
transform: scale(1);
}
.ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
height: 60px;
width: 60px;
background: #eee;
border-radius: 100%;
opacity: 1;
filter: none;
transform: scale(0);
z-index: 9999;
pointer-events: none;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
border-right: none;
}
.ngx-datatable.material .datatable-header .resize-handle {
border-right: solid 1px #eee;
}
.ngx-datatable.material .datatable-body {
position: relative;
}
.ngx-datatable.material .datatable-body .datatable-row-detail {
background: #f5f5f5;
padding: 10px;
}
.ngx-datatable.material .datatable-body .datatable-group-header {
background: #f5f5f5;
border-bottom: solid 1px #d9d8d9;
border-top: solid 1px #d9d8d9;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
text-align: left;
padding: 0.9rem 1.2rem;
vertical-align: top;
border-top: 0;
color: rgba(0, 0, 0, 0.87);
transition: width 0.3s ease;
font-size: 14px;
font-weight: 400;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
text-align: left;
padding: 0.9rem 1.2rem;
vertical-align: top;
border-top: 0;
color: rgba(0, 0, 0, 0.87);
transition: width 0.3s ease;
font-size: 14px;
font-weight: 400;
}
.ngx-datatable.material .datatable-body .progress-linear {
display: block;
position: sticky;
width: 100%;
height: 5px;
padding: 0;
margin: 0;
top: 0;
}
.ngx-datatable.material .datatable-body .progress-linear .container {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 5px;
transform: translate(0, 0) scale(1, 1);
background-color: #aad1f9;
}
.ngx-datatable.material .datatable-body .progress-linear .container .bar {
transition: all 0.2s linear;
animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
transition: transform 0.2s linear;
background-color: #106cc8;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 5px;
}
.ngx-datatable.material .datatable-footer {
border-top: 1px solid rgba(0, 0, 0, 0.12);
font-size: 12px;
font-weight: 400;
color: rgba(0, 0, 0, 0.54);
}
.ngx-datatable.material .datatable-footer .page-count {
line-height: 50px;
height: 50px;
padding: 0 1.2rem;
}
.ngx-datatable.material .datatable-footer .datatable-pager {
margin: 0 10px;
}
.ngx-datatable.material .datatable-footer .datatable-pager li {
vertical-align: middle;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
color: rgba(0, 0, 0, 0.26) !important;
background-color: transparent !important;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
background-color: rgba(158, 158, 158, 0.2);
font-weight: bold;
}
.ngx-datatable.material .datatable-footer .datatable-pager a {
height: 22px;
min-width: 24px;
line-height: 22px;
padding: 0 6px;
border-radius: 3px;
margin: 6px 3px;
text-align: center;
vertical-align: top;
color: rgba(0, 0, 0, 0.54);
text-decoration: none;
vertical-align: bottom;
}
.ngx-datatable.material .datatable-footer .datatable-pager a:hover {
color: rgba(0, 0, 0, 0.75);
background-color: rgba(158, 158, 158, 0.2);
}
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
font-size: 20px;
line-height: 20px;
padding: 0 3px;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row {
background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
font-weight: bold;
}
/**
* Checkboxes
**/
.datatable-checkbox {
position: relative;
margin: 0;
cursor: pointer;
vertical-align: middle;
display: inline-block;
box-sizing: border-box;
padding: 0;
}
.datatable-checkbox input[type=checkbox] {
position: relative;
margin: 0 1rem 0 0;
cursor: pointer;
outline: none;
}
.datatable-checkbox input[type=checkbox]:before {
transition: all 0.3s ease-in-out;
content: "";
position: absolute;
left: 0;
z-index: 1;
width: 1rem;
height: 1rem;
border: 2px solid #f2f2f2;
}
.datatable-checkbox input[type=checkbox]:checked:before {
transform: rotate(-45deg);
height: 0.5rem;
border-color: #009688;
border-top-style: none;
border-right-style: none;
}
.datatable-checkbox input[type=checkbox]:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1rem;
height: 1rem;
background: #fff;
cursor: pointer;
}
/**
* Progress bar animations
*/
@keyframes query {
0% {
opacity: 1;
transform: translateX(35%) scale(0.3, 1);
}
100% {
opacity: 0;
transform: translateX(-50%) scale(0, 1);
}
}
/*
bootstrap table theme
*/
.ngx-datatable.bootstrap {
box-shadow: none;
font-size: 13px;
}
.ngx-datatable.bootstrap .datatable-header {
height: unset !important;
}
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell {
vertical-align: bottom;
padding: 0.75rem;
border-bottom: 1px solid #d1d4d7;
}
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label {
line-height: 24px;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row {
vertical-align: top;
border-top: 1px solid #d1d4d7;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even {
background-color: rgba(0, 0, 0, 0.05);
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.active {
background-color: #1483ff;
color: #fff;
}
.ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell {
padding: 0.75rem;
text-align: left;
vertical-align: top;
}
.ngx-datatable.bootstrap .datatable-body .empty-row {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 0;
}
.ngx-datatable.bootstrap .datatable-footer {
background: #424242;
color: #ededed;
margin-top: -1px;
}
.ngx-datatable.bootstrap .datatable-footer .page-count {
line-height: 50px;
height: 50px;
padding: 0 1.2rem;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager {
margin: 0 10px;
vertical-align: top;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li {
margin: 10px 0px;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
background-color: #545454;
font-weight: bold;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager a {
height: 22px;
min-width: 24px;
line-height: 22px;
padding: 0;
border-radius: 3px;
margin: 0 3px;
text-align: center;
vertical-align: top;
text-decoration: none;
vertical-align: bottom;
color: #ededed;
}
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev {
font-size: 18px;
line-height: 27px;
padding: 0 3px;
}
.ngx-datatable.bootstrap .datatable-summary-row .datatable-body-row .datatable-body-cell {
font-weight: bold;
}
.ngx-datatable.dark {
box-shadow: none;
background: #1b1e27;
border: 1px solid #2f3646;
color: #fff;
font-size: 13px;
}
.ngx-datatable.dark .datatable-header {
background: #181b24;
color: #72809b;
}
.ngx-datatable.dark .datatable-header .datatable-header-cell {
text-align: left;
padding: 0.5rem 1.2rem;
font-weight: bold;
}
.ngx-datatable.dark .datatable-header .datatable-header-cell .datatable-header-cell-label {
line-height: 24px;
}
.ngx-datatable.dark .datatable-body {
background: #1a1e28;
}
.ngx-datatable.dark .datatable-body .datatable-body-row {
border-top: 1px solid #2f3646;
}
.ngx-datatable.dark .datatable-body .datatable-body-row .datatable-body-cell {
text-align: left;
padding: 0.5rem 1.2rem;
vertical-align: top;
}
.ngx-datatable.dark .datatable-body .datatable-body-row:hover {
background: #171b24;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: linear;
}
.ngx-datatable.dark .datatable-body .datatable-body-row:focus {
background-color: #232837;
}
.ngx-datatable.dark .datatable-body .datatable-body-row.active {
background-color: #1483ff;
color: #fff;
}
.ngx-datatable.dark .datatable-footer {
background: #232837;
color: #72809b;
margin-top: -1px;
}
.ngx-datatable.dark .datatable-footer .page-count {
line-height: 50px;
height: 50px;
padding: 0 1.2rem;
}
.ngx-datatable.dark .datatable-footer .datatable-pager {
margin: 0 10px;
vertical-align: top;
}
.ngx-datatable.dark .datatable-footer .datatable-pager ul li {
margin: 10px 0px;
}
.ngx-datatable.dark .datatable-footer .datatable-pager ul li:not(.disabled).active a, .ngx-datatable.dark .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
background-color: #455066;
font-weight: bold;
}
.ngx-datatable.dark .datatable-footer .datatable-pager a {
height: 22px;
min-width: 24px;
line-height: 22px;
padding: 0;
border-radius: 3px;
margin: 0 3px;
text-align: center;
vertical-align: top;
text-decoration: none;
vertical-align: bottom;
color: #72809b;
}
.ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.dark .datatable-footer .datatable-pager .datatable-icon-prev {
font-size: 18px;
line-height: 27px;
padding: 0 3px;
}
.ngx-datatable.dark .datatable-summary-row .datatable-body-row {
background-color: #14171f;
}
.ngx-datatable.dark .datatable-summary-row .datatable-body-row:hover {
background-color: #14171f;
}
.ngx-datatable.dark .datatable-summary-row .datatable-body-row .datatable-body-cell {
font-weight: bold;
}
.cal-month-view .cal-header {
text-align: center;
font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
padding: 5px 0;
overflow: hidden;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
}
.cal-month-view .cal-days {
border: 1px solid;
border-bottom: 0;
}
.cal-month-view .cal-cell-top {
min-height: 78px;
flex: 1;
}
.cal-month-view .cal-cell-row {
display: flex;
}
.cal-month-view .cal-cell {
float: left;
flex: 1;
display: flex;
flex-direction: column;
align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
min-height: 100px;
}
@media all and (-ms-high-contrast: none) {
.cal-month-view .cal-day-cell {
display: block;
}
}
.cal-month-view .cal-day-cell:not(:last-child) {
border-right: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
margin-top: 18px;
margin-left: 10px;
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 10px;
}
.cal-month-view .cal-day-number {
font-size: 1.2em;
font-weight: 400;
opacity: 0.5;
margin-top: 15px;
margin-right: 15px;
float: right;
margin-bottom: 10px;
}
.cal-month-view .cal-events {
flex: 1;
align-items: flex-end;
margin: 3px;
line-height: 10px;
display: flex;
flex-wrap: wrap;
}
.cal-month-view .cal-event {
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
opacity: 0.1;
cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
position: relative;
top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
opacity: 0.3;
}
.cal-month-view .cal-draggable {
cursor: move;
}
.cal-month-view .cal-drag-active * {
pointer-events: none;
}
.cal-month-view .cal-event-title {
cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
text-decoration: underline;
}
.cal-month-view {
background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
background-color: #ededed;
}
.cal-month-view .cal-days {
border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
border-right-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
background-color: #b94a48;
color: #fff;
}
.cal-month-view .cal-event {
background-color: #1e90ff;
border-color: #d1e8ff;
color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
color: #fff;
background-color: #555;
box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
/* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-week-view * {
box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
display: flex;
padding-left: 70px;
border: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header {
flex: 1;
text-align: center;
padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
border-right: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
border-left: 1px solid;
}
.cal-week-view .cal-day-headers span {
font-weight: 400;
opacity: 0.5;
}
.cal-week-view .cal-day-column {
flex-grow: 1;
border-left: solid 1px;
}
.cal-week-view .cal-event {
font-size: 12px;
border: 1px solid;
}
.cal-week-view .cal-time-label-column {
width: 70px;
height: 100%;
}
.cal-week-view .cal-current-time-marker {
position: absolute;
width: 100%;
height: 2px;
z-index: 2;
}
.cal-week-view .cal-all-day-events {
border: solid 1px;
border-top: 0;
border-bottom-width: 3px;
padding-top: 3px;
position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
height: 100%;
width: 100%;
display: flex;
position: absolute;
top: 0;
z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
position: relative;
height: 31px;
margin-left: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
display: inline-block;
position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
z-index: 1;
pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
padding: 0 5px;
margin-left: 2px;
margin-right: 2px;
height: 28px;
line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
width: 6px;
height: 100%;
cursor: col-resize;
position: absolute;
top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
right: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cal-week-view .cal-drag-active {
pointer-events: none;
z-index: 1;
}
.cal-week-view .cal-drag-active * {
pointer-events: none;
}
.cal-week-view .cal-time-events {
position: relative;
border: solid 1px;
border-top: 0;
display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
display: flex;
flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
position: absolute;
z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
width: calc(100% - 2px);
height: calc(100% - 2px);
margin: 1px;
padding: 0 5px;
line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
width: 100%;
height: 4px;
cursor: row-resize;
position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
bottom: 0;
}
.cal-week-view .cal-hour-segment {
position: relative;
}
.cal-week-view .cal-hour-segment::after {
content: " ";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
cursor: pointer;
}
.cal-week-view .cal-draggable {
cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
border-bottom: thin dashed;
}
.cal-week-view .cal-time {
font-weight: bold;
padding-top: 5px;
width: 70px;
text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.cal-week-view {
background-color: #fff;
border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
border-color: #e1e1e1;
border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
border-left-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
background-color: #ededed;
}
.cal-week-view .cal-day-column {
border-left-color: #e1e1e1;
}
.cal-week-view .cal-event {
background-color: #d1e8ff;
border-color: #1e90ff;
color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
color: #8b0000;
}
.cal-week-view .cal-time-events {
border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
background-color: #ea4334;
}
.cal-day-view {
/* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-day-view mwl-calendar-week-view-header {
display: none;
}
.cal-day-view .cal-events-container {
margin-left: 70px;
}
.cal-day-view .cal-day-column {
border-left: 0;
}
.cal-day-view .cal-current-time-marker {
margin-left: 70px;
width: calc(100% - 70px);
}
.cal-tooltip {
position: absolute;
z-index: 1070;
display: block;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
font-size: 11px;
word-wrap: break-word;
opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
padding: 5px 0;
margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
padding: 0 5px;
margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
padding: 5px 0;
margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
padding: 0 5px;
margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
max-width: 200px;
padding: 3px 8px;
text-align: center;
border-radius: 0.25rem;
}
.cal-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
border-left-color: #000;
}
.cal-tooltip-inner {
color: #fff;
background-color: #000;
}
ng-select {
padding: 0 !important;
border: none !important;
}
ng-select ng-dropdown-panel {
border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.ng-option {
font-size: 13px;
}
.ng-option:last-child {
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.ng-option-marked,
.ng-option-selected {
font-size: 13px;
color: #fff !important;
background-color: #ff663c !important;
}
.dropdown-menu {
height: max-content;
}
.ng-dropdown-panel-items {
max-height: 184px !important;
}
html,
body {
height: 100%;
}
body {
margin: 0;
font-family: Roboto, "Helvetica Neue", sans-serif;
background-color: white;
}
.dark-mode .ng-select.ng-select-opened > .ng-select-container {
background: #10163a;
border-color: #262d48 #272f48 #272d4b;
color: #fff !important;
}
.dark-mode .ng-select .ng-select-container {
color: #eee;
background-color: #10163a;
border: 1px solid #272c49;
}
.dark-mode input {
color: #eee !important;
background-color: #10163a !important;
}
.dark-mode .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.dark-mode .ng-option.ng-option-selected.ng-option-marked {
background-color: #191f48 !important;
}
.dark-mode .ng-option {
background-color: #10163a !important;
color: #fff !important;
}
.dark-mode .ng-dropdown-panel {
background-color: #272e48;
}
.dark-mode .ng-dropdown-panel,
.dark-mode .list-area {
border: 1px solid #272c4a !important;
}
.dark-mode .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
color: #eee;
background-color: #10163a;
border: 1px solid #272c49;
}
.dark-mode .dropzone {
border: 1px solid #262d48;
border-radius: 4px;
background: #10163a;
}
.dark-mode .dz-message.needsclick {
color: #ababab;
}
.dark-mode .ps .ps__rail-x.ps--clicking,
.dark-mode .ps .ps__rail-x:focus,
.dark-mode .ps .ps__rail-x:hover,
.dark-mode .ps .ps__rail-y.ps--clicking,
.dark-mode .ps .ps__rail-y:focus,
.dark-mode .ps .ps__rail-y:hover {
background-color: #8ba2f8 !important;
}
.dark-mode perfect-scrollbar > .ps.ps--scrolling-x > .ps__rail-x,
.dark-mode perfect-scrollbar > .ps.ps--scrolling-y > .ps__rail-y {
background-color: #8ba2f8 !important;
}
.dark-mode text tspan {
fill: #fff;
}
.dark-mode .table thead th,
.dark-mode .text-wrap table thead th {
border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.ps__rail-y {
left: initial !important;
right: 0;
}
.boxed .dropdown-menu {
left: initial !important;
right: 0;
}
.dropup .dropdown-toggle::after {
display: none;
}
.table > :not(:first-child) {
border-top: 15px solid #f9f9ff !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/main/webapp/content/scss/global.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
* Bootstrap overrides https://getbootstrap.com/docs/5.1/customize/sass/
* All values defined in bootstrap source
* https://github.com/twbs/bootstrap/blob/v5.1.3/scss/_variables.scss can be overwritten here
* Make sure not to add !default to values here
*/
/* ==============================================================
Bootstrap tweaks
===============================================================*/
body,
h1,
h2,
h3,
h4 {
font-weight: 300;
}
.page-leftheader {
position: inherit;
top: 50%;
transform: translateY(15%);
}
/* Disable the spin */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
/* Increase contrast of links to get 100% on Lighthouse Accessability Audit. Override this color if you want to change the link color, or use a Bootswatch theme */
a {
color: #424e79;
font-weight: bold;
}
a:hover {
color: #424e79;
}
/* override hover color for dropdown-item forced by bootstrap to all a:not([href]):not([tabindex]) elements in _reboot.scss */
a:not([href]):not([tabindex]):hover.dropdown-item {
color: white;
}
a:hover {
/* make sure browsers use the pointer cursor for anchors, even with no href */
cursor: pointer;
}
.dropdown-item:hover {
color: white;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Generic styles
========================================================================== */
/* Error highlight on input fields */
.ng-valid[required],
.ng-valid.required {
border-left: 5px solid green;
}
.ng-invalid:not(form) {
border-left: 5px solid red !important;
}
/* other generic styles */
.jh-card {
padding: 1.5%;
margin-top: 20px;
border: none;
background-color: #eee;
}
.error {
color: white;
background-color: red;
}
.pad {
padding: 10px;
}
.w-40 {
width: 40% !important;
}
.w-60 {
width: 60% !important;
}
.break {
white-space: normal;
word-break: break-all;
}
.form-control {
background-color: #fff;
}
.readonly {
background-color: #eee;
opacity: 1;
}
.footer {
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.hand,
[jhisortby] {
cursor: pointer;
}
.pl-0 {
padding: 0px;
}
.w-200 {
width: 200px !important;
}
/* ==========================================================================
Custom alerts for notification
========================================================================== */
.alerts .alert {
text-overflow: ellipsis;
}
.alerts .alert pre {
background: none;
border: none;
font: inherit;
color: inherit;
padding: 0;
margin: 0;
}
.alerts .alert .popover pre {
font-size: 10px;
}
.alerts .jhi-toast {
position: fixed;
width: 100%;
}
.alerts .jhi-toast.left {
left: 5px;
}
.alerts .jhi-toast.right {
right: 5px;
}
.alerts .jhi-toast.top {
top: 55px;
}
.alerts .jhi-toast.bottom {
bottom: 55px;
}
@media screen and (min-width: 480px) {
.alerts .jhi-toast {
width: 50%;
}
}
/* ==========================================================================
entity detail page css
========================================================================== */
.row-md.jh-entity-details {
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 10px;
column-gap: 10px;
line-height: 1.5;
}
@media screen and (min-width: 768px) {
.row-md.jh-entity-details > dt {
float: left;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0.5em 0;
}
.row-md.jh-entity-details > dd {
border-bottom: 1px solid #eee;
padding: 0.5em 0;
margin-left: 0;
}
}
@media screen and (max-width: 991px) {
body {
position: initial;
}
}
/* ==========================================================================
ui bootstrap tweaks
========================================================================== */
.nav,
.pagination,
.carousel,
.panel-title a {
cursor: pointer;
}
.thread-dump-modal-lock {
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dropdown-menu {
padding-left: 0px;
}
/* ==========================================================================
angular-cli removes postcss-rtl processed inline css, processed rules must be added here instead
========================================================================== */
/* page-ribbon.component.scss */
.ribbon {
left: -3.5em;
transform: rotate(-45deg);
}
/* navbar.component.scss */
.navbar ul.navbar-nav .nav-item {
margin-left: 0.5em;
}
/* jhipster-needle-scss-add-main JHipster will add new css style */
.example-container {
background-color: #ffffff;
display: flex;
flex-direction: column;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.example-is-mobile .example-toolbar {
position: fixed;
/* Make sure the toolbar will stay on top of the content as it scrolls past. */
z-index: 2;
}
h1.example-app-name {
margin-left: 8px;
}
.example-sidenav-container {
/* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
causes `` to act as our scrolling element for desktop layouts. */
flex: 1;
}
.example-is-mobile .example-sidenav-container {
/* When the sidenav is fixed, don't constrain the height of the sidenav container. This allows the
`` to be our scrolling element for mobile layouts. */
flex: 1 0 auto;
}
.w-150 {
width: 150px !important;
}
.w-200 {
width: 200px !important;
}
/*
=========================================================
* CSS for loading bar
=========================================================
*/
.custom_preloader {
width: 244px;
height: 49px;
position: absolute;
left: 50%;
margin: -24px -122px;
margin-top: 0px;
list-style-type: none;
}
.custom_preloader li {
float: left;
position: relative;
}
.custom_loader {
width: 40px;
height: 40px;
border-radius: 0 0 50% 50%;
border: 4px solid #ff663c;
border-top: 0;
border-left: 0;
border-right: 0;
animation: rotate 1.73s cubic-bezier(0.45, 0, 1, 1) infinite;
}
.custom_loading {
position: absolute;
content: "";
width: 20px;
height: 20px;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
border-radius: 100%;
background: #ff663c;
box-shadow: 0 -15px 0 0 rgba(186, 130, 85, 0.15), 0 -10px 0 0 rgba(186, 117, 85, 0.1), 0 -5px 0 0 rgba(186, 122, 85, 0.05);
animation: fall 1.73s cubic-bezier(0.95, 0, 1, 1) infinite;
}
.custom_preloader li:nth-child(1) div {
animation-delay: 115ms;
}
.custom_preloader li:nth-child(2) div {
animation-delay: 230ms;
}
.custom_preloader li:nth-child(3) div {
animation-delay: 345ms;
}
.custom_preloader li:nth-child(4) div {
animation-delay: 460ms;
}
.custom_preloader li:nth-child(5) div {
animation-delay: 575ms;
}
@keyframes rotate {
0%, 20% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes fall {
0%, 20% {
transform: translatey(-29px);
opacity: 0;
}
20%, 24%, 27%, 30%, 50%, 75% {
transform: translatey(0px);
opacity: 1;
}
22% {
transform: translatey(-10px);
}
25% {
transform: translatey(-6px);
}
28% {
transform: translatey(-2px);
}
30% {
box-shadow: 0px 0px 0px rgba(186, 146, 85, 0.3);
}
75%, 100% {
box-shadow: 0 -15px 0 0 rgba(186, 139, 85, 0.15), 0 -10px 0 rgba(186, 139, 85, 0.1), 0 -5px 0 0 rgba(186, 122, 85, 0.05);
transform: translatey(29px);
opacity: 0;
}
}
/*!********************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css ***!
\********************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'primeicons';
font-display: block;
src: url('primeicons.eot');
src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.ttf') format('truetype'), url('primeicons.woff') format('woff'), url('primeicons.svg?#primeicons') format('svg');
font-weight: normal;
font-style: normal;
}
.pi {
font-family: 'primeicons';
speak: none;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pi:before {
--webkit-backface-visibility:hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pi-fw {
width: 1.28571429em;
text-align: center;
}
.pi-spin {
animation: fa-spin 2s infinite linear;
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.pi-sort-alt-slash:before {
content: "\e9ee";
}
.pi-arrows-h:before {
content: "\e9ec";
}
.pi-arrows-v:before {
content: "\e9ed";
}
.pi-pound:before {
content: "\e9eb";
}
.pi-prime:before {
content: "\e9ea";
}
.pi-chart-pie:before {
content: "\e9e9";
}
.pi-reddit:before {
content: "\e9e8";
}
.pi-code:before {
content: "\e9e7";
}
.pi-sync:before {
content: "\e9e6";
}
.pi-shopping-bag:before {
content: "\e9e5";
}
.pi-server:before {
content: "\e9e4";
}
.pi-database:before {
content: "\e9e3";
}
.pi-hashtag:before {
content: "\e9e2";
}
.pi-bookmark-fill:before {
content: "\e9df";
}
.pi-filter-fill:before {
content: "\e9e0";
}
.pi-heart-fill:before {
content: "\e9e1";
}
.pi-flag-fill:before {
content: "\e9de";
}
.pi-circle:before {
content: "\e9dc";
}
.pi-circle-fill:before {
content: "\e9dd";
}
.pi-bolt:before {
content: "\e9db";
}
.pi-history:before {
content: "\e9da";
}
.pi-box:before {
content: "\e9d9";
}
.pi-at:before {
content: "\e9d8";
}
.pi-arrow-up-right:before {
content: "\e9d4";
}
.pi-arrow-up-left:before {
content: "\e9d5";
}
.pi-arrow-down-left:before {
content: "\e9d6";
}
.pi-arrow-down-right:before {
content: "\e9d7";
}
.pi-telegram:before {
content: "\e9d3";
}
.pi-stop-circle:before {
content: "\e9d2";
}
.pi-stop:before {
content: "\e9d1";
}
.pi-whatsapp:before {
content: "\e9d0";
}
.pi-building:before {
content: "\e9cf";
}
.pi-qrcode:before {
content: "\e9ce";
}
.pi-car:before {
content: "\e9cd";
}
.pi-instagram:before {
content: "\e9cc";
}
.pi-linkedin:before {
content: "\e9cb";
}
.pi-send:before {
content: "\e9ca";
}
.pi-slack:before {
content: "\e9c9";
}
.pi-sun:before {
content: "\e9c8";
}
.pi-moon:before {
content: "\e9c7";
}
.pi-vimeo:before {
content: "\e9c6";
}
.pi-youtube:before {
content: "\e9c5";
}
.pi-flag:before {
content: "\e9c4";
}
.pi-wallet:before {
content: "\e9c3";
}
.pi-map:before {
content: "\e9c2";
}
.pi-link:before {
content: "\e9c1";
}
.pi-credit-card:before {
content: "\e9bf";
}
.pi-discord:before {
content: "\e9c0";
}
.pi-percentage:before {
content: "\e9be";
}
.pi-euro:before {
content: "\e9bd";
}
.pi-book:before {
content: "\e9ba";
}
.pi-shield:before {
content: "\e9b9";
}
.pi-paypal:before {
content: "\e9bb";
}
.pi-amazon:before {
content: "\e9bc";
}
.pi-phone:before {
content: "\e9b8";
}
.pi-filter-slash:before {
content: "\e9b7";
}
.pi-facebook:before {
content: "\e9b4";
}
.pi-github:before {
content: "\e9b5";
}
.pi-twitter:before {
content: "\e9b6";
}
.pi-step-backward-alt:before {
content: "\e9ac";
}
.pi-step-forward-alt:before {
content: "\e9ad";
}
.pi-forward:before {
content: "\e9ae";
}
.pi-backward:before {
content: "\e9af";
}
.pi-fast-backward:before {
content: "\e9b0";
}
.pi-fast-forward:before {
content: "\e9b1";
}
.pi-pause:before {
content: "\e9b2";
}
.pi-play:before {
content: "\e9b3";
}
.pi-compass:before {
content: "\e9ab";
}
.pi-id-card:before {
content: "\e9aa";
}
.pi-ticket:before {
content: "\e9a9";
}
.pi-file-o:before {
content: "\e9a8";
}
.pi-reply:before {
content: "\e9a7";
}
.pi-directions-alt:before {
content: "\e9a5";
}
.pi-directions:before {
content: "\e9a6";
}
.pi-thumbs-up:before {
content: "\e9a3";
}
.pi-thumbs-down:before {
content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
content: "\e996";
}
.pi-sort-numeric-up-alt:before {
content: "\e997";
}
.pi-sort-alpha-down-alt:before {
content: "\e998";
}
.pi-sort-alpha-up-alt:before {
content: "\e999";
}
.pi-sort-numeric-down:before {
content: "\e99a";
}
.pi-sort-numeric-up:before {
content: "\e99b";
}
.pi-sort-alpha-down:before {
content: "\e99c";
}
.pi-sort-alpha-up:before {
content: "\e99d";
}
.pi-sort-alt:before {
content: "\e99e";
}
.pi-sort-amount-up:before {
content: "\e99f";
}
.pi-sort-amount-down:before {
content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
content: "\e9a2";
}
.pi-palette:before {
content: "\e995";
}
.pi-undo:before {
content: "\e994";
}
.pi-desktop:before {
content: "\e993";
}
.pi-sliders-v:before {
content: "\e991";
}
.pi-sliders-h:before {
content: "\e992";
}
.pi-search-plus:before {
content: "\e98f";
}
.pi-search-minus:before {
content: "\e990";
}
.pi-file-excel:before {
content: "\e98e";
}
.pi-file-pdf:before {
content: "\e98d";
}
.pi-check-square:before {
content: "\e98c";
}
.pi-chart-line:before {
content: "\e98b";
}
.pi-user-edit:before {
content: "\e98a";
}
.pi-exclamation-circle:before {
content: "\e989";
}
.pi-android:before {
content: "\e985";
}
.pi-google:before {
content: "\e986";
}
.pi-apple:before {
content: "\e987";
}
.pi-microsoft:before {
content: "\e988";
}
.pi-heart:before {
content: "\e984";
}
.pi-mobile:before {
content: "\e982";
}
.pi-tablet:before {
content: "\e983";
}
.pi-key:before {
content: "\e981";
}
.pi-shopping-cart:before {
content: "\e980";
}
.pi-comments:before {
content: "\e97e";
}
.pi-comment:before {
content: "\e97f";
}
.pi-briefcase:before {
content: "\e97d";
}
.pi-bell:before {
content: "\e97c";
}
.pi-paperclip:before {
content: "\e97b";
}
.pi-share-alt:before {
content: "\e97a";
}
.pi-envelope:before {
content: "\e979";
}
.pi-volume-down:before {
content: "\e976";
}
.pi-volume-up:before {
content: "\e977";
}
.pi-volume-off:before {
content: "\e978";
}
.pi-eject:before {
content: "\e975";
}
.pi-money-bill:before {
content: "\e974";
}
.pi-images:before {
content: "\e973";
}
.pi-image:before {
content: "\e972";
}
.pi-sign-in:before {
content: "\e970";
}
.pi-sign-out:before {
content: "\e971";
}
.pi-wifi:before {
content: "\e96f";
}
.pi-sitemap:before {
content: "\e96e";
}
.pi-chart-bar:before {
content: "\e96d";
}
.pi-camera:before {
content: "\e96c";
}
.pi-dollar:before {
content: "\e96b";
}
.pi-lock-open:before {
content: "\e96a";
}
.pi-table:before {
content: "\e969";
}
.pi-map-marker:before {
content: "\e968";
}
.pi-list:before {
content: "\e967";
}
.pi-eye-slash:before {
content: "\e965";
}
.pi-eye:before {
content: "\e966";
}
.pi-folder-open:before {
content: "\e964";
}
.pi-folder:before {
content: "\e963";
}
.pi-video:before {
content: "\e962";
}
.pi-inbox:before {
content: "\e961";
}
.pi-lock:before {
content: "\e95f";
}
.pi-unlock:before {
content: "\e960";
}
.pi-tags:before {
content: "\e95d";
}
.pi-tag:before {
content: "\e95e";
}
.pi-power-off:before {
content: "\e95c";
}
.pi-save:before {
content: "\e95b";
}
.pi-question-circle:before {
content: "\e959";
}
.pi-question:before {
content: "\e95a";
}
.pi-copy:before {
content: "\e957";
}
.pi-file:before {
content: "\e958";
}
.pi-clone:before {
content: "\e955";
}
.pi-calendar-times:before {
content: "\e952";
}
.pi-calendar-minus:before {
content: "\e953";
}
.pi-calendar-plus:before {
content: "\e954";
}
.pi-ellipsis-v:before {
content: "\e950";
}
.pi-ellipsis-h:before {
content: "\e951";
}
.pi-bookmark:before {
content: "\e94e";
}
.pi-globe:before {
content: "\e94f";
}
.pi-replay:before {
content: "\e94d";
}
.pi-filter:before {
content: "\e94c";
}
.pi-print:before {
content: "\e94b";
}
.pi-align-right:before {
content: "\e946";
}
.pi-align-left:before {
content: "\e947";
}
.pi-align-center:before {
content: "\e948";
}
.pi-align-justify:before {
content: "\e949";
}
.pi-cog:before {
content: "\e94a";
}
.pi-cloud-download:before {
content: "\e943";
}
.pi-cloud-upload:before {
content: "\e944";
}
.pi-cloud:before {
content: "\e945";
}
.pi-pencil:before {
content: "\e942";
}
.pi-users:before {
content: "\e941";
}
.pi-clock:before {
content: "\e940";
}
.pi-user-minus:before {
content: "\e93e";
}
.pi-user-plus:before {
content: "\e93f";
}
.pi-trash:before {
content: "\e93d";
}
.pi-external-link:before {
content: "\e93c";
}
.pi-window-maximize:before {
content: "\e93b";
}
.pi-window-minimize:before {
content: "\e93a";
}
.pi-refresh:before {
content: "\e938";
}
.pi-user:before {
content: "\e939";
}
.pi-exclamation-triangle:before {
content: "\e922";
}
.pi-calendar:before {
content: "\e927";
}
.pi-chevron-circle-left:before {
content: "\e928";
}
.pi-chevron-circle-down:before {
content: "\e929";
}
.pi-chevron-circle-right:before {
content: "\e92a";
}
.pi-chevron-circle-up:before {
content: "\e92b";
}
.pi-angle-double-down:before {
content: "\e92c";
}
.pi-angle-double-left:before {
content: "\e92d";
}
.pi-angle-double-right:before {
content: "\e92e";
}
.pi-angle-double-up:before {
content: "\e92f";
}
.pi-angle-down:before {
content: "\e930";
}
.pi-angle-left:before {
content: "\e931";
}
.pi-angle-right:before {
content: "\e932";
}
.pi-angle-up:before {
content: "\e933";
}
.pi-upload:before {
content: "\e934";
}
.pi-download:before {
content: "\e956";
}
.pi-ban:before {
content: "\e935";
}
.pi-star-fill:before {
content: "\e936";
}
.pi-star:before {
content: "\e937";
}
.pi-chevron-left:before {
content: "\e900";
}
.pi-chevron-right:before {
content: "\e901";
}
.pi-chevron-down:before {
content: "\e902";
}
.pi-chevron-up:before {
content: "\e903";
}
.pi-caret-left:before {
content: "\e904";
}
.pi-caret-right:before {
content: "\e905";
}
.pi-caret-down:before {
content: "\e906";
}
.pi-caret-up:before {
content: "\e907";
}
.pi-search:before {
content: "\e908";
}
.pi-check:before {
content: "\e909";
}
.pi-check-circle:before {
content: "\e90a";
}
.pi-times:before {
content: "\e90b";
}
.pi-times-circle:before {
content: "\e90c";
}
.pi-plus:before {
content: "\e90d";
}
.pi-plus-circle:before {
content: "\e90e";
}
.pi-minus:before {
content: "\e90f";
}
.pi-minus-circle:before {
content: "\e910";
}
.pi-circle-on:before {
content: "\e911";
}
.pi-circle-off:before {
content: "\e912";
}
.pi-sort-down:before {
content: "\e913";
}
.pi-sort-up:before {
content: "\e914";
}
.pi-sort:before {
content: "\e915";
}
.pi-step-backward:before {
content: "\e916";
}
.pi-step-forward:before {
content: "\e917";
}
.pi-th-large:before {
content: "\e918";
}
.pi-arrow-down:before {
content: "\e919";
}
.pi-arrow-left:before {
content: "\e91a";
}
.pi-arrow-right:before {
content: "\e91b";
}
.pi-arrow-up:before {
content: "\e91c";
}
.pi-bars:before {
content: "\e91d";
}
.pi-arrow-circle-down:before {
content: "\e91e";
}
.pi-arrow-circle-left:before {
content: "\e91f";
}
.pi-arrow-circle-right:before {
content: "\e920";
}
.pi-arrow-circle-up:before {
content: "\e921";
}
.pi-info:before {
content: "\e923";
}
.pi-info-circle:before {
content: "\e924";
}
.pi-home:before {
content: "\e925";
}
.pi-spinner:before {
content: "\e926";
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/themes/lara-light-blue/theme.css ***!
\*********************************************************************************************************************************************************************************************************************************************************/
:root {
--surface-a:#ffffff;
--surface-b:#f8f9fa;
--surface-c:#e9ecef;
--surface-d:#dee2e6;
--surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#495057;
--text-color-secondary:#6c757d;
--primary-color:#3B82F6;
--primary-color-text:#ffffff;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-0: #ffffff;
--surface-50: #FAFAFA;
--surface-100: #F5F5F5;
--surface-200: #EEEEEE;
--surface-300: #E0E0E0;
--surface-400: #BDBDBD;
--surface-500: #9E9E9E;
--surface-600: #757575;
--surface-700: #616161;
--surface-800: #424242;
--surface-900: #212121;
--gray-50: #FAFAFA;
--gray-100: #F5F5F5;
--gray-200: #EEEEEE;
--gray-300: #E0E0E0;
--gray-400: #BDBDBD;
--gray-500: #9E9E9E;
--gray-600: #757575;
--gray-700: #616161;
--gray-800: #424242;
--gray-900: #212121;
--content-padding:1.25rem;
--inline-spacing:0.5rem;
--border-radius:6px;
--surface-ground:#eff3f8;
--surface-section:#ffffff;
--surface-card:#ffffff;
--surface-overlay:#ffffff;
--surface-border:#dfe7ef;
--surface-hover:#f6f9fc;
--focus-ring: 0 0 0 0.2rem #BFDBFE;
--maskbg: rgba(0, 0, 0, 0.4);
}
* {
box-sizing: border-box;
}
.p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: normal;
}
.p-component-overlay {
background-color: rgba(0, 0, 0, 0.4);
transition-duration: 0.2s;
}
.p-disabled, .p-component:disabled {
opacity: 0.6;
}
.p-error {
color: #e24c4c;
}
.p-text-secondary {
color: #6c757d;
}
.pi {
font-size: 1rem;
}
.p-link {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 6px;
}
.p-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-component-overlay-enter {
animation: p-component-overlay-enter-animation 150ms forwards;
}
.p-component-overlay-leave {
animation: p-component-overlay-leave-animation 150ms forwards;
}
@keyframes p-component-overlay-enter-animation {
from {
background-color: transparent;
}
to {
background-color: var(--maskbg);
}
}
@keyframes p-component-overlay-leave-animation {
from {
background-color: var(--maskbg);
}
to {
background-color: transparent;
}
}
:root {
--blue-50:#f5f9ff;
--blue-100:#d0e1fd;
--blue-200:#abc9fb;
--blue-300:#85b2f9;
--blue-400:#609af8;
--blue-500:#3b82f6;
--blue-600:#326fd1;
--blue-700:#295bac;
--blue-800:#204887;
--blue-900:#183462;
--green-50:#f4fcf7;
--green-100:#caf1d8;
--green-200:#a0e6ba;
--green-300:#76db9b;
--green-400:#4cd07d;
--green-500:#22c55e;
--green-600:#1da750;
--green-700:#188a42;
--green-800:#136c34;
--green-900:#0e4f26;
--yellow-50:#fefbf3;
--yellow-100:#faedc4;
--yellow-200:#f6de95;
--yellow-300:#f2d066;
--yellow-400:#eec137;
--yellow-500:#eab308;
--yellow-600:#c79807;
--yellow-700:#a47d06;
--yellow-800:#816204;
--yellow-900:#5e4803;
--cyan-50:#f3fbfd;
--cyan-100:#c3edf5;
--cyan-200:#94e0ed;
--cyan-300:#65d2e4;
--cyan-400:#35c4dc;
--cyan-500:#06b6d4;
--cyan-600:#059bb4;
--cyan-700:#047f94;
--cyan-800:#036475;
--cyan-900:#024955;
--pink-50:#fef6fa;
--pink-100:#fad3e7;
--pink-200:#f7b0d3;
--pink-300:#f38ec0;
--pink-400:#f06bac;
--pink-500:#ec4899;
--pink-600:#c93d82;
--pink-700:#a5326b;
--pink-800:#822854;
--pink-900:#5e1d3d;
--indigo-50:#f7f7fe;
--indigo-100:#dadafc;
--indigo-200:#bcbdf9;
--indigo-300:#9ea0f6;
--indigo-400:#8183f4;
--indigo-500:#6366f1;
--indigo-600:#5457cd;
--indigo-700:#4547a9;
--indigo-800:#363885;
--indigo-900:#282960;
--teal-50:#f3fbfb;
--teal-100:#c7eeea;
--teal-200:#9ae0d9;
--teal-300:#6dd3c8;
--teal-400:#41c5b7;
--teal-500:#14b8a6;
--teal-600:#119c8d;
--teal-700:#0e8174;
--teal-800:#0b655b;
--teal-900:#084a42;
--orange-50:#fff8f3;
--orange-100:#feddc7;
--orange-200:#fcc39b;
--orange-300:#fba86f;
--orange-400:#fa8e42;
--orange-500:#f97316;
--orange-600:#d46213;
--orange-700:#ae510f;
--orange-800:#893f0c;
--orange-900:#642e09;
--bluegray-50:#f7f8f9;
--bluegray-100:#dadee3;
--bluegray-200:#bcc3cd;
--bluegray-300:#9fa9b7;
--bluegray-400:#818ea1;
--bluegray-500:#64748b;
--bluegray-600:#556376;
--bluegray-700:#465161;
--bluegray-800:#37404c;
--bluegray-900:#282e38;
--purple-50:#fbf7ff;
--purple-100:#ead6fd;
--purple-200:#dab6fc;
--purple-300:#c996fa;
--purple-400:#b975f9;
--purple-500:#a855f7;
--purple-600:#8f48d2;
--purple-700:#763cad;
--purple-800:#5c2f88;
--purple-900:#432263;
--red-50:#fff5f5;
--red-100:#ffd0ce;
--red-200:#ffaca7;
--red-300:#ff8780;
--red-400:#ff6259;
--red-500:#ff3d32;
--red-600:#d9342b;
--red-700:#b32b23;
--red-800:#8c221c;
--red-900:#661814;
--primary-50:#f5f9ff;
--primary-100:#d0e1fd;
--primary-200:#abc9fb;
--primary-300:#85b2f9;
--primary-400:#609af8;
--primary-500:#3b82f6;
--primary-600:#326fd1;
--primary-700:#295bac;
--primary-800:#204887;
--primary-900:#183462;
}
.p-autocomplete .p-autocomplete-loader {
right: 0.75rem;
}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: #3B82F6;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #EFF6FF;
color: #1D4ED8;
border-radius: 6px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
border-color: #e24c4c;
}
.p-autocomplete-panel {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) {
padding: 0.75rem 0;
}
.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper {
padding: 0.75rem 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #495057;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
color: #495057;
background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
padding: 0.75rem 1.25rem;
color: #495057;
background: transparent;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
color: #343a40;
background: #ffffff;
font-weight: 700;
}
p-autocomplete.p-autocomplete-clearable .p-inputtext {
padding-right: 2.5rem;
}
p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
color: #6c757d;
right: 0.75rem;
}
p-autocomplete.p-autocomplete-clearable.p-autocomplete-dd .p-autocomplete-clear-icon {
color: #6c757d;
right: 3.75rem;
}
p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
border-color: #e24c4c;
}
.p-datepicker {
padding: 0.5rem;
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
border-radius: 6px;
}
.p-datepicker:not(.p-datepicker-inline) {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
background: #ffffff;
}
.p-datepicker .p-datepicker-header {
padding: 0.5rem;
color: #495057;
background: #ffffff;
font-weight: 600;
margin: 0;
border-bottom: 1px solid #dee2e6;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
color: #495057;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
font-weight: 600;
padding: 0.5rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
color: #3B82F6;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
margin-right: 0.5rem;
}
.p-datepicker table {
font-size: 1rem;
margin: 0.5rem 0;
}
.p-datepicker table th {
padding: 0.5rem;
}
.p-datepicker table th > span {
width: 2.5rem;
height: 2.5rem;
}
.p-datepicker table td {
padding: 0.5rem;
}
.p-datepicker table td > span {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
transition: box-shadow 0.2s;
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-datepicker table td > span:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-datepicker table td.p-datepicker-today > span {
background: #ced4da;
color: #495057;
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0;
border-top: 1px solid #dee2e6;
}
.p-datepicker .p-datepicker-buttonbar .p-button {
width: auto;
}
.p-datepicker .p-timepicker {
border-top: 1px solid #dee2e6;
padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
font-size: 1.25rem;
}
.p-datepicker .p-timepicker > div {
padding: 0 0.5rem;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
border-top: 0 none;
}
.p-datepicker .p-monthpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem;
transition: box-shadow 0.2s;
border-radius: 6px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-datepicker .p-yearpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
padding: 0.5rem;
transition: box-shadow 0.2s;
border-radius: 6px;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-left: 1px solid #dee2e6;
padding-right: 0.5rem;
padding-left: 0.5rem;
padding-top: 0;
padding-bottom: 0;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
p-calendar.p-calendar-clearable .p-inputtext {
padding-right: 2.5rem;
}
p-calendar.p-calendar-clearable .p-calendar-clear-icon {
color: #6c757d;
right: 0.75rem;
}
p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon {
color: #6c757d;
right: 3.75rem;
}
@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
padding: 0;
}
}
.p-cascadeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
.p-cascadeselect:not(.p-disabled):hover {
border-color: #3B82F6;
}
.p-cascadeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
padding: 0.75rem 0.75rem;
}
.p-cascadeselect .p-cascadeselect-label.p-placeholder {
color: #6c757d;
}
.p-cascadeselect .p-cascadeselect-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
.p-cascadeselect .p-cascadeselect-trigger {
background: transparent;
color: #6c757d;
width: 3rem;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-cascadeselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-cascadeselect-panel .p-cascadeselect-items {
padding: 0.75rem 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
margin: 0;
border: 0 none;
color: #495057;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.75rem 1.25rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
border-color: #e24c4c;
}
.p-input-filled .p-cascadeselect {
background: #e9ecef;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: #e9ecef;
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: #ffffff;
}
p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
padding-right: 0.75rem;
}
p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
color: #6c757d;
right: 3rem;
}
.p-checkbox {
width: 22px;
height: 22px;
}
.p-checkbox .p-checkbox-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 22px;
height: 22px;
color: #495057;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
transition-duration: 0.2s;
color: #ffffff;
font-size: 14px;
}
.p-checkbox .p-checkbox-box.p-highlight {
border-color: #3B82F6;
background: #3B82F6;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #3B82F6;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
border-color: #1D4ED8;
background: #1D4ED8;
color: #ffffff;
}
p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
border-color: #e24c4c;
}
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #e9ecef;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #3B82F6;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: #e9ecef;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
background: #1D4ED8;
}
.p-checkbox-label {
margin-left: 0.5rem;
}
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
border-color: #3B82F6;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #EFF6FF;
color: #1D4ED8;
border-radius: 6px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-input-token {
padding: 0.375rem 0;
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #495057;
padding: 0;
margin: 0;
}
p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
border-color: #e24c4c;
}
p-chips.p-chips-clearable .p-inputtext {
padding-right: 1.75rem;
}
p-chips.p-chips-clearable .p-chips-clear-icon {
color: #6c757d;
right: 0.75rem;
}
.p-colorpicker-preview,
.p-fluid .p-colorpicker-preview.p-inputtext {
width: 2rem;
height: 2rem;
}
.p-colorpicker-panel {
background: #323232;
border: 1px solid #191919;
}
.p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue-handle {
border-color: #ffffff;
}
.p-colorpicker-overlay-panel {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-dropdown {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
.p-dropdown:not(.p-disabled):hover {
border-color: #3B82F6;
}
.p-dropdown:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
padding-right: 1.75rem;
}
.p-dropdown .p-dropdown-label {
background: transparent;
border: 0 none;
}
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
.p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
.p-dropdown .p-dropdown-trigger {
background: transparent;
color: #6c757d;
width: 3rem;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-dropdown .p-dropdown-clear-icon {
color: #6c757d;
right: 3rem;
}
.p-dropdown-panel {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-dropdown-panel .p-dropdown-header {
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #dee2e6;
color: #343a40;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.75rem;
margin-right: -1.75rem;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
right: 0.75rem;
color: #6c757d;
}
.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) {
padding: 0.75rem 0;
}
.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper {
padding: 0.75rem 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #495057;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
padding: 0.75rem 1.25rem;
color: #495057;
background: transparent;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
color: #343a40;
background: #ffffff;
font-weight: 700;
}
p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
border-color: #e24c4c;
}
.p-input-filled .p-dropdown {
background: #e9ecef;
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
background-color: #e9ecef;
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
background-color: #ffffff;
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
background-color: transparent;
}
.p-editor-container .p-editor-toolbar {
background: #f8f9fa;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
border: 0 none;
color: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
padding: 0.75rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
color: #495057;
background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
padding: 0.75rem 1.25rem;
}
.p-editor-container .p-editor-content {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-editor-container .p-editor-content.ql-snow {
border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-content .ql-editor {
background: #ffffff;
color: #495057;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
color: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
stroke: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
fill: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
color: #3B82F6;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
stroke: #3B82F6;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
fill: #3B82F6;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
color: #3B82F6;
}
.p-inputgroup-addon {
background: #e9ecef;
color: #6c757d;
border-top: 1px solid #ced4da;
border-left: 1px solid #ced4da;
border-bottom: 1px solid #ced4da;
padding: 0.75rem 0.75rem;
min-width: 3rem;
}
.p-inputgroup-addon:last-child {
border-right: 1px solid #ced4da;
}
.p-inputgroup > .p-component,
.p-inputgroup > .p-element,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
border-radius: 0;
margin: 0;
}
.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-element + .p-inputgroup-addon,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
border-left: 0 none;
}
.p-inputgroup > .p-component:focus,
.p-inputgroup > .p-element:focus,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-element:focus ~ label,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
z-index: 1;
}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-component,
.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-component,
.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-fluid .p-inputgroup .p-button {
width: auto;
}
.p-fluid .p-inputgroup .p-button.p-button-icon-only {
width: 3rem;
}
p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
border-color: #e24c4c;
}
p-inputmask.p-inputmask-clearable .p-inputtext {
padding-right: 2.5rem;
}
p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
color: #6c757d;
right: 0.75rem;
}
p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
border-color: #e24c4c;
}
p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
padding-right: 2.5rem;
}
p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
color: #6c757d;
right: 0.75rem;
}
p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
right: 3.75rem;
}
p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
right: 3.75rem;
}
.p-inputswitch {
width: 3rem;
height: 1.75rem;
}
.p-inputswitch .p-inputswitch-slider {
background: #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
background: #ffffff;
width: 1.25rem;
height: 1.25rem;
left: 0.25rem;
margin-top: -0.625rem;
border-radius: 50%;
transition-duration: 0.2s;
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
transform: translateX(1.25rem);
}
.p-inputswitch.p-focus .p-inputswitch-slider {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
background: #b6bfc8;
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
background: #3B82F6;
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
background: #ffffff;
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #2563eb;
}
p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
border-color: #e24c4c;
}
.p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: #495057;
background: #ffffff;
padding: 0.75rem 0.75rem;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-webkit-appearance: none;
appearance: none;
border-radius: 6px;
}
.p-inputtext:enabled:hover {
border-color: #3B82F6;
}
.p-inputtext:enabled:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-inputtext.ng-dirty.ng-invalid {
border-color: #e24c4c;
}
.p-inputtext.p-inputtext-sm {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
}
.p-inputtext.p-inputtext-lg {
font-size: 1.25rem;
padding: 0.9375rem 0.9375rem;
}
.p-float-label > label {
left: 0.75rem;
color: #6c757d;
transition-duration: 0.2s;
}
.p-float-label > .ng-invalid.ng-dirty + label {
color: #e24c4c;
}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
}
.p-input-icon-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-input-icon-left.p-float-label > label {
left: 2.5rem;
}
.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #6c757d;
}
.p-input-icon-right > .p-inputtext {
padding-right: 2.5rem;
}
::-webkit-input-placeholder {
color: #6c757d;
}
:-moz-placeholder {
color: #6c757d;
}
::-moz-placeholder {
color: #6c757d;
}
:-ms-input-placeholder {
color: #6c757d;
}
.p-input-filled .p-inputtext {
background-color: #e9ecef;
}
.p-input-filled .p-inputtext:enabled:hover {
background-color: #e9ecef;
}
.p-input-filled .p-inputtext:enabled:focus {
background-color: #ffffff;
}
.p-inputtext-sm .p-inputtext {
font-size: 0.875rem;
padding: 0.65625rem 0.65625rem;
}
.p-inputtext-lg .p-inputtext {
font-size: 1.25rem;
padding: 0.9375rem 0.9375rem;
}
.p-listbox {
background: #ffffff;
color: #495057;
border: 1px solid #ced4da;
border-radius: 6px;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #dee2e6;
color: #343a40;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.75rem;
}
.p-listbox .p-listbox-header .p-listbox-filter-icon {
right: 0.75rem;
color: #6c757d;
}
.p-listbox .p-listbox-header .p-checkbox {
margin-right: 0.5rem;
}
.p-listbox .p-listbox-list {
padding: 0.75rem 0;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #495057;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-listbox .p-listbox-list .p-listbox-item:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
margin-right: 0.5rem;
}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
color: #343a40;
background: #ffffff;
font-weight: 700;
}
.p-listbox .p-listbox-list .p-listbox-empty-message {
padding: 0.75rem 1.25rem;
color: #495057;
background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
p-listbox.ng-dirty.ng-invalid > .p-listbox {
border-color: #e24c4c;
}
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
.p-multiselect:not(.p-disabled):hover {
border-color: #3B82F6;
}
.p-multiselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-multiselect .p-multiselect-label.p-placeholder {
color: #6c757d;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #EFF6FF;
color: #1D4ED8;
border-radius: 6px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
}
.p-multiselect .p-multiselect-trigger {
background: transparent;
color: #6c757d;
width: 3rem;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
.p-multiselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-multiselect-panel .p-multiselect-header {
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #dee2e6;
color: #343a40;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
right: 0.75rem;
color: #6c757d;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) {
padding: 0.75rem 0;
}
.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper {
padding: 0.75rem 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #495057;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
color: #343a40;
background: #ffffff;
font-weight: 700;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
padding: 0.75rem 1.25rem;
color: #495057;
background: transparent;
}
p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
border-color: #e24c4c;
}
.p-input-filled .p-multiselect {
background: #e9ecef;
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
background-color: #e9ecef;
}
.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
background-color: #ffffff;
}
p-multiselect.p-multiselect-clearable .p-multiselect-label-container {
padding-right: 1.75rem;
}
p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon {
color: #6c757d;
right: 3rem;
}
p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
border-color: #e24c4c;
}
.p-password-panel {
padding: 1.25rem;
background: #ffffff;
color: #495057;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.p-password-panel .p-password-meter {
margin-bottom: 0.5rem;
background: #dee2e6;
}
.p-password-panel .p-password-meter .p-password-strength.weak {
background: #ea5455;
}
.p-password-panel .p-password-meter .p-password-strength.medium {
background: #ff9f42;
}
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #29c76f;
}
p-password.p-password-clearable .p-password-input {
padding-right: 2.5rem;
}
p-password.p-password-clearable .p-password-clear-icon {
color: #6c757d;
right: 0.75rem;
}
p-password.p-password-clearable.p-password-mask .p-password-input {
padding-right: 4.25rem;
}
p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
color: #6c757d;
right: 2.5rem;
}
.p-radiobutton {
width: 22px;
height: 22px;
}
.p-radiobutton .p-radiobutton-box {
border: 2px solid #ced4da;
background: #ffffff;
width: 22px;
height: 22px;
color: #495057;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
border-color: #3B82F6;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
width: 12px;
height: 12px;
transition-duration: 0.2s;
background-color: #ffffff;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
border-color: #3B82F6;
background: #3B82F6;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
border-color: #1D4ED8;
background: #1D4ED8;
color: #ffffff;
}
p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
border-color: #e24c4c;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
background-color: #e9ecef;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
background-color: #e9ecef;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
background: #3B82F6;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
background: #1D4ED8;
}
.p-radiobutton-label {
margin-left: 0.5rem;
}
.p-rating .p-rating-icon {
color: #495057;
margin-left: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
color: #ea5455;
}
.p-rating .p-rating-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-rating .p-rating-icon:first-child {
margin-left: 0;
}
.p-rating .p-rating-icon.pi-star-fill {
color: #3B82F6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
color: #3B82F6;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
color: #e73d3e;
}
.p-selectbutton .p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
color: #6c757d;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #ced4da;
color: #495057;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
color: #343a40;
}
.p-selectbutton .p-button.p-highlight {
background: #3B82F6;
border-color: #3B82F6;
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight:hover {
background: #2563eb;
border-color: #2563eb;
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff;
}
p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
border-color: #e24c4c;
}
.p-slider {
background: #dee2e6;
border: 0 none;
border-radius: 6px;
}
.p-slider.p-slider-horizontal {
height: 0.286rem;
}
.p-slider.p-slider-horizontal .p-slider-handle {
margin-top: -0.5715rem;
margin-left: -0.5715rem;
}
.p-slider.p-slider-vertical {
width: 0.286rem;
}
.p-slider.p-slider-vertical .p-slider-handle {
margin-left: -0.5715rem;
margin-bottom: -0.5715rem;
}
.p-slider .p-slider-handle {
height: 1.143rem;
width: 1.143rem;
background: #ffffff;
border: 2px solid #3B82F6;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-slider .p-slider-range {
background: #3B82F6;
}
.p-slider:not(.p-disabled) .p-slider-handle:hover {
background: #3B82F6;
border-color: #3B82F6;
}
.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s;
}
.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
transition: width 0.2s;
}
.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s;
}
.p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
transition: height 0.2s;
}
.p-togglebutton.p-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
color: #6c757d;
}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #ced4da;
color: #495057;
}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
color: #343a40;
}
.p-togglebutton.p-button.p-highlight {
background: #3B82F6;
border-color: #3B82F6;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight:hover {
background: #2563eb;
border-color: #2563eb;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
color: #ffffff;
}
p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
border-color: #e24c4c;
}
.p-treeselect {
background: #ffffff;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
.p-treeselect:not(.p-disabled):hover {
border-color: #3B82F6;
}
.p-treeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.p-treeselect .p-treeselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treeselect .p-treeselect-label.p-placeholder {
color: #6c757d;
}
.p-treeselect.p-treeselect-chip .p-treeselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: #dee2e6;
color: #495057;
border-radius: 16px;
}
.p-treeselect .p-treeselect-trigger {
background: transparent;
color: #6c757d;
width: 3rem;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
border-color: #e24c4c;
}
.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
padding: 0.375rem 0.75rem;
}
.p-treeselect-panel {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-treeselect-panel .p-treeselect-header {
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #dee2e6;
color: #343a40;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
margin-right: 0.5rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
padding-right: 1.75rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
right: 0.75rem;
color: #6c757d;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
padding-right: 3.5rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
right: 2.5rem;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
padding: 0.75rem 1.25rem;
color: #495057;
background: transparent;
}
.p-input-filled .p-treeselect {
background: #e9ecef;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: #e9ecef;
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: #ffffff;
}
p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
padding-right: 1.75rem;
}
p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
color: #6c757d;
right: 3rem;
}
.p-button {
color: #ffffff;
background: #3B82F6;
border: 1px solid #3B82F6;
padding: 0.75rem 1.25rem;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
.p-button:enabled:hover {
background: #2563eb;
color: #ffffff;
border-color: #2563eb;
}
.p-button:enabled:active {
background: #1D4ED8;
color: #ffffff;
border-color: #1D4ED8;
}
.p-button.p-button-outlined {
background-color: transparent;
color: #3B82F6;
border: 1px solid;
}
.p-button.p-button-outlined:enabled:hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border: 1px solid;
}
.p-button.p-button-outlined:enabled:active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border: 1px solid;
}
.p-button.p-button-outlined.p-button-plain {
color: #6c757d;
border-color: #6c757d;
}
.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
.p-button.p-button-text {
background-color: transparent;
color: #3B82F6;
border-color: transparent;
}
.p-button.p-button-text:enabled:hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border-color: transparent;
}
.p-button.p-button-text:enabled:active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border-color: transparent;
}
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
.p-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
.p-button .p-button-icon-right {
margin-left: 0.5rem;
}
.p-button .p-button-icon-bottom {
margin-top: 0.5rem;
}
.p-button .p-button-icon-top {
margin-bottom: 0.5rem;
}
.p-button .p-badge {
margin-left: 0.5rem;
min-width: 1rem;
height: 1rem;
line-height: 1rem;
color: #3B82F6;
background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.p-button.p-button-rounded {
border-radius: 2rem;
}
.p-button.p-button-icon-only {
width: 3rem;
padding: 0.75rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
margin: 0;
}
.p-button.p-button-icon-only.p-button-rounded {
border-radius: 50%;
height: 3rem;
}
.p-button.p-button-sm {
font-size: 0.875rem;
padding: 0.65625rem 1.09375rem;
}
.p-button.p-button-sm .p-button-icon {
font-size: 0.875rem;
}
.p-button.p-button-lg {
font-size: 1.25rem;
padding: 0.9375rem 1.5625rem;
}
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
.p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0;
}
.p-fluid .p-button {
width: 100%;
}
.p-fluid .p-button-icon-only {
width: 3rem;
}
.p-fluid .p-buttonset {
display: flex;
}
.p-fluid .p-buttonset .p-button {
flex: 1;
}
.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #3B82F6;
border: 1px solid #3B82F6;
}
.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #2563EB;
color: #ffffff;
border-color: #2563EB;
}
.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #1D4ED8;
color: #ffffff;
border-color: #1D4ED8;
}
.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #3B82F6;
border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border: 1px solid;
}
.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #3B82F6;
border-color: transparent;
}
.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(59, 130, 246, 0.04);
border-color: transparent;
color: #3B82F6;
}
.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(59, 130, 246, 0.16);
border-color: transparent;
color: #3B82F6;
}
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #F59E0B;
border: 1px solid #F59E0B;
}
.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #D97706;
color: #ffffff;
border-color: #D97706;
}
.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #B45309;
color: #ffffff;
border-color: #B45309;
}
.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #F59E0B;
border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(245, 158, 11, 0.04);
color: #F59E0B;
border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(245, 158, 11, 0.16);
color: #F59E0B;
border: 1px solid;
}
.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #F59E0B;
border-color: transparent;
}
.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(245, 158, 11, 0.04);
border-color: transparent;
color: #F59E0B;
}
.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(245, 158, 11, 0.16);
border-color: transparent;
color: #F59E0B;
}
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
.p-button.p-button-link {
color: #1D4ED8;
background: transparent;
border: transparent;
}
.p-button.p-button-link:enabled:hover {
background: transparent;
color: #1D4ED8;
border-color: transparent;
}
.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: transparent;
}
.p-button.p-button-link:enabled:active {
background: transparent;
color: #1D4ED8;
border-color: transparent;
}
.p-speeddial-button.p-button.p-button-icon-only {
width: 4rem;
height: 4rem;
}
.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
font-size: 1.3rem;
}
.p-speeddial-action {
width: 3rem;
height: 3rem;
background: #495057;
color: #fff;
}
.p-speeddial-action:hover {
background: #022354;
color: #fff;
}
.p-speeddial-direction-up .p-speeddial-item {
margin: 0.25rem 0;
}
.p-speeddial-direction-up .p-speeddial-item:first-child {
margin-bottom: 0.5rem;
}
.p-speeddial-direction-down .p-speeddial-item {
margin: 0.25rem 0;
}
.p-speeddial-direction-down .p-speeddial-item:first-child {
margin-top: 0.5rem;
}
.p-speeddial-direction-left .p-speeddial-item {
margin: 0 0.25rem;
}
.p-speeddial-direction-left .p-speeddial-item:first-child {
margin-right: 0.5rem;
}
.p-speeddial-direction-right .p-speeddial-item {
margin: 0 0.25rem;
}
.p-speeddial-direction-right .p-speeddial-item:first-child {
margin-left: 0.5rem;
}
.p-speeddial-circle .p-speeddial-item,
.p-speeddial-semi-circle .p-speeddial-item,
.p-speeddial-quarter-circle .p-speeddial-item {
margin: 0;
}
.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
.p-speeddial-semi-circle .p-speeddial-item:first-child,
.p-speeddial-semi-circle .p-speeddial-item:last-child,
.p-speeddial-quarter-circle .p-speeddial-item:first-child,
.p-speeddial-quarter-circle .p-speeddial-item:last-child {
margin: 0;
}
.p-speeddial-mask {
background-color: rgba(0, 0, 0, 0.4);
}
.p-splitbutton {
border-radius: 6px;
}
.p-splitbutton.p-button-outlined > .p-button {
background-color: transparent;
color: #3B82F6;
border: 1px solid;
}
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
}
.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
color: #6c757d;
border-color: #6c757d;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
background: #e9ecef;
color: #6c757d;
}
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
background: #dee2e6;
color: #6c757d;
}
.p-splitbutton.p-button-text > .p-button {
background-color: transparent;
color: #3B82F6;
border-color: transparent;
}
.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border-color: transparent;
}
.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border-color: transparent;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button {
color: #6c757d;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
background: #e9ecef;
color: #6c757d;
}
.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
background: #dee2e6;
color: #6c757d;
}
.p-splitbutton.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.p-splitbutton.p-button-rounded {
border-radius: 2rem;
}
.p-splitbutton.p-button-rounded > .p-button {
border-radius: 2rem;
}
.p-splitbutton.p-button-sm > .p-button {
font-size: 0.875rem;
padding: 0.65625rem 1.09375rem;
}
.p-splitbutton.p-button-sm > .p-button .p-button-icon {
font-size: 0.875rem;
}
.p-splitbutton.p-button-lg > .p-button {
font-size: 1.25rem;
padding: 0.9375rem 1.5625rem;
}
.p-splitbutton.p-button-lg > .p-button .p-button-icon {
font-size: 1.25rem;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
background-color: transparent;
color: #3B82F6;
border: 1px solid;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
}
.p-splitbutton.p-button-info.p-button-text > .p-button {
background-color: transparent;
color: #3B82F6;
border-color: transparent;
}
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(59, 130, 246, 0.04);
border-color: transparent;
color: #3B82F6;
}
.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(59, 130, 246, 0.16);
border-color: transparent;
color: #3B82F6;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
}
.p-splitbutton.p-button-success.p-button-text > .p-button {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
background-color: transparent;
color: #F59E0B;
border: 1px solid;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(245, 158, 11, 0.04);
color: #F59E0B;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(245, 158, 11, 0.16);
color: #F59E0B;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button {
background-color: transparent;
color: #F59E0B;
border-color: transparent;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(245, 158, 11, 0.04);
border-color: transparent;
color: #F59E0B;
}
.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(245, 158, 11, 0.16);
border-color: transparent;
color: #F59E0B;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
}
.p-splitbutton.p-button-help.p-button-text > .p-button {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-carousel .p-carousel-content .p-carousel-prev:focus,
.p-carousel .p-carousel-content .p-carousel-next:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-carousel .p-carousel-indicators {
padding: 1rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
background-color: #ced4da;
width: 2rem;
height: 0.5rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: #adb5bd;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #EFF6FF;
color: #1D4ED8;
}
.p-datatable .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-datatable .p-paginator-bottom {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-datatable .p-datatable-header {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-datatable .p-datatable-footer {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-datatable .p-datatable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
font-weight: 700;
color: #343a40;
background: #f8f9fa;
transition: box-shadow 0.2s;
}
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
font-weight: 700;
color: #343a40;
background: #f8f9fa;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: #343a40;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #1D4ED8;
background: #EFF6FF;
margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #343a40;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #343a40;
}
.p-datatable .p-sortable-column.p-highlight {
background: #EFF6FF;
color: #1D4ED8;
}
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #1D4ED8;
}
.p-datatable .p-sortable-column.p-highlight:hover {
background: #EFF6FF;
color: #1D4ED8;
}
.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #1D4ED8;
}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
outline: 0 none;
}
.p-datatable .p-datatable-tbody > tr {
background: #ffffff;
color: #495057;
transition: box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td {
text-align: left;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
}
.p-datatable .p-datatable-tbody > tr:focus {
outline: 0.15rem solid #BFDBFE;
outline-offset: 0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #EFF6FF;
color: #1D4ED8;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #EFF6FF;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #EFF6FF;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
.p-datatable .p-column-resizer-helper {
background: #3B82F6;
}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
background: #f8f9fa;
}
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
background-color: #f8f9fa;
}
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fcfcfc;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #EFF6FF;
color: #1D4ED8;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #1D4ED8;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #1D4ED8;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-footer {
padding: 1.25rem 1.25rem;
}
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-dataview .p-paginator-bottom {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-dataview .p-dataview-header {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-dataview .p-dataview-content {
background: #ffffff;
color: #495057;
border: 0 none;
padding: 0;
}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: solid #dee2e6;
border-width: 0 0 1px 0;
}
.p-dataview .p-dataview-footer {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-dataview .p-dataview-loading-icon {
font-size: 2rem;
}
.p-dataview .p-dataview-emptymessage {
padding: 1.25rem;
}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
margin-left: 0.5rem;
}
.p-column-filter-menu-button {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-column-filter-menu-button:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
background: #e9ecef;
color: #343a40;
}
.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
background: #EFF6FF;
color: #1D4ED8;
}
.p-column-filter-menu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-column-filter-clear-button {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-column-filter-clear-button:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-column-filter-clear-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-column-filter-overlay {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
min-width: 12.5rem;
}
.p-column-filter-overlay .p-column-filter-row-items {
padding: 0.75rem 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
margin: 0;
padding: 0.75rem 1.25rem;
border: 0 none;
color: #495057;
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-column-filter-overlay-menu .p-column-filter-operator {
padding: 0.75rem 1.25rem;
border-bottom: 1px solid #dee2e6;
color: #343a40;
background: #f8f9fa;
margin: 0;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-column-filter-overlay-menu .p-column-filter-constraint {
padding: 1.25rem;
border-bottom: 1px solid #dee2e6;
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
margin-bottom: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
margin-top: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
border-bottom: 0 none;
}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
padding: 0.75rem 1.25rem;
}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
padding: 1.25rem;
}
.fc {
/* FullCalendar 4 */
/* FullCalendar 5 */
}
.fc.fc-unthemed .fc-view-container th {
background: #f8f9fa;
border: 1px solid #dee2e6;
color: #343a40;
}
.fc.fc-unthemed .fc-view-container td.fc-widget-content {
background: #ffffff;
border: 1px solid #dee2e6;
color: #495057;
}
.fc.fc-unthemed .fc-view-container td.fc-head-container {
border: 1px solid #dee2e6;
}
.fc.fc-unthemed .fc-view-container .fc-row {
border-right: 1px solid #dee2e6;
}
.fc.fc-unthemed .fc-view-container .fc-event {
background: #2563eb;
border: 1px solid #2563eb;
color: #ffffff;
}
.fc.fc-unthemed .fc-view-container .fc-divider {
background: #f8f9fa;
border: 1px solid #dee2e6;
}
.fc.fc-unthemed .fc-toolbar .fc-button {
color: #ffffff;
background: #3B82F6;
border: 1px solid #3B82F6;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
display: flex;
align-items: center;
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
background: #2563eb;
color: #ffffff;
border-color: #2563eb;
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
background: #1D4ED8;
color: #ffffff;
border-color: #1D4ED8;
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
font-family: "PrimeIcons" !important;
text-indent: 0;
font-size: 1rem;
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
content: "\e900";
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
font-family: "PrimeIcons" !important;
text-indent: 0;
font-size: 1rem;
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
content: "\e901";
}
.fc.fc-unthemed .fc-toolbar .fc-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #e9ecef;
border-color: #ced4da;
color: #495057;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
background: #3B82F6;
border-color: #3B82F6;
color: #ffffff;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #2563eb;
border-color: #2563eb;
color: #ffffff;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
z-index: 1;
}
.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
border-radius: 0;
}
.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
border-color: #dee2e6;
}
.fc.fc-theme-standard .fc-view-harness th {
background: #f8f9fa;
border-color: #dee2e6;
color: #343a40;
}
.fc.fc-theme-standard .fc-view-harness td {
color: #495057;
border-color: #dee2e6;
}
.fc.fc-theme-standard .fc-view-harness .fc-view {
background: #ffffff;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover {
background: none;
border: 0 none;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
border: 1px solid #dee2e6;
padding: 1.25rem;
background: #f8f9fa;
color: #343a40;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
font-family: "PrimeIcons" !important;
font-size: 1rem;
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
content: "\e90b";
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
padding: 1.25rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-top: 0 none;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
color: #ffffff;
background: #2563eb;
border-color: #2563eb;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
color: #ffffff;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
background: #2563eb;
border-color: #2563eb;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
background: #e9ecef;
color: #495057;
}
.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
background: #f8f9fa;
}
.fc.fc-theme-standard .fc-toolbar .fc-button {
color: #ffffff;
background: #3B82F6;
border: 1px solid #3B82F6;
font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
background: #2563eb;
color: #ffffff;
border-color: #2563eb;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
background: #1D4ED8;
color: #ffffff;
border-color: #1D4ED8;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
opacity: 0.6;
color: #ffffff;
background: #3B82F6;
border: 1px solid #3B82F6;
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
font-family: "PrimeIcons" !important;
text-indent: 0;
font-size: 1rem;
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
content: "\e900";
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
font-family: "PrimeIcons" !important;
text-indent: 0;
font-size: 1rem;
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
content: "\e901";
}
.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
background: #ffffff;
border: 1px solid #ced4da;
color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #e9ecef;
border-color: #ced4da;
color: #495057;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
background: #3B82F6;
border-color: #3B82F6;
color: #ffffff;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #2563eb;
border-color: #2563eb;
color: #ffffff;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
z-index: 1;
}
.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
border-radius: 0;
}
.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.fc.fc-theme-standard a {
color: #495057;
}
.fc.fc-theme-standard .fc-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-orderlist .p-orderlist-controls {
padding: 1.25rem;
}
.p-orderlist .p-orderlist-controls .p-button {
margin-bottom: 0.5rem;
}
.p-orderlist .p-orderlist-header {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
padding: 1.25rem;
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-orderlist .p-orderlist-header .p-orderlist-title {
font-weight: 700;
}
.p-orderlist .p-orderlist-filter-container {
padding: 1.25rem;
background: #ffffff;
border: 1px solid #dee2e6;
border-bottom: 0 none;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
padding-right: 1.75rem;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
right: 0.75rem;
color: #6c757d;
}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.75rem 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.75rem 1.25rem;
margin: 0;
border: 0 none;
color: #495057;
background: transparent;
transition: box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-orderlist .p-orderlist-list .p-orderlist-empty-message {
padding: 0.75rem 1.25rem;
color: #495057;
}
.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
background: #fcfcfc;
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
background: #e9ecef;
}
.p-orderlist-item.cdk-drag-preview {
padding: 0.75rem 1.25rem;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border: 0 none;
color: #495057;
background: #ffffff;
margin: 0;
}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #EFF6FF;
color: #1D4ED8;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
color: #70aeff;
}
.p-organizationchart .p-organizationchart-line-down {
background: #dee2e6;
}
.p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid #dee2e6;
border-color: #dee2e6;
}
.p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid #dee2e6;
border-color: #dee2e6;
}
.p-organizationchart .p-organizationchart-node-content {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 1.25rem;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
background: inherit;
color: inherit;
border-radius: 50%;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-paginator {
background: #ffffff;
color: #6c757d;
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
border-radius: 6px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
background-color: transparent;
border: 0 none;
color: #6c757d;
min-width: 3rem;
height: 3rem;
margin: 0.143rem;
transition: box-shadow 0.2s;
border-radius: 50%;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: transparent;
color: #343a40;
}
.p-paginator .p-paginator-first {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.p-paginator .p-paginator-last {
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
padding-right: 0;
}
.p-paginator .p-paginator-page-input {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.p-paginator .p-paginator-page-input .p-inputtext {
max-width: 3rem;
}
.p-paginator .p-paginator-current {
background-color: transparent;
border: 0 none;
color: #6c757d;
min-width: 3rem;
height: 3rem;
margin: 0.143rem;
padding: 0 0.5rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
background-color: transparent;
border: 0 none;
color: #6c757d;
min-width: 3rem;
height: 3rem;
margin: 0.143rem;
transition: box-shadow 0.2s;
border-radius: 50%;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #EFF6FF;
border-color: #EFF6FF;
color: #1D4ED8;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #e9ecef;
border-color: transparent;
color: #343a40;
}
.p-picklist .p-picklist-buttons {
padding: 1.25rem;
}
.p-picklist .p-picklist-buttons .p-button {
margin-bottom: 0.5rem;
}
.p-picklist .p-picklist-header {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
padding: 1.25rem;
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-picklist .p-picklist-header .p-picklist-title {
font-weight: 700;
}
.p-picklist .p-picklist-filter-container {
padding: 1.25rem;
background: #ffffff;
border: 1px solid #dee2e6;
border-bottom: 0 none;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
padding-right: 1.75rem;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
right: 0.75rem;
color: #6c757d;
}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 0.75rem 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-picklist .p-picklist-list .p-picklist-item {
padding: 0.75rem 1.25rem;
margin: 0;
border: 0 none;
color: #495057;
background: transparent;
transition: box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
color: #1D4ED8;
background: #EFF6FF;
}
.p-picklist .p-picklist-list .p-picklist-empty-message {
padding: 0.75rem 1.25rem;
color: #495057;
}
.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
background: #fcfcfc;
}
.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
background: #e9ecef;
}
.p-picklist-item.cdk-drag-preview {
padding: 0.75rem 1.25rem;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border: 0 none;
color: #495057;
background: #ffffff;
margin: 0;
}
.p-timeline .p-timeline-event-marker {
border: 2px solid #3B82F6;
border-radius: 50%;
width: 1rem;
height: 1rem;
background-color: #ffffff;
}
.p-timeline .p-timeline-event-connector {
background-color: #dee2e6;
}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
padding: 0 1rem;
}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
width: 2px;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
padding: 1rem 0;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
height: 2px;
}
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
padding: 1.25rem;
border-radius: 6px;
}
.p-tree .p-tree-container .p-treenode {
padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 6px;
transition: box-shadow 0.2s;
padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem;
color: #6c757d;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
margin-right: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: #EFF6FF;
color: #1D4ED8;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: #1D4ED8;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
color: #1D4ED8;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
background: #e9ecef;
color: #495057;
}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
.p-tree .p-tree-filter-container .p-tree-filter {
width: 100%;
padding-right: 1.75rem;
}
.p-tree .p-tree-filter-container .p-tree-filter-icon {
right: 0.75rem;
color: #6c757d;
}
.p-tree .p-treenode-children {
padding: 0 0 0 1rem;
}
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
background-color: #8cbeff;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
border-radius: 6px;
border: 1px solid #dee2e6;
background-color: #ffffff;
color: #495057;
padding: 0.5rem;
transition: box-shadow 0.2s;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
background-color: #EFF6FF;
color: #1D4ED8;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: #1D4ED8;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
background-color: inherit;
color: inherit;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-treetable .p-paginator-bottom {
border-width: 0 0 1px 0;
border-radius: 0;
}
.p-treetable .p-treetable-header {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-treetable .p-treetable-footer {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-treetable .p-treetable-thead > tr > th {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
font-weight: 700;
color: #343a40;
background: #f8f9fa;
transition: box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
font-weight: 700;
color: #343a40;
background: #f8f9fa;
}
.p-treetable .p-sortable-column {
outline-color: #BFDBFE;
}
.p-treetable .p-sortable-column .p-sortable-column-icon {
color: #343a40;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column .p-sortable-column-badge {
border-radius: 50%;
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
color: #1D4ED8;
background: #EFF6FF;
margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #343a40;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #343a40;
}
.p-treetable .p-sortable-column.p-highlight {
background: #EFF6FF;
color: #1D4ED8;
}
.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #1D4ED8;
}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
color: #495057;
transition: box-shadow 0.2s;
}
.p-treetable .p-treetable-tbody > tr > td {
text-align: left;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
color: #495057;
}
.p-treetable .p-treetable-tbody > tr:focus {
outline: 0.15rem solid #BFDBFE;
outline-offset: -0.15rem;
}
.p-treetable .p-treetable-tbody > tr.p-highlight {
background: #EFF6FF;
color: #1D4ED8;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
color: #1D4ED8;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #1D4ED8;
}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #495057;
}
.p-treetable .p-column-resizer-helper {
background: #3B82F6;
}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
background: #f8f9fa;
}
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.875rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-footer {
padding: 1.25rem 1.25rem;
}
.p-virtualscroller .p-virtualscroller-header {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
border-width: 1px 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
}
.p-virtualscroller .p-virtualscroller-content {
background: #ffffff;
color: #495057;
border: 0 none;
padding: 0;
}
.p-virtualscroller .p-virtualscroller-footer {
background: #f8f9fa;
color: #343a40;
border: 1px solid #dee2e6;
border-width: 0 0 1px 0;
padding: 1rem 1rem;
font-weight: 700;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #dee2e6;
color: #6c757d;
background: #f8f9fa;
font-weight: 700;
border-radius: 6px;
transition: box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
margin-right: 0.5rem;
}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
border-color: #dee2e6;
color: #343a40;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: #f8f9fa;
border-color: #dee2e6;
color: #343a40;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: #dee2e6;
background: #e9ecef;
color: #343a40;
}
.p-accordion .p-accordion-content {
padding: 1.25rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-accordion p-accordiontab .p-accordion-tab {
margin-bottom: 4px;
}
.p-card {
background: #ffffff;
color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 6px;
}
.p-card .p-card-body {
padding: 1.25rem;
}
.p-card .p-card-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
.p-card .p-card-subtitle {
font-weight: 400;
margin-bottom: 0.5rem;
color: #6c757d;
}
.p-card .p-card-content {
padding: 1.25rem 0;
}
.p-card .p-card-footer {
padding: 1.25rem 0 0 0;
}
.p-divider .p-divider-content {
background-color: #ffffff;
}
.p-divider.p-divider-horizontal {
margin: 1.25rem 0;
padding: 0 1.25rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px #dee2e6;
}
.p-divider.p-divider-horizontal .p-divider-content {
padding: 0 0.5rem;
}
.p-divider.p-divider-vertical {
margin: 0 1.25rem;
padding: 1.25rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px #dee2e6;
}
.p-divider.p-divider-vertical .p-divider-content {
padding: 0.5rem 0;
}
.p-fieldset {
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-radius: 6px;
}
.p-fieldset .p-fieldset-legend {
padding: 1.25rem;
border: 1px solid #dee2e6;
color: #343a40;
background: #f8f9fa;
font-weight: 700;
border-radius: 6px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1.25rem;
color: #343a40;
border-radius: 6px;
transition: box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
margin-right: 0.5rem;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
color: #343a40;
}
.p-fieldset .p-fieldset-content {
padding: 1.25rem;
}
.p-panel .p-panel-header {
border: 1px solid #dee2e6;
padding: 1.25rem;
background: #f8f9fa;
color: #343a40;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-panel .p-panel-header .p-panel-title {
font-weight: 700;
}
.p-panel .p-panel-header .p-panel-header-icon {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-panel.p-panel-toggleable .p-panel-header {
padding: 0.75rem 1.25rem;
}
.p-panel .p-panel-content {
padding: 1.25rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border-top: 0 none;
}
.p-panel .p-panel-footer {
padding: 0.75rem 1.25rem;
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
border-top: 0 none;
}
.p-panel .p-panel-icons-end {
order: 2;
margin-left: auto;
}
.p-panel .p-panel-icons-start {
order: 0;
margin-right: 0.5rem;
}
.p-panel .p-panel-icons-center {
order: 2;
width: 100%;
text-align: center;
}
.p-scrollpanel .p-scrollpanel-bar {
background: #f8f9fa;
border: 0 none;
}
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
border-radius: 6px;
color: #495057;
}
.p-splitter .p-splitter-gutter {
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
background: #f8f9fa;
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li {
margin-right: 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
border: solid #dee2e6;
border-width: 0 0 2px 0;
border-color: transparent transparent #dee2e6 transparent;
background: #ffffff;
color: #6c757d;
padding: 1.25rem;
font-weight: 700;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #BFDBFE;
}
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
background: #ffffff;
border-color: #adb5bd;
color: #6c757d;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
background: #ffffff;
border-color: #3B82F6;
color: #3B82F6;
}
.p-tabview .p-tabview-left-icon {
margin-right: 0.5rem;
}
.p-tabview .p-tabview-right-icon {
margin-left: 0.5rem;
}
.p-tabview .p-tabview-close {
margin-left: 0.5rem;
}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #3B82F6;
width: 3rem;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border-radius: 0;
}
.p-tabview .p-tabview-nav-btn.p-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #BFDBFE;
}
.p-tabview .p-tabview-panels {
background: #ffffff;
padding: 1.25rem;
border: 0 none;
color: #495057;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-toolbar {
background: #f8f9fa;
border: 1px solid #dee2e6;
padding: 1.25rem;
border-radius: 6px;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
}
.p-confirm-popup {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.p-confirm-popup .p-confirm-popup-content {
padding: 1.25rem;
}
.p-confirm-popup .p-confirm-popup-footer {
text-align: right;
padding: 0.75rem 1.25rem;
}
.p-confirm-popup .p-confirm-popup-footer button {
margin: 0 0.5rem 0 0;
width: auto;
}
.p-confirm-popup .p-confirm-popup-footer button:last-child {
margin: 0;
}
.p-confirm-popup:after {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
}
.p-confirm-popup:before {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
}
.p-confirm-popup.p-confirm-popup-flipped:after {
border-top-color: #ffffff;
}
.p-confirm-popup.p-confirm-popup-flipped:before {
border-top-color: #ffffff;
}
.p-confirm-popup .p-confirm-popup-icon {
font-size: 1.5rem;
}
.p-confirm-popup .p-confirm-popup-message {
margin-left: 1rem;
}
.p-dialog {
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
border: 0 none;
}
.p-dialog .p-dialog-header {
border-bottom: 0 none;
background: #ffffff;
color: #343a40;
padding: 1.5rem;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-dialog .p-dialog-header .p-dialog-title {
font-weight: 700;
font-size: 1.25rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
margin-right: 0;
}
.p-dialog .p-dialog-content {
background: #ffffff;
color: #495057;
padding: 0 1.5rem 2rem 1.5rem;
}
.p-dialog .p-dialog-footer {
border-top: 0 none;
background: #ffffff;
color: #495057;
padding: 0 1.5rem 1.5rem 1.5rem;
text-align: right;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0;
width: auto;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
font-size: 2rem;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
margin-left: 1rem;
}
.p-overlaypanel {
background: #ffffff;
color: #495057;
border: 0 none;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.p-overlaypanel .p-overlaypanel-content {
padding: 1.25rem;
}
.p-overlaypanel .p-overlaypanel-close {
background: #3B82F6;
color: #ffffff;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute;
top: -1rem;
right: -1rem;
}
.p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #2563eb;
color: #ffffff;
}
.p-overlaypanel:after {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
}
.p-overlaypanel:before {
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
}
.p-overlaypanel.p-overlaypanel-flipped:after {
border-top-color: #ffffff;
}
.p-overlaypanel.p-overlaypanel-flipped:before {
border-top-color: #ffffff;
}
.p-sidebar {
background: #ffffff;
color: #495057;
border: 0 none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.p-sidebar .p-sidebar-header {
padding: 1.25rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
width: 2rem;
height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
color: #343a40;
border-color: transparent;
background: #e9ecef;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-sidebar .p-sidebar-header + .p-sidebar-content {
padding-top: 0;
}
.p-sidebar .p-sidebar-content {
padding: 1.25rem;
}
.p-tooltip .p-tooltip-text {
background: #495057;
color: #ffffff;
padding: 0.75rem 0.75rem;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057;
}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
border-left-color: #495057;
}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
border-top-color: #495057;
}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
border-bottom-color: #495057;
}
.p-fileupload .p-fileupload-buttonbar {
background: #f8f9fa;
padding: 1.25rem;
border: 1px solid #dee2e6;
color: #343a40;
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
}
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
padding: 2rem 1rem;
border: 1px solid #dee2e6;
color: #495057;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
.p-fileupload .p-fileupload-row > div {
padding: 1rem 1rem;
}
.p-fileupload.p-fileupload-advanced .p-message {
margin-top: 0;
}
.p-fileupload-choose:not(.p-disabled):hover {
background: #2563eb;
color: #ffffff;
border-color: #2563eb;
}
.p-fileupload-choose:not(.p-disabled):active {
background: #1D4ED8;
color: #ffffff;
border-color: #1D4ED8;
}
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 6px;
padding: 1rem;
}
.p-breadcrumb ul li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 6px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
color: #6c757d;
}
.p-contextmenu {
padding: 0.25rem 0;
background: #ffffff;
color: #495057;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
width: 12.5rem;
}
.p-contextmenu .p-menuitem-link {
padding: 0.75rem 1.25rem;
color: #495057;
border-radius: 0;
transition: box-shadow 0.2s;
-webkit-user-select: none;
user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-contextmenu .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-contextmenu .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-contextmenu .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
}
.p-contextmenu .p-menuitem:last-child {
margin: 0;
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #EFF6FF;
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
color: #1D4ED8;
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
color: #1D4ED8;
}
.p-contextmenu .p-menu-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
font-size: 0.875rem;
}
.p-dock .p-dock-list {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 0.5rem 0.5rem;
border-radius: 0.5rem;
}
.p-dock .p-dock-item {
padding: 0.5rem;
}
.p-dock .p-dock-action {
width: 4rem;
height: 4rem;
}
.p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
margin: 0 0.9rem;
}
.p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
margin: 0 1.3rem;
}
.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
margin: 0 1.5rem;
}
.p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
margin: 0.9rem 0;
}
.p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
margin: 1.3rem 0;
}
.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
margin: 1.5rem 0;
}
@media screen and (max-width: 960px) {
.p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
.p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
.p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
.p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
.p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
}
.p-megamenu {
padding: 0.5rem;
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 6px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1.25rem;
color: #495057;
border-radius: 6px;
transition: box-shadow 0.2s;
-webkit-user-select: none;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
color: #6c757d;
margin-left: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #EFF6FF;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #1D4ED8;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #1D4ED8;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #1D4ED8;
}
.p-megamenu .p-menuitem-link {
padding: 0.75rem 1.25rem;
color: #495057;
border-radius: 0;
transition: box-shadow 0.2s;
-webkit-user-select: none;
user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-megamenu .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-megamenu .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-megamenu .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-megamenu .p-megamenu-panel {
background: #ffffff;
color: #495057;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu .p-megamenu-submenu-header {
margin: 0;
padding: 0.75rem 1.25rem;
color: #343a40;
background: #ffffff;
font-weight: 700;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0;
width: 12.5rem;
}
.p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-megamenu .p-megamenu-submenu .p-menuitem {
margin: 0;
}
.p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
margin: 0;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #EFF6FF;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
color: #1D4ED8;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
color: #1D4ED8;
}
.p-megamenu.p-megamenu-vertical {
width: 12.5rem;
padding: 0.25rem 0;
}
.p-megamenu.p-megamenu-vertical .p-menuitem {
margin: 0;
}
.p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
margin: 0;
}
.p-menu {
padding: 0.25rem 0;
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 6px;
width: 12.5rem;
}
.p-menu .p-menuitem-link {
padding: 0.75rem 1.25rem;
color: #495057;
border-radius: 0;
transition: box-shadow 0.2s;
-webkit-user-select: none;
user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-menu .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-menu .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-menu .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-menu.p-menu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-menu .p-submenu-header {
margin: 0;
padding: 0.75rem 1.25rem;
color: #343a40;
background: #ffffff;
font-weight: 700;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.p-menu .p-menu-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menu .p-menuitem {
margin: 0;
}
.p-menu .p-menuitem:last-child {
margin: 0;
}
.p-menubar {
padding: 0.5rem;
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 6px;
}
.p-menubar .p-menuitem-link {
padding: 0.75rem 1.25rem;
color: #495057;
border-radius: 0;
transition: box-shadow 0.2s;
-webkit-user-select: none;
user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-menubar .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-menubar .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-menubar .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1.25rem;
color: #495057;
border-radius: 6px;
transition: box-shadow 0.2s;
-webkit-user-select: none;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
color: #6c757d;
margin-left: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: #EFF6FF;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #1D4ED8;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #1D4ED8;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #1D4ED8;
}
.p-menubar .p-submenu-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-menubar .p-submenu-list .p-menuitem {
margin: 0;
}
.p-menubar .p-submenu-list .p-menuitem:last-child {
margin: 0;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #EFF6FF;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
color: #1D4ED8;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
color: #1D4ED8;
}
@media screen and (max-width: 960px) {
.p-menubar {
position: relative;
}
.p-menubar .p-menubar-button {
display: flex;
width: 2rem;
height: 2rem;
color: #6c757d;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-menubar .p-menubar-button:hover {
color: #6c757d;
background: #e9ecef;
}
.p-menubar .p-menubar-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-menubar .p-menubar-root-list {
position: absolute;
display: none;
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
width: 100%;
}
.p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem {
width: 100%;
position: static;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1.25rem;
color: #495057;
border-radius: 0;
transition: box-shadow 0.2s;
-webkit-user-select: none;
user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
width: 100%;
position: static;
box-shadow: none;
border: 0 none;
}
.p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
.p-menubar .p-menubar-root-list ul li a {
padding-left: 2.25rem;
}
.p-menubar .p-menubar-root-list ul li ul li a {
padding-left: 3.75rem;
}
.p-menubar .p-menubar-root-list ul li ul li ul li a {
padding-left: 5.25rem;
}
.p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
padding-left: 6.75rem;
}
.p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
display: flex;
flex-direction: column;
top: 100%;
left: 0;
z-index: 1;
}
}
.p-panelmenu .p-panelmenu-header > a {
padding: 1.25rem;
border: 1px solid #dee2e6;
color: #6c757d;
background: #f8f9fa;
font-weight: 700;
border-radius: 6px;
transition: box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-header > a:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #e9ecef;
border-color: #dee2e6;
color: #343a40;
}
.p-panelmenu .p-panelmenu-header.p-highlight {
margin-bottom: 0;
}
.p-panelmenu .p-panelmenu-header.p-highlight > a {
background: #f8f9fa;
border-color: #dee2e6;
color: #343a40;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
border-color: #dee2e6;
background: #e9ecef;
color: #343a40;
}
.p-panelmenu .p-panelmenu-content {
padding: 0.25rem 0;
border: 1px solid #dee2e6;
background: #ffffff;
color: #495057;
margin-bottom: 4px;
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1.25rem;
color: #495057;
border-radius: 0;
transition: box-shadow 0.2s;
-webkit-user-select: none;
user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
padding: 0 0 0 1rem;
}
.p-panelmenu .p-panelmenu-panel {
margin-bottom: 4px;
}
.p-slidemenu {
padding: 0.25rem 0;
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 6px;
width: 12.5rem;
}
.p-slidemenu .p-menuitem-link {
padding: 0.75rem 1.25rem;
color: #495057;
border-radius: 0;
transition: box-shadow 0.2s;
-webkit-user-select: none;
user-select: none;
}
.p-slidemenu .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-slidemenu .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-slidemenu .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-slidemenu .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-slidemenu.p-slidemenu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-slidemenu .p-slidemenu-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
background: #EFF6FF;
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
color: #1D4ED8;
}
.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
color: #1D4ED8;
}
.p-slidemenu .p-slidemenu-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-slidemenu .p-slidemenu-icon {
font-size: 0.875rem;
}
.p-slidemenu .p-slidemenu-backward {
padding: 0.75rem 1.25rem;
color: #495057;
}
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 6px;
background: #ffffff;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
color: #495057;
border: 1px solid #e9ecef;
background: #ffffff;
min-width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1.143rem;
z-index: 1;
border-radius: 50%;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
margin-top: 0.5rem;
color: #6c757d;
}
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #EFF6FF;
color: #1D4ED8;
}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
color: #495057;
}
.p-steps .p-steps-item:before {
content: " ";
border-top: 1px solid #dee2e6;
width: 100%;
top: 50%;
left: 0;
display: block;
position: absolute;
margin-top: -1rem;
}
.p-tabmenu .p-tabmenu-nav {
background: #ffffff;
border: 1px solid #dee2e6;
border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
margin-right: 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
border: solid #dee2e6;
border-width: 0 0 2px 0;
border-color: transparent transparent #dee2e6 transparent;
background: #ffffff;
color: #6c757d;
padding: 1.25rem;
font-weight: 700;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #BFDBFE;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
background: #ffffff;
border-color: #adb5bd;
color: #6c757d;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
background: #ffffff;
border-color: #3B82F6;
color: #3B82F6;
}
.p-tabmenu .p-tabmenu-left-icon {
margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-right-icon {
margin-left: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav-btn.p-link {
background: #ffffff;
color: #3B82F6;
width: 3rem;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border-radius: 0;
}
.p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.2rem #BFDBFE;
}
.p-tieredmenu {
padding: 0.25rem 0;
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
border-radius: 6px;
width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
padding: 0.75rem 1.25rem;
color: #495057;
border-radius: 0;
transition: box-shadow 0.2s;
-webkit-user-select: none;
user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
color: #495057;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
margin-right: 0.5rem;
}
.p-tieredmenu .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
background: #e9ecef;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: #495057;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
color: #6c757d;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
color: #6c757d;
}
.p-tieredmenu .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-tieredmenu.p-tieredmenu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-tieredmenu .p-submenu-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-tieredmenu .p-menuitem {
margin: 0;
}
.p-tieredmenu .p-menuitem:last-child {
margin: 0;
}
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
background: #EFF6FF;
}
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
color: #1D4ED8;
}
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
color: #1D4ED8;
}
.p-tieredmenu .p-menu-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
font-size: 0.875rem;
}
.p-inline-message {
padding: 0.75rem 0.75rem;
margin: 0;
border-radius: 6px;
}
.p-inline-message.p-inline-message-info {
background: #e9e9ff;
border: solid #696cff;
border-width: 0px;
color: #696cff;
}
.p-inline-message.p-inline-message-info .p-inline-message-icon {
color: #696cff;
}
.p-inline-message.p-inline-message-success {
background: #e4f8f0;
border: solid #1ea97c;
border-width: 0px;
color: #1ea97c;
}
.p-inline-message.p-inline-message-success .p-inline-message-icon {
color: #1ea97c;
}
.p-inline-message.p-inline-message-warn {
background: #fff2e2;
border: solid #cc8925;
border-width: 0px;
color: #cc8925;
}
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
color: #cc8925;
}
.p-inline-message.p-inline-message-error {
background: #ffe7e6;
border: solid #ff5757;
border-width: 0px;
color: #ff5757;
}
.p-inline-message.p-inline-message-error .p-inline-message-icon {
color: #ff5757;
}
.p-inline-message .p-inline-message-icon {
font-size: 1rem;
margin-right: 0.5rem;
}
.p-inline-message .p-inline-message-text {
font-size: 1rem;
}
.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
margin-right: 0;
}
.p-message {
margin: 1rem 0;
border-radius: 6px;
}
.p-message .p-message-wrapper {
padding: 1.25rem 1.75rem;
}
.p-message .p-message-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-message.p-message-info {
background: #e9e9ff;
border: solid #696cff;
border-width: 0 0 0 6px;
color: #696cff;
}
.p-message.p-message-info .p-message-icon {
color: #696cff;
}
.p-message.p-message-info .p-message-close {
color: #696cff;
}
.p-message.p-message-success {
background: #e4f8f0;
border: solid #1ea97c;
border-width: 0 0 0 6px;
color: #1ea97c;
}
.p-message.p-message-success .p-message-icon {
color: #1ea97c;
}
.p-message.p-message-success .p-message-close {
color: #1ea97c;
}
.p-message.p-message-warn {
background: #fff2e2;
border: solid #cc8925;
border-width: 0 0 0 6px;
color: #cc8925;
}
.p-message.p-message-warn .p-message-icon {
color: #cc8925;
}
.p-message.p-message-warn .p-message-close {
color: #cc8925;
}
.p-message.p-message-error {
background: #ffe7e6;
border: solid #ff5757;
border-width: 0 0 0 6px;
color: #ff5757;
}
.p-message.p-message-error .p-message-icon {
color: #ff5757;
}
.p-message.p-message-error .p-message-close {
color: #ff5757;
}
.p-message .p-message-text {
font-size: 1rem;
font-weight: 400;
}
.p-message .p-message-icon {
font-size: 1.5rem;
margin-right: 0.5rem;
}
.p-message .p-message-summary {
font-weight: 700;
}
.p-message .p-message-detail {
margin-left: 0.5rem;
}
.p-toast {
opacity: 0.9;
}
.p-toast .p-toast-message {
margin: 0 0 1rem 0;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
.p-toast .p-toast-message .p-toast-message-content {
padding: 1rem;
border-width: 0 0 0 6px;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
margin: 0 0 0 1rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
font-size: 2rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
font-weight: 700;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
margin: 0.5rem 0 0 0;
}
.p-toast .p-toast-message .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-toast .p-toast-message .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-message .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-toast .p-toast-message.p-toast-message-info {
background: #e9e9ff;
border: solid #696cff;
border-width: 0 0 0 6px;
color: #696cff;
}
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
color: #696cff;
}
.p-toast .p-toast-message.p-toast-message-success {
background: #e4f8f0;
border: solid #1ea97c;
border-width: 0 0 0 6px;
color: #1ea97c;
}
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
color: #1ea97c;
}
.p-toast .p-toast-message.p-toast-message-warn {
background: #fff2e2;
border: solid #cc8925;
border-width: 0 0 0 6px;
color: #cc8925;
}
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
color: #cc8925;
}
.p-toast .p-toast-message.p-toast-message-error {
background: #ffe7e6;
border: solid #ff5757;
border-width: 0 0 0 6px;
color: #ff5757;
}
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
color: #ff5757;
}
.p-galleria .p-galleria-close {
margin: 0.5rem;
background: transparent;
color: #f8f9fa;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
}
.p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
.p-galleria .p-galleria-item-nav {
background: transparent;
color: #f8f9fa;
width: 4rem;
height: 4rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 6px;
margin: 0 0.5rem;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
.p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5);
color: #f8f9fa;
padding: 1rem;
}
.p-galleria .p-galleria-indicators {
padding: 1rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button {
background-color: #ced4da;
width: 1rem;
height: 1rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: #adb5bd;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #EFF6FF;
color: #1D4ED8;
}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
margin-right: 0.5rem;
}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
margin-bottom: 0.5rem;
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
background: rgba(0, 0, 0, 0.5);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
background: rgba(255, 255, 255, 0.4);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.6);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #EFF6FF;
color: #1D4ED8;
}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
padding: 1rem 0.25rem;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem;
background-color: transparent;
color: #f8f9fa;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-galleria-mask {
--maskbg: rgba(0, 0, 0, 0.9);
}
.p-image-mask {
--maskbg: rgba(0, 0, 0, 0.9);
}
.p-image-preview-indicator {
background-color: transparent;
color: #f8f9fa;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-image-preview-container:hover > .p-image-preview-indicator {
background-color: rgba(0, 0, 0, 0.5);
}
.p-image-toolbar {
padding: 1rem;
}
.p-image-action.p-link {
color: #f8f9fa;
background-color: transparent;
width: 3rem;
height: 3rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem;
}
.p-image-action.p-link:last-child {
margin-right: 0;
}
.p-image-action.p-link:hover {
color: #f8f9fa;
background-color: rgba(255, 255, 255, 0.1);
}
.p-image-action.p-link i {
font-size: 1.5rem;
}
.p-avatar {
background-color: #dee2e6;
border-radius: 6px;
}
.p-avatar.p-avatar-lg {
width: 3rem;
height: 3rem;
font-size: 1.5rem;
}
.p-avatar.p-avatar-lg .p-avatar-icon {
font-size: 1.5rem;
}
.p-avatar.p-avatar-xl {
width: 4rem;
height: 4rem;
font-size: 2rem;
}
.p-avatar.p-avatar-xl .p-avatar-icon {
font-size: 2rem;
}
.p-avatar-group .p-avatar {
border: 2px solid #ffffff;
}
.p-badge {
background: #3B82F6;
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
}
.p-badge.p-badge-secondary {
background-color: #64748B;
color: #ffffff;
}
.p-badge.p-badge-success {
background-color: #22C55E;
color: #ffffff;
}
.p-badge.p-badge-info {
background-color: #3B82F6;
color: #ffffff;
}
.p-badge.p-badge-warning {
background-color: #F59E0B;
color: #ffffff;
}
.p-badge.p-badge-danger {
background-color: #EF4444;
color: #ffffff;
}
.p-badge.p-badge-lg {
font-size: 1.125rem;
min-width: 2.25rem;
height: 2.25rem;
line-height: 2.25rem;
}
.p-badge.p-badge-xl {
font-size: 1.5rem;
min-width: 3rem;
height: 3rem;
line-height: 3rem;
}
.p-chip {
background-color: #dee2e6;
color: #495057;
border-radius: 16px;
padding: 0 0.75rem;
}
.p-chip .p-chip-text {
line-height: 1.5;
margin-top: 0.375rem;
margin-bottom: 0.375rem;
}
.p-chip .p-chip-icon {
margin-right: 0.5rem;
}
.p-chip .pi-chip-remove-icon {
margin-left: 0.5rem;
}
.p-chip img {
width: 2.25rem;
height: 2.25rem;
margin-left: -0.75rem;
margin-right: 0.5rem;
}
.p-chip .pi-chip-remove-icon {
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-chip .pi-chip-remove-icon:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-inplace .p-inplace-display {
padding: 0.75rem 0.75rem;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
background: #e9ecef;
color: #495057;
}
.p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-progressbar {
border: 0 none;
height: 1.5rem;
background: #dee2e6;
border-radius: 6px;
}
.p-progressbar .p-progressbar-value {
border: 0 none;
margin: 0;
background: #3B82F6;
}
.p-progressbar .p-progressbar-label {
color: #ffffff;
line-height: 1.5rem;
}
.p-scrolltop {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-scrolltop.p-link {
background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
font-size: 1.5rem;
color: #f8f9fa;
}
.p-skeleton {
background-color: #dee2e6;
border-radius: 6px;
}
.p-skeleton:after {
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.p-tag {
background: #3B82F6;
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: 6px;
}
.p-tag.p-tag-success {
background-color: #22C55E;
color: #ffffff;
}
.p-tag.p-tag-info {
background-color: #3B82F6;
color: #ffffff;
}
.p-tag.p-tag-warning {
background-color: #F59E0B;
color: #ffffff;
}
.p-tag.p-tag-danger {
background-color: #EF4444;
color: #ffffff;
}
.p-tag .p-tag-icon {
margin-right: 0.25rem;
font-size: 0.75rem;
}
.p-terminal {
background: #ffffff;
color: #495057;
border: 1px solid #dee2e6;
padding: 1.25rem;
}
.p-terminal .p-terminal-input {
font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.p-button-label {
font-weight: 700;
}
.p-accordion .p-accordion-header .p-accordion-header-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-tabview .p-tabview-nav .p-tabview-ink-bar {
z-index: 1;
display: block;
position: absolute;
bottom: 0;
height: 2px;
background-color: #3B82F6;
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #3B82F6;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: #3B82F6;
}
.p-button:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
}
.p-button.p-button-secondary:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
}
.p-button.p-button-success:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
}
.p-button.p-button-info:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
}
.p-button.p-button-warning:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
}
.p-button.p-button-help:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
}
.p-button.p-button-danger:enabled:focus {
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #3B82F6;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #3B82F6;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.min.css ***!
\****************************************************************************************************************************************************************************************************************************************/
.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.png') no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}
/*# sourceMappingURL=styles.css.map*/