/* Minification failed. Returning unminified contents.
(20912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20945,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30249,25): run-time error CSS1030: Expected identifier, found 'button'
(30249,31): run-time error CSS1031: Expected selector, found ')'
(30249,31): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* MaterialDesignIcons.com */

@font-face {
    font-family: "Material Design Icons";
    src: url("../fonts/materialdesignicons-webfont.eot?v=2.8.94");
    src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=2.8.94") format("embedded-opentype"),url("../fonts/materialdesignicons-webfont.woff2?v=2.8.94") format("woff2"),url("../fonts/materialdesignicons-webfont.woff?v=2.8.94") format("woff"),url("../fonts/materialdesignicons-webfont.ttf?v=2.8.94") format("truetype"),url("../fonts/materialdesignicons-webfont.svg?v=2.8.94#materialdesigniconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.mdi:before, .mdi-set {
    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-multiple:before {
    content: "\F933";
}

.mdi-account-box-outline:before {
    content: "\F007";
}

.mdi-account-card-details:before {
    content: "\F5D2";
}

.mdi-account-check:before {
    content: "\F008";
}

.mdi-account-child:before {
    content: "\FA88";
}

.mdi-account-child-circle:before {
    content: "\FA89";
}

.mdi-account-circle:before {
    content: "\F009";
}

.mdi-account-convert:before {
    content: "\F00A";
}

.mdi-account-details:before {
    content: "\F631";
}

.mdi-account-edit:before {
    content: "\F6BB";
}

.mdi-account-group:before {
    content: "\F848";
}

.mdi-account-heart:before {
    content: "\F898";
}

.mdi-account-key:before {
    content: "\F00B";
}

.mdi-account-location:before {
    content: "\F00C";
}

.mdi-account-minus:before {
    content: "\F00D";
}

.mdi-account-minus-outline:before {
    content: "\FAEB";
}

.mdi-account-multiple:before {
    content: "\F00E";
}

.mdi-account-multiple-check:before {
    content: "\F8C4";
}

.mdi-account-multiple-minus:before {
    content: "\F5D3";
}

.mdi-account-multiple-outline:before {
    content: "\F00F";
}

.mdi-account-multiple-plus:before {
    content: "\F010";
}

.mdi-account-multiple-plus-outline:before {
    content: "\F7FF";
}

.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-plus-outline:before {
    content: "\F800";
}

.mdi-account-remove:before {
    content: "\F015";
}

.mdi-account-remove-outline:before {
    content: "\FAEC";
}

.mdi-account-search:before {
    content: "\F016";
}

.mdi-account-search-outline:before {
    content: "\F934";
}

.mdi-account-settings:before {
    content: "\F630";
}

.mdi-account-star:before {
    content: "\F017";
}

.mdi-account-supervisor:before {
    content: "\FA8A";
}

.mdi-account-supervisor-circle:before {
    content: "\FA8B";
}

.mdi-account-switch:before {
    content: "\F019";
}

.mdi-accusoft:before {
    content: "\F849";
}

.mdi-adjust:before {
    content: "\F01A";
}

.mdi-adobe:before {
    content: "\F935";
}

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

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

.mdi-all-inclusive:before {
    content: "\F6BD";
}

.mdi-alpha:before {
    content: "\F02B";
}

.mdi-alpha-a:before {
    content: "\41";
}

.mdi-alpha-a-box:before {
    content: "\FAED";
}

.mdi-alpha-b:before {
    content: "\42";
}

.mdi-alpha-b-box:before {
    content: "\FAEE";
}

.mdi-alpha-c:before {
    content: "\43";
}

.mdi-alpha-c-box:before {
    content: "\FAEF";
}

.mdi-alpha-d:before {
    content: "\44";
}

.mdi-alpha-d-box:before {
    content: "\FAF0";
}

.mdi-alpha-e:before {
    content: "\45";
}

.mdi-alpha-e-box:before {
    content: "\FAF1";
}

.mdi-alpha-f:before {
    content: "\46";
}

.mdi-alpha-f-box:before {
    content: "\FAF2";
}

.mdi-alpha-g:before {
    content: "\47";
}

.mdi-alpha-g-box:before {
    content: "\FAF3";
}

.mdi-alpha-h:before {
    content: "\48";
}

.mdi-alpha-h-box:before {
    content: "\FAF4";
}

.mdi-alpha-i:before {
    content: "\49";
}

.mdi-alpha-i-box:before {
    content: "\FAF5";
}

.mdi-alpha-j:before {
    content: "\4A";
}

.mdi-alpha-j-box:before {
    content: "\FAF6";
}

.mdi-alpha-k:before {
    content: "\4B";
}

.mdi-alpha-k-box:before {
    content: "\FAF7";
}

.mdi-alpha-l:before {
    content: "\4C";
}

.mdi-alpha-l-box:before {
    content: "\FAF8";
}

.mdi-alpha-m:before {
    content: "\4D";
}

.mdi-alpha-m-box:before {
    content: "\FAF9";
}

.mdi-alpha-n:before {
    content: "\4E";
}

.mdi-alpha-n-box:before {
    content: "\FAFA";
}

.mdi-alpha-o:before {
    content: "\4F";
}

.mdi-alpha-o-box:before {
    content: "\FAFB";
}

.mdi-alpha-p:before {
    content: "\50";
}

.mdi-alpha-p-box:before {
    content: "\FAFC";
}

.mdi-alpha-q:before {
    content: "\51";
}

.mdi-alpha-q-box:before {
    content: "\FAFD";
}

.mdi-alpha-r:before {
    content: "\52";
}

.mdi-alpha-r-box:before {
    content: "\FAFE";
}

.mdi-alpha-s:before {
    content: "\53";
}

.mdi-alpha-s-box:before {
    content: "\FAFF";
}

.mdi-alpha-t:before {
    content: "\54";
}

.mdi-alpha-t-box:before {
    content: "\FB00";
}

.mdi-alpha-u:before {
    content: "\55";
}

.mdi-alpha-u-box:before {
    content: "\FB01";
}

.mdi-alpha-v:before {
    content: "\56";
}

.mdi-alpha-v-box:before {
    content: "\FB02";
}

.mdi-alpha-w:before {
    content: "\57";
}

.mdi-alpha-w-box:before {
    content: "\FB03";
}

.mdi-alpha-x:before {
    content: "\58";
}

.mdi-alpha-x-box:before {
    content: "\FB04";
}

.mdi-alpha-y:before {
    content: "\59";
}

.mdi-alpha-y-box:before {
    content: "\FB05";
}

.mdi-alpha-z:before {
    content: "\5A";
}

.mdi-alpha-z-box:before {
    content: "\FB06";
}

.mdi-alphabetical:before {
    content: "\F02C";
}

.mdi-altimeter:before {
    content: "\F5D7";
}

.mdi-amazon:before {
    content: "\F02D";
}

.mdi-amazon-alexa:before {
    content: "\F8C5";
}

.mdi-amazon-drive:before {
    content: "\F02E";
}

.mdi-ambulance:before {
    content: "\F02F";
}

.mdi-ampersand:before {
    content: "\FA8C";
}

.mdi-amplifier:before {
    content: "\F030";
}

.mdi-anchor:before {
    content: "\F031";
}

.mdi-android:before {
    content: "\F032";
}

.mdi-android-auto:before {
    content: "\FA8D";
}

.mdi-android-debug-bridge:before {
    content: "\F033";
}

.mdi-android-head:before {
    content: "\F78F";
}

.mdi-android-studio:before {
    content: "\F034";
}

.mdi-angle-acute:before {
    content: "\F936";
}

.mdi-angle-obtuse:before {
    content: "\F937";
}

.mdi-angle-right:before {
    content: "\F938";
}

.mdi-angular:before {
    content: "\F6B1";
}

.mdi-angularjs:before {
    content: "\F6BE";
}

.mdi-animation:before {
    content: "\F5D8";
}

.mdi-animation-outline:before {
    content: "\FA8E";
}

.mdi-animation-play:before {
    content: "\F939";
}

.mdi-animation-play-outline:before {
    content: "\FA8F";
}

.mdi-anvil:before {
    content: "\F89A";
}

.mdi-apple:before {
    content: "\F035";
}

.mdi-apple-finder:before {
    content: "\F036";
}

.mdi-apple-icloud:before {
    content: "\F038";
}

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

.mdi-application:before {
    content: "\F614";
}

.mdi-apps:before {
    content: "\F03B";
}

.mdi-gold-credit:before {
    content: "\F234";
}

.mdi-arch:before {
    content: "\F8C6";
}

.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-left-bold-outline:before {
    content: "\F9B6";
}

.mdi-arrow-bottom-left-thick:before {
    content: "\F9B7";
}

.mdi-arrow-bottom-right:before {
    content: "\F043";
}

.mdi-arrow-bottom-right-bold-outline:before {
    content: "\F9B8";
}

.mdi-arrow-bottom-right-thick:before {
    content: "\F9B9";
}

.mdi-arrow-collapse:before {
    content: "\F615";
}

.mdi-arrow-collapse-all:before {
    content: "\F044";
}

.mdi-arrow-collapse-down:before {
    content: "\F791";
}

.mdi-arrow-collapse-horizontal:before {
    content: "\F84B";
}

.mdi-arrow-collapse-left:before {
    content: "\F792";
}

.mdi-arrow-collapse-right:before {
    content: "\F793";
}

.mdi-arrow-collapse-up:before {
    content: "\F794";
}

.mdi-arrow-collapse-vertical:before {
    content: "\F84C";
}

.mdi-arrow-decision:before {
    content: "\F9BA";
}

.mdi-arrow-decision-auto:before {
    content: "\F9BB";
}

.mdi-arrow-decision-auto-outline:before {
    content: "\F9BC";
}

.mdi-arrow-decision-outline:before {
    content: "\F9BD";
}

.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-bold-outline:before {
    content: "\F9BE";
}

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

.mdi-arrow-expand-left:before {
    content: "\F796";
}

.mdi-arrow-expand-right:before {
    content: "\F797";
}

.mdi-arrow-expand-up:before {
    content: "\F798";
}

.mdi-arrow-expand-vertical:before {
    content: "\F84E";
}

.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-bold-outline:before {
    content: "\F9BF";
}

.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-right-bold-outline:before {
    content: "\F9C0";
}

.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-bold-outline:before {
    content: "\F9C1";
}

.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-split-horizontal:before {
    content: "\F93A";
}

.mdi-arrow-split-vertical:before {
    content: "\F93B";
}

.mdi-arrow-top-left:before {
    content: "\F05B";
}

.mdi-arrow-top-left-bold-outline:before {
    content: "\F9C2";
}

.mdi-arrow-top-left-thick:before {
    content: "\F9C3";
}

.mdi-arrow-top-right:before {
    content: "\F05C";
}

.mdi-arrow-top-right-bold-outline:before {
    content: "\F9C4";
}

.mdi-arrow-top-right-thick:before {
    content: "\F9C5";
}

.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-bold-outline:before {
    content: "\F9C6";
}

.mdi-arrow-up-box:before {
    content: "\F6C2";
}

.mdi-arrow-up-down-bold-outline:before {
    content: "\F9C7";
}

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

.mdi-aspect-ratio:before {
    content: "\FA23";
}

.mdi-assistant:before {
    content: "\F064";
}

.mdi-asterisk:before {
    content: "\F6C3";
}

.mdi-at:before {
    content: "\F065";
}

.mdi-atlassian:before {
    content: "\F803";
}

.mdi-atom:before {
    content: "\F767";
}

.mdi-attachment:before {
    content: "\F066";
}

.mdi-audio-video:before {
    content: "\F93C";
}

.mdi-audiobook:before {
    content: "\F067";
}

.mdi-augmented-reality:before {
    content: "\F84F";
}

.mdi-auto-fix:before {
    content: "\F068";
}

.mdi-auto-upload:before {
    content: "\F069";
}

.mdi-autorenew:before {
    content: "\F06A";
}

.mdi-av-timer:before {
    content: "\F06B";
}

.mdi-axe:before {
    content: "\F8C7";
}

.mdi-azure:before {
    content: "\F804";
}

.mdi-babel:before {
    content: "\FA24";
}

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

.mdi-balloon:before {
    content: "\FA25";
}

.mdi-ballot:before {
    content: "\F9C8";
}

.mdi-ballot-outline:before {
    content: "\F9C9";
}

.mdi-bandcamp:before {
    content: "\F674";
}

.mdi-bank:before {
    content: "\F070";
}

.mdi-bank-transfer:before {
    content: "\FA26";
}

.mdi-bank-transfer-in:before {
    content: "\FA27";
}

.mdi-bank-transfer-out:before {
    content: "\FA28";
}

.mdi-barcode:before {
    content: "\F071";
}

.mdi-barcode-scan:before {
    content: "\F072";
}

.mdi-barley:before {
    content: "\F073";
}

.mdi-barrel:before {
    content: "\F074";
}

.mdi-baseball:before {
    content: "\F851";
}

.mdi-baseball-bat:before {
    content: "\F852";
}

.mdi-basecamp:before {
    content: "\F075";
}

.mdi-basket:before {
    content: "\F076";
}

.mdi-basket-fill:before {
    content: "\F077";
}

.mdi-basket-unfill:before {
    content: "\F078";
}

.mdi-basketball:before {
    content: "\F805";
}

.mdi-battery:before {
    content: "\F079";
}

.mdi-battery-10:before {
    content: "\F07A";
}

.mdi-battery-10-bluetooth:before {
    content: "\F93D";
}

.mdi-battery-20:before {
    content: "\F07B";
}

.mdi-battery-20-bluetooth:before {
    content: "\F93E";
}

.mdi-battery-30:before {
    content: "\F07C";
}

.mdi-battery-30-bluetooth:before {
    content: "\F93F";
}

.mdi-battery-40:before {
    content: "\F07D";
}

.mdi-battery-40-bluetooth:before {
    content: "\F940";
}

.mdi-battery-50:before {
    content: "\F07E";
}

.mdi-battery-50-bluetooth:before {
    content: "\F941";
}

.mdi-battery-60:before {
    content: "\F07F";
}

.mdi-battery-60-bluetooth:before {
    content: "\F942";
}

.mdi-battery-70:before {
    content: "\F080";
}

.mdi-battery-70-bluetooth:before {
    content: "\F943";
}

.mdi-battery-80:before {
    content: "\F081";
}

.mdi-battery-80-bluetooth:before {
    content: "\F944";
}

.mdi-battery-90:before {
    content: "\F082";
}

.mdi-battery-90-bluetooth:before {
    content: "\F945";
}

.mdi-battery-alert:before {
    content: "\F083";
}

.mdi-battery-alert-bluetooth:before {
    content: "\F946";
}

.mdi-battery-bluetooth:before {
    content: "\F947";
}

.mdi-battery-bluetooth-variant:before {
    content: "\F948";
}

.mdi-battery-charging:before {
    content: "\F084";
}

.mdi-battery-charging-10:before {
    content: "\F89B";
}

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

.mdi-battery-charging-60:before {
    content: "\F089";
}

.mdi-battery-charging-70:before {
    content: "\F89D";
}

.mdi-battery-charging-80:before {
    content: "\F08A";
}

.mdi-battery-charging-90:before {
    content: "\F08B";
}

.mdi-battery-charging-outline:before {
    content: "\F89E";
}

.mdi-battery-charging-wireless:before {
    content: "\F806";
}

.mdi-battery-charging-wireless-10:before {
    content: "\F807";
}

.mdi-battery-charging-wireless-20:before {
    content: "\F808";
}

.mdi-battery-charging-wireless-30:before {
    content: "\F809";
}

.mdi-battery-charging-wireless-40:before {
    content: "\F80A";
}

.mdi-battery-charging-wireless-50:before {
    content: "\F80B";
}

.mdi-battery-charging-wireless-60:before {
    content: "\F80C";
}

.mdi-battery-charging-wireless-70:before {
    content: "\F80D";
}

.mdi-battery-charging-wireless-80:before {
    content: "\F80E";
}

.mdi-battery-charging-wireless-90:before {
    content: "\F80F";
}

.mdi-battery-charging-wireless-alert:before {
    content: "\F810";
}

.mdi-battery-charging-wireless-outline:before {
    content: "\F811";
}

.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-battery-unknown-bluetooth:before {
    content: "\F949";
}

.mdi-beach:before {
    content: "\F092";
}

.mdi-beaker:before {
    content: "\F68F";
}

.mdi-beats:before {
    content: "\F097";
}

.mdi-bed-empty:before {
    content: "\F89F";
}

.mdi-beer:before {
    content: "\F098";
}

.mdi-behance:before {
    content: "\F099";
}

.mdi-bell:before {
    content: "\F09A";
}

.mdi-bell-off:before {
    content: "\F09B";
}

.mdi-bell-off-outline:before {
    content: "\FA90";
}

.mdi-bell-outline:before {
    content: "\F09C";
}

.mdi-bell-plus:before {
    content: "\F09D";
}

.mdi-bell-plus-outline:before {
    content: "\FA91";
}

.mdi-bell-ring:before {
    content: "\F09E";
}

.mdi-bell-ring-outline:before {
    content: "\F09F";
}

.mdi-bell-sleep:before {
    content: "\F0A0";
}

.mdi-bell-sleep-outline:before {
    content: "\FA92";
}

.mdi-beta:before {
    content: "\F0A1";
}

.mdi-betamax:before {
    content: "\F9CA";
}

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

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

.mdi-book-lock-open:before {
    content: "\F79A";
}

.mdi-book-minus:before {
    content: "\F5D9";
}

.mdi-book-multiple:before {
    content: "\F0BB";
}

.mdi-book-multiple-minus:before {
    content: "\FA93";
}

.mdi-book-multiple-plus:before {
    content: "\FA94";
}

.mdi-book-multiple-remove:before {
    content: "\FA95";
}

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

.mdi-book-variant:before {
    content: "\F0BF";
}

.mdi-bookmark:before {
    content: "\F0C0";
}

.mdi-bookmark-check:before {
    content: "\F0C1";
}

.mdi-bookmark-minus:before {
    content: "\F9CB";
}

.mdi-bookmark-minus-outline:before {
    content: "\F9CC";
}

.mdi-bookmark-music:before {
    content: "\F0C2";
}

.mdi-bookmark-off:before {
    content: "\F9CD";
}

.mdi-bookmark-off-outline:before {
    content: "\F9CE";
}

.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-all-variant:before {
    content: "\F8A0";
}

.mdi-border-bottom:before {
    content: "\F0C8";
}

.mdi-border-bottom-variant:before {
    content: "\F8A1";
}

.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-left-variant:before {
    content: "\F8A2";
}

.mdi-border-none:before {
    content: "\F0CD";
}

.mdi-border-none-variant:before {
    content: "\F8A3";
}

.mdi-border-outside:before {
    content: "\F0CE";
}

.mdi-border-right:before {
    content: "\F0CF";
}

.mdi-border-right-variant:before {
    content: "\F8A4";
}

.mdi-border-style:before {
    content: "\F0D0";
}

.mdi-border-top:before {
    content: "\F0D1";
}

.mdi-border-top-variant:before {
    content: "\F8A5";
}

.mdi-border-vertical:before {
    content: "\F0D2";
}

.mdi-bottle-wine:before {
    content: "\F853";
}

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

.mdi-brain:before {
    content: "\F9D0";
}

.mdi-bridge:before {
    content: "\F618";
}

.mdi-briefcase:before {
    content: "\F0D6";
}

.mdi-briefcase-check:before {
    content: "\F0D7";
}

.mdi-briefcase-download:before {
    content: "\F0D8";
}

.mdi-briefcase-edit:before {
    content: "\FA97";
}

.mdi-briefcase-minus:before {
    content: "\FA29";
}

.mdi-briefcase-outline:before {
    content: "\F813";
}

.mdi-briefcase-plus:before {
    content: "\FA2A";
}

.mdi-briefcase-remove:before {
    content: "\FA2B";
}

.mdi-briefcase-search:before {
    content: "\FA2C";
}

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

.mdi-buffer:before {
    content: "\F619";
}

.mdi-bug:before {
    content: "\F0E4";
}

.mdi-bug-check:before {
    content: "\FA2D";
}

.mdi-bug-check-outline:before {
    content: "\FA2E";
}

.mdi-bug-outline:before {
    content: "\FA2F";
}

.mdi-bulldozer:before {
    content: "\FB07";
}

.mdi-bulletin-board:before {
    content: "\F0E5";
}

.mdi-bullhorn:before {
    content: "\F0E6";
}

.mdi-bullhorn-outline:before {
    content: "\FB08";
}

.mdi-bullseye:before {
    content: "\F5DD";
}

.mdi-bullseye-arrow:before {
    content: "\F8C8";
}

.mdi-bus:before {
    content: "\F0E7";
}

.mdi-bus-alert:before {
    content: "\FA98";
}

.mdi-bus-articulated-end:before {
    content: "\F79B";
}

.mdi-bus-articulated-front:before {
    content: "\F79C";
}

.mdi-bus-clock:before {
    content: "\F8C9";
}

.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-calculator-variant:before {
    content: "\FA99";
}

.mdi-calendar:before {
    content: "\F0ED";
}

.mdi-calendar-alert:before {
    content: "\FA30";
}

.mdi-calendar-blank:before {
    content: "\F0EE";
}

.mdi-calendar-check:before {
    content: "\F0EF";
}

.mdi-calendar-clock:before {
    content: "\F0F0";
}

.mdi-calendar-edit:before {
    content: "\F8A6";
}

.mdi-calendar-export:before {
    content: "\FB09";
}

.mdi-calendar-heart:before {
    content: "\F9D1";
}

.mdi-calendar-import:before {
    content: "\FB0A";
}

.mdi-calendar-multiple:before {
    content: "\F0F1";
}

.mdi-calendar-multiple-check:before {
    content: "\F0F2";
}

.mdi-calendar-multiselect:before {
    content: "\FA31";
}

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

.mdi-calendar-star:before {
    content: "\F9D2";
}

.mdi-calendar-text:before {
    content: "\F0F5";
}

.mdi-calendar-today:before {
    content: "\F0F6";
}

.mdi-calendar-week:before {
    content: "\FA32";
}

.mdi-calendar-week-begin:before {
    content: "\FA33";
}

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

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

.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-caps-lock:before {
    content: "\FA9A";
}

.mdi-car:before {
    content: "\F10B";
}

.mdi-car-battery:before {
    content: "\F10C";
}

.mdi-car-connected:before {
    content: "\F10D";
}

.mdi-car-convertible:before {
    content: "\F7A6";
}

.mdi-car-estate:before {
    content: "\F7A7";
}

.mdi-car-hatchback:before {
    content: "\F7A8";
}

.mdi-car-limousine:before {
    content: "\F8CC";
}

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

.mdi-cards-diamond:before {
    content: "\F8CE";
}

.mdi-cards-heart:before {
    content: "\F8CF";
}

.mdi-cards-outline:before {
    content: "\F639";
}

.mdi-cards-playing-outline:before {
    content: "\F63A";
}

.mdi-cards-spade:before {
    content: "\F8D0";
}

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

.mdi-cash-usd:before {
    content: "\F117";
}

.mdi-cassette:before {
    content: "\F9D3";
}

.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-arrow-down:before {
    content: "\F9D4";
}

.mdi-cellphone-basic:before {
    content: "\F11E";
}

.mdi-cellphone-dock:before {
    content: "\F11F";
}

.mdi-cellphone-erase:before {
    content: "\F94C";
}

.mdi-cellphone-iphone:before {
    content: "\F120";
}

.mdi-cellphone-key:before {
    content: "\F94D";
}

.mdi-cellphone-link:before {
    content: "\F121";
}

.mdi-cellphone-link-off:before {
    content: "\F122";
}

.mdi-cellphone-lock:before {
    content: "\F94E";
}

.mdi-cellphone-message:before {
    content: "\F8D2";
}

.mdi-cellphone-off:before {
    content: "\F94F";
}

.mdi-cellphone-screenshot:before {
    content: "\FA34";
}

.mdi-cellphone-settings:before {
    content: "\F123";
}

.mdi-cellphone-settings-variant:before {
    content: "\F950";
}

.mdi-cellphone-sound:before {
    content: "\F951";
}

.mdi-cellphone-text:before {
    content: "\F8D1";
}

.mdi-cellphone-wireless:before {
    content: "\F814";
}

.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-gold-credit:before {
    content: "\F1B9";
    
}
.mdi-rupee-credit:before {
    content: "\F1AF";
    
}
.mdi-gold-debit:before {
    content: "\F1BA";
    
}

.mdi-chart-multiline:before {
    content: "\F8D3";
}

.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-check-decagram:before {
    content: "\F790";
}

.mdi-check-outline:before {
    content: "\F854";
}

.mdi-checkbook:before {
    content: "\FA9C";
}

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

.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-chess-bishop:before {
    content: "\F85B";
}

.mdi-chess-king:before {
    content: "\F856";
}

.mdi-chess-knight:before {
    content: "\F857";
}

.mdi-chess-pawn:before {
    content: "\F858";
}

.mdi-chess-queen:before {
    content: "\F859";
}

.mdi-chess-rook:before {
    content: "\F85A";
}

.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-down-box:before {
    content: "\F9D5";
}

.mdi-chevron-down-box-outline:before {
    content: "\F9D6";
}

.mdi-chevron-down-circle:before {
    content: "\FB0B";
}

.mdi-chevron-down-circle-outline:before {
    content: "\FB0C";
}

.mdi-chevron-left:before {
    content: "\F141";
}

.mdi-chevron-left-box:before {
    content: "\F9D7";
}

.mdi-chevron-left-box-outline:before {
    content: "\F9D8";
}

.mdi-chevron-left-circle:before {
    content: "\FB0D";
}

.mdi-chevron-left-circle-outline:before {
    content: "\FB0E";
}

.mdi-chevron-right:before {
    content: "\F142";
}

.mdi-chevron-right-box:before {
    content: "\F9D9";
}

.mdi-chevron-right-box-outline:before {
    content: "\F9DA";
}

.mdi-chevron-right-circle:before {
    content: "\FB0F";
}

.mdi-chevron-right-circle-outline:before {
    content: "\FB10";
}

.mdi-chevron-up:before {
    content: "\F143";
}

.mdi-chevron-up-box:before {
    content: "\F9DB";
}

.mdi-chevron-up-box-outline:before {
    content: "\F9DC";
}

.mdi-chevron-up-circle:before {
    content: "\FB11";
}

.mdi-chevron-up-circle-outline:before {
    content: "\FB12";
}

.mdi-chili-hot:before {
    content: "\F7B1";
}

.mdi-chili-medium:before {
    content: "\F7B2";
}

.mdi-chili-mild:before {
    content: "\F7B3";
}

.mdi-chip:before {
    content: "\F61A";
}

.mdi-christianity:before {
    content: "\F952";
}

.mdi-church:before {
    content: "\F144";
}

.mdi-circle:before {
    content: "\F764";
}

.mdi-circle-edit-outline:before {
    content: "\F8D4";
}

.mdi-circle-medium:before {
    content: "\F9DD";
}

.mdi-circle-outline:before {
    content: "\F765";
}

.mdi-circle-slice-1:before {
    content: "\FA9D";
}

.mdi-circle-slice-2:before {
    content: "\FA9E";
}

.mdi-circle-slice-3:before {
    content: "\FA9F";
}

.mdi-circle-slice-4:before {
    content: "\FAA0";
}

.mdi-circle-slice-5:before {
    content: "\FAA1";
}

.mdi-circle-slice-6:before {
    content: "\FAA2";
}

.mdi-circle-slice-7:before {
    content: "\FAA3";
}

.mdi-circle-slice-8:before {
    content: "\FAA4";
}

.mdi-circle-small:before {
    content: "\F9DE";
}

.mdi-cisco-webex:before {
    content: "\F145";
}

.mdi-city:before {
    content: "\F146";
}

.mdi-city-variant:before {
    content: "\FA35";
}

.mdi-city-variant-outline:before {
    content: "\FA36";
}

.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-check-outline:before {
    content: "\F8A7";
}

.mdi-clipboard-flow:before {
    content: "\F6C7";
}

.mdi-clipboard-outline:before {
    content: "\F14D";
}

.mdi-clipboard-plus:before {
    content: "\F750";
}

.mdi-clipboard-pulse:before {
    content: "\F85C";
}

.mdi-clipboard-pulse-outline:before {
    content: "\F85D";
}

.mdi-clipboard-text:before {
    content: "\F14E";
}

.mdi-clipboard-text-outline:before {
    content: "\FA37";
}

.mdi-clippy:before {
    content: "\F14F";
}

.mdi-clock:before {
    content: "\F953";
}

.mdi-clock-alert:before {
    content: "\F954";
}

.mdi-clock-alert-outline: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-outline:before {
    content: "\F150";
}

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

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

.mdi-cloud-search:before {
    content: "\F955";
}

.mdi-cloud-search-outline:before {
    content: "\F956";
}

.mdi-cloud-sync:before {
    content: "\F63F";
}

.mdi-cloud-tags:before {
    content: "\F7B5";
}

.mdi-cloud-upload:before {
    content: "\F167";
}

.mdi-clover:before {
    content: "\F815";
}

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

.mdi-coin:before {
    content: "\F178";
}

.mdi-coins:before {
    content: "\F694";
}

.mdi-collage:before {
    content: "\F640";
}

.mdi-collapse-all:before {
    content: "\FAA5";
}

.mdi-collapse-all-outline:before {
    content: "\FAA6";
}

.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-arrow-left:before {
    content: "\F9E0";
}

.mdi-comment-arrow-left-outline:before {
    content: "\F9E1";
}

.mdi-comment-arrow-right:before {
    content: "\F9E2";
}

.mdi-comment-arrow-right-outline:before {
    content: "\F9E3";
}

.mdi-comment-check:before {
    content: "\F17F";
}

.mdi-comment-check-outline:before {
    content: "\F180";
}

.mdi-comment-eye:before {
    content: "\FA39";
}

.mdi-comment-eye-outline:before {
    content: "\FA3A";
}

.mdi-comment-multiple:before {
    content: "\F85E";
}

.mdi-comment-multiple-outline:before {
    content: "\F181";
}

.mdi-comment-outline:before {
    content: "\F182";
}

.mdi-comment-plus:before {
    content: "\F9E4";
}

.mdi-comment-plus-outline:before {
    content: "\F183";
}

.mdi-comment-processing:before {
    content: "\F184";
}

.mdi-comment-processing-outline:before {
    content: "\F185";
}

.mdi-comment-question:before {
    content: "\F816";
}

.mdi-comment-question-outline:before {
    content: "\F186";
}

.mdi-comment-remove:before {
    content: "\F5DE";
}

.mdi-comment-remove-outline:before {
    content: "\F187";
}

.mdi-comment-search:before {
    content: "\FA3B";
}

.mdi-comment-search-outline:before {
    content: "\FA3C";
}

.mdi-comment-text:before {
    content: "\F188";
}

.mdi-comment-text-multiple:before {
    content: "\F85F";
}

.mdi-comment-text-multiple-outline:before {
    content: "\F860";
}

.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-console-network:before {
    content: "\F8A8";
}

.mdi-contact-mail:before {
    content: "\F18E";
}

.mdi-contacts:before {
    content: "\F6CA";
}

.mdi-contain:before {
    content: "\FA3D";
}

.mdi-contain-end:before {
    content: "\FA3E";
}

.mdi-contain-start:before {
    content: "\FA3F";
}

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

.mdi-content-save-settings:before {
    content: "\F61B";
}

.mdi-content-save-settings-outline:before {
    content: "\FB13";
}

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

.mdi-corn:before {
    content: "\F7B7";
}

.mdi-counter:before {
    content: "\F199";
}

.mdi-cow:before {
    content: "\F19A";
}

.mdi-crane:before {
    content: "\F861";
}

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

.mdi-credit-card-scan:before {
    content: "\F19D";
}

.mdi-credit-card-settings:before {
    content: "\F8D6";
}

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

.mdi-crystal-ball:before {
    content: "\FB14";
}

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

.mdi-curling:before {
    content: "\F862";
}

.mdi-currency-bdt:before {
    content: "\F863";
}

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

.mdi-currency-ngn:before {
    content: "\F1B0";
}

.mdi-currency-php:before {
    content: "\F9E5";
}

.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-current-ac:before {
    content: "\F95A";
}

.mdi-current-dc:before {
    content: "\F95B";
}

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

.mdi-database-export:before {
    content: "\F95D";
}

.mdi-database-import:before {
    content: "\F95C";
}

.mdi-database-lock:before {
    content: "\FAA9";
}

.mdi-database-minus:before {
    content: "\F1B9";
}

.mdi-database-plus:before {
    content: "\F1BA";
}

.mdi-database-search:before {
    content: "\F865";
}

.mdi-death-star:before {
    content: "\F8D7";
}

.mdi-death-star-variant:before {
    content: "\F8D8";
}

.mdi-debian:before {
    content: "\F8D9";
}

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

.mdi-delete-restore:before {
    content: "\F818";
}

.mdi-delete-sweep:before {
    content: "\F5E9";
}

.mdi-delete-variant:before {
    content: "\F1C1";
}

.mdi-delta:before {
    content: "\F1C2";
}

.mdi-desk-lamp:before {
    content: "\F95E";
}

.mdi-deskphone:before {
    content: "\F1C3";
}

.mdi-desktop-classic:before {
    content: "\F7BF";
}

.mdi-desktop-mac:before {
    content: "\F1C4";
}

.mdi-desktop-mac-dashboard:before {
    content: "\F9E7";
}

.mdi-desktop-tower:before {
    content: "\F1C5";
}

.mdi-desktop-tower-monitor:before {
    content: "\FAAA";
}

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

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

.mdi-disc-alert:before {
    content: "\F1D1";
}

.mdi-disc-player:before {
    content: "\F95F";
}

.mdi-discord:before {
    content: "\F66F";
}

.mdi-dishwasher:before {
    content: "\FAAB";
}

.mdi-disqus:before {
    content: "\F1D2";
}

.mdi-disqus-outline:before {
    content: "\F1D3";
}

.mdi-division:before {
    content: "\F1D4";
}

.mdi-division-box:before {
    content: "\F1D5";
}

.mdi-dlna:before {
    content: "\FA40";
}

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

.mdi-doctor:before {
    content: "\FA41";
}

.mdi-dog:before {
    content: "\FA42";
}

.mdi-dog-service:before {
    content: "\FAAC";
}

.mdi-dog-side:before {
    content: "\FA43";
}

.mdi-dolby:before {
    content: "\F6B2";
}

.mdi-domain:before {
    content: "\F1D7";
}

.mdi-donkey:before {
    content: "\F7C1";
}

.mdi-door:before {
    content: "\F819";
}

.mdi-door-closed:before {
    content: "\F81A";
}

.mdi-door-open:before {
    content: "\F81B";
}

.mdi-doorbell-video:before {
    content: "\F868";
}

.mdi-dot-net:before {
    content: "\FAAD";
}

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

.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-ear-hearing-off:before {
    content: "\FA44";
}

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

.mdi-egg-easter:before {
    content: "\FAAF";
}

.mdi-eight-track:before {
    content: "\F9E9";
}

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

.mdi-email-check-outline:before {
    content: "\FAB1";
}

.mdi-email-lock:before {
    content: "\F1F1";
}

.mdi-email-open:before {
    content: "\F1EF";
}

.mdi-email-open-outline:before {
    content: "\F5EF";
}

.mdi-email-outline:before {
    content: "\F1F0";
}

.mdi-email-plus:before {
    content: "\F9EA";
}

.mdi-email-plus-outline:before {
    content: "\F9EB";
}

.mdi-email-search:before {
    content: "\F960";
}

.mdi-email-search-outline:before {
    content: "\F961";
}

.mdi-email-variant:before {
    content: "\F5F0";
}

.mdi-ember:before {
    content: "\FB15";
}

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

.mdi-engine-off-outline:before {
    content: "\FA46";
}

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

.mdi-ethereum:before {
    content: "\F869";
}

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

.mdi-exit-to-app:before {
    content: "\F206";
}

.mdi-expand-all:before {
    content: "\FAB3";
}

.mdi-expand-all-outline:before {
    content: "\FAB4";
}

.mdi-exponent:before {
    content: "\F962";
}

.mdi-exponent-box:before {
    content: "\F963";
}

.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-eye-plus:before {
    content: "\F86A";
}

.mdi-eye-plus-outline:before {
    content: "\F86B";
}

.mdi-eye-settings:before {
    content: "\F86C";
}

.mdi-eye-settings-outline:before {
    content: "\F86D";
}

.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-facebook-workplace:before {
    content: "\FB16";
}

.mdi-factory:before {
    content: "\F20F";
}

.mdi-fan:before {
    content: "\F210";
}

.mdi-fan-off:before {
    content: "\F81C";
}

.mdi-fast-forward:before {
    content: "\F211";
}

.mdi-fast-forward-outline:before {
    content: "\F6D1";
}

.mdi-fax:before {
    content: "\F212";
}

.mdi-feather:before {
    content: "\F6D2";
}

.mdi-feature-search:before {
    content: "\FA48";
}

.mdi-feature-search-outline:before {
    content: "\FA49";
}

.mdi-fedora:before {
    content: "\F8DA";
}

.mdi-ferry:before {
    content: "\F213";
}

.mdi-file:before {
    content: "\F214";
}

.mdi-file-account:before {
    content: "\F73A";
}

.mdi-file-alert:before {
    content: "\FA4A";
}

.mdi-file-alert-outline:before {
    content: "\FA4B";
}

.mdi-file-cabinet:before {
    content: "\FAB5";
}

.mdi-file-chart:before {
    content: "\F215";
}

.mdi-file-check:before {
    content: "\F216";
}

.mdi-file-cloud:before {
    content: "\F217";
}

.mdi-file-compare:before {
    content: "\F8A9";
}

.mdi-file-delimited:before {
    content: "\F218";
}

.mdi-file-document:before {
    content: "\F219";
}

.mdi-file-document-box:before {
    content: "\F21A";
}

.mdi-file-document-box-multiple:before {
    content: "\FAB6";
}

.mdi-file-document-box-multiple-outline:before {
    content: "\FAB7";
}

.mdi-file-document-box-outline:before {
    content: "\F9EC";
}

.mdi-file-document-outline:before {
    content: "\F9ED";
}

.mdi-file-download:before {
    content: "\F964";
}

.mdi-file-download-outline:before {
    content: "\F965";
}

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

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

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

.mdi-file-replace:before {
    content: "\FB17";
}

.mdi-file-replace-outline:before {
    content: "\FB18";
}

.mdi-file-restore:before {
    content: "\F670";
}

.mdi-file-send:before {
    content: "\F22A";
}

.mdi-file-tree:before {
    content: "\F645";
}

.mdi-file-undo:before {
    content: "\F8DB";
}

.mdi-file-upload:before {
    content: "\FA4C";
}

.mdi-file-upload-outline:before {
    content: "\FA4D";
}

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

.mdi-find-replace:before {
    content: "\F6D3";
}

.mdi-fingerprint:before {
    content: "\F237";
}

.mdi-fire:before {
    content: "\F238";
}

.mdi-fire-truck:before {
    content: "\F8AA";
}

.mdi-firebase:before {
    content: "\F966";
}

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

.mdi-flag-variant:before {
    content: "\F240";
}

.mdi-flag-variant-outline:before {
    content: "\F23E";
}

.mdi-flash:before {
    content: "\F241";
}

.mdi-flash-auto:before {
    content: "\F242";
}

.mdi-flash-circle:before {
    content: "\F81F";
}

.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-floor-lamp:before {
    content: "\F8DC";
}

.mdi-floor-plan:before {
    content: "\F820";
}

.mdi-floppy:before {
    content: "\F249";
}

.mdi-floppy-variant:before {
    content: "\F9EE";
}

.mdi-flower:before {
    content: "\F24A";
}

.mdi-flower-outline:before {
    content: "\F9EF";
}

.mdi-flower-tulip:before {
    content: "\F9F0";
}

.mdi-flower-tulip-outline:before {
    content: "\F9F1";
}

.mdi-folder:before {
    content: "\F24B";
}

.mdi-folder-account:before {
    content: "\F24C";
}

.mdi-folder-clock:before {
    content: "\FAB9";
}

.mdi-folder-clock-outline:before {
    content: "\FABA";
}

.mdi-folder-download:before {
    content: "\F24D";
}

.mdi-folder-edit:before {
    content: "\F8DD";
}

.mdi-folder-google-drive:before {
    content: "\F24E";
}

.mdi-folder-image:before {
    content: "\F24F";
}

.mdi-folder-key:before {
    content: "\F8AB";
}

.mdi-folder-key-network:before {
    content: "\F8AC";
}

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

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

.mdi-folder-search-outline:before {
    content: "\F968";
}

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

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

.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-font-size-decrease:before {
    content: "\F9F2";
}

.mdi-format-font-size-increase:before {
    content: "\F9F3";
}

.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-letter-case:before {
    content: "\FB19";
}

.mdi-format-letter-case-lower:before {
    content: "\FB1A";
}

.mdi-format-letter-case-upper:before {
    content: "\FB1B";
}

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

.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-forum-outline:before {
    content: "\F821";
}

.mdi-forward:before {
    content: "\F28D";
}

.mdi-fountain:before {
    content: "\F96A";
}

.mdi-foursquare:before {
    content: "\F28E";
}

.mdi-freebsd:before {
    content: "\F8DF";
}

.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-function-variant:before {
    content: "\F870";
}

.mdi-gamepad:before {
    content: "\F296";
}

.mdi-gamepad-variant:before {
    content: "\F297";
}

.mdi-garage:before {
    content: "\F6D8";
}

.mdi-garage-alert:before {
    content: "\F871";
}

.mdi-garage-open:before {
    content: "\F6D9";
}

.mdi-gas-cylinder:before {
    content: "\F647";
}

.mdi-gas-station:before {
    content: "\F298";
}

.mdi-gate:before {
    content: "\F299";
}

.mdi-gate-and:before {
    content: "\F8E0";
}

.mdi-gate-nand:before {
    content: "\F8E1";
}

.mdi-gate-nor:before {
    content: "\F8E2";
}

.mdi-gate-not:before {
    content: "\F8E3";
}

.mdi-gate-or:before {
    content: "\F8E4";
}

.mdi-gate-xnor:before {
    content: "\F8E5";
}

.mdi-gate-xor:before {
    content: "\F8E6";
}

.mdi-gauge:before {
    content: "\F29A";
}

.mdi-gauge-empty:before {
    content: "\F872";
}

.mdi-gauge-full:before {
    content: "\F873";
}

.mdi-gauge-low:before {
    content: "\F874";
}

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

.mdi-gesture:before {
    content: "\F7CA";
}

.mdi-gesture-double-tap:before {
    content: "\F73B";
}

.mdi-gesture-pinch:before {
    content: "\FABC";
}

.mdi-gesture-spread:before {
    content: "\FABD";
}

.mdi-gesture-swipe-down:before {
    content: "\F73C";
}

.mdi-gesture-swipe-horizontal:before {
    content: "\FABE";
}

.mdi-gesture-swipe-left:before {
    content: "\F73D";
}

.mdi-gesture-swipe-right:before {
    content: "\F73E";
}

.mdi-gesture-swipe-up:before {
    content: "\F73F";
}

.mdi-gesture-swipe-vertical:before {
    content: "\FABF";
}

.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-ghost-off:before {
    content: "\F9F4";
}

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

.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-glass-wine:before {
    content: "\F875";
}

.mdi-glassdoor:before {
    content: "\F2A9";
}

.mdi-glasses:before {
    content: "\F2AA";
}

.mdi-globe-model:before {
    content: "\F8E8";
}

.mdi-gmail:before {
    content: "\F2AB";
}

.mdi-gnome:before {
    content: "\F2AC";
}

.mdi-golf:before {
    content: "\F822";
}

.mdi-gondola:before {
    content: "\F685";
}

.mdi-google:before {
    content: "\F2AD";
}

.mdi-google-allo:before {
    content: "\F801";
}

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

.mdi-google-glass:before {
    content: "\F2B8";
}

.mdi-google-hangouts:before {
    content: "\F2C9";
}

.mdi-google-home:before {
    content: "\F823";
}

.mdi-google-keep:before {
    content: "\F6DB";
}

.mdi-google-lens:before {
    content: "\F9F5";
}

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

.mdi-google-translate:before {
    content: "\F2BF";
}

.mdi-google-wallet:before {
    content: "\F2C0";
}

.mdi-gpu:before {
    content: "\F8AD";
}

.mdi-gradient:before {
    content: "\F69F";
}

.mdi-graphql:before {
    content: "\F876";
}

.mdi-grease-pencil:before {
    content: "\F648";
}

.mdi-greater-than:before {
    content: "\F96C";
}

.mdi-greater-than-or-equal:before {
    content: "\F96D";
}

.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-guy-fawkes-mask:before {
    content: "\F824";
}

.mdi-hackernews:before {
    content: "\F624";
}

.mdi-hail:before {
    content: "\FAC0";
}

.mdi-hamburger:before {
    content: "\F684";
}

.mdi-hammer:before {
    content: "\F8E9";
}

.mdi-hand:before {
    content: "\FA4E";
}

.mdi-hand-okay:before {
    content: "\FA4F";
}

.mdi-hand-peace:before {
    content: "\FA50";
}

.mdi-hand-peace-variant:before {
    content: "\FA51";
}

.mdi-hand-pointing-down:before {
    content: "\FA52";
}

.mdi-hand-pointing-left:before {
    content: "\FA53";
}

.mdi-hand-pointing-right:before {
    content: "\F2C7";
}

.mdi-hand-pointing-up:before {
    content: "\FA54";
}

.mdi-hanger:before {
    content: "\F2C8";
}

.mdi-hard-hat:before {
    content: "\F96E";
}

.mdi-harddisk:before {
    content: "\F2CA";
}

.mdi-headphones:before {
    content: "\F2CB";
}

.mdi-headphones-bluetooth:before {
    content: "\F96F";
}

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

.mdi-heart-circle-outline:before {
    content: "\F971";
}

.mdi-heart-half:before {
    content: "\F6DE";
}

.mdi-heart-half-full:before {
    content: "\F6DD";
}

.mdi-heart-half-outline:before {
    content: "\F6DF";
}

.mdi-heart-multiple:before {
    content: "\FA55";
}

.mdi-heart-multiple-outline:before {
    content: "\FA56";
}

.mdi-heart-off:before {
    content: "\F758";
}

.mdi-heart-outline:before {
    content: "\F2D5";
}

.mdi-heart-pulse:before {
    content: "\F5F6";
}

.mdi-helicopter:before {
    content: "\FAC1";
}

.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-hexagon-slice-1:before {
    content: "\FAC2";
}

.mdi-hexagon-slice-2:before {
    content: "\FAC3";
}

.mdi-hexagon-slice-3:before {
    content: "\FAC4";
}

.mdi-hexagon-slice-4:before {
    content: "\FAC5";
}

.mdi-hexagon-slice-5:before {
    content: "\FAC6";
}

.mdi-hexagon-slice-6:before {
    content: "\FAC7";
}

.mdi-hexagram:before {
    content: "\FAC8";
}

.mdi-hexagram-outline:before {
    content: "\FAC9";
}

.mdi-high-definition:before {
    content: "\F7CE";
}

.mdi-high-definition-box:before {
    content: "\F877";
}

.mdi-highway:before {
    content: "\F5F7";
}

.mdi-hinduism:before {
    content: "\F972";
}

.mdi-history:before {
    content: "\F2DA";
}

.mdi-hockey-puck:before {
    content: "\F878";
}

.mdi-hockey-sticks:before {
    content: "\F879";
}

.mdi-hololens:before {
    content: "\F2DB";
}

.mdi-home:before {
    content: "\F2DC";
}

.mdi-home-account:before {
    content: "\F825";
}

.mdi-home-alert:before {
    content: "\F87A";
}

.mdi-home-assistant:before {
    content: "\F7CF";
}

.mdi-home-automation:before {
    content: "\F7D0";
}

.mdi-home-circle:before {
    content: "\F7D1";
}

.mdi-home-currency-usd:before {
    content: "\F8AE";
}

.mdi-home-heart:before {
    content: "\F826";
}

.mdi-home-lock:before {
    content: "\F8EA";
}

.mdi-home-lock-open:before {
    content: "\F8EB";
}

.mdi-home-map-marker:before {
    content: "\F5F8";
}

.mdi-home-minus:before {
    content: "\F973";
}

.mdi-home-modern:before {
    content: "\F2DD";
}

.mdi-home-outline:before {
    content: "\F6A0";
}

.mdi-home-plus:before {
    content: "\F974";
}

.mdi-home-variant:before {
    content: "\F2DE";
}

.mdi-hook:before {
    content: "\F6E1";
}

.mdi-hook-off:before {
    content: "\F6E2";
}

.mdi-hops:before {
    content: "\F2DF";
}

.mdi-horseshoe:before {
    content: "\FA57";
}

.mdi-hospital:before {
    content: "\F2E0";
}

.mdi-hospital-building:before {
    content: "\F2E1";
}

.mdi-hospital-marker:before {
    content: "\F2E2";
}

.mdi-hot-tub:before {
    content: "\F827";
}

.mdi-hotel:before {
    content: "\F2E3";
}

.mdi-houzz:before {
    content: "\F2E4";
}

.mdi-houzz-box:before {
    content: "\F2E5";
}

.mdi-hulu:before {
    content: "\F828";
}

.mdi-human:before {
    content: "\F2E6";
}

.mdi-human-child:before {
    content: "\F2E7";
}

.mdi-human-female:before {
    content: "\F649";
}

.mdi-human-female-boy:before {
    content: "\FA58";
}

.mdi-human-female-female:before {
    content: "\FA59";
}

.mdi-human-female-girl:before {
    content: "\FA5A";
}

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

.mdi-human-male-female:before {
    content: "\F2E8";
}

.mdi-human-male-girl:before {
    content: "\FA5C";
}

.mdi-human-male-male:before {
    content: "\FA5D";
}

.mdi-human-pregnant:before {
    content: "\F5CF";
}

.mdi-humble-bundle:before {
    content: "\F743";
}

.mdi-ice-cream:before {
    content: "\F829";
}

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

.mdi-image-multiple:before {
    content: "\F2F9";
}

.mdi-image-off:before {
    content: "\F82A";
}

.mdi-image-outline:before {
    content: "\F975";
}

.mdi-image-plus:before {
    content: "\F87B";
}

.mdi-image-search:before {
    content: "\F976";
}

.mdi-image-search-outline:before {
    content: "\F977";
}

.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-inbox-multiple:before {
    content: "\F8AF";
}

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

.mdi-ip-network:before {
    content: "\FA5F";
}

.mdi-islam:before {
    content: "\F978";
}

.mdi-itunes:before {
    content: "\F676";
}

.mdi-jeepney:before {
    content: "\F302";
}

.mdi-jira:before {
    content: "\F303";
}

.mdi-jquery:before {
    content: "\F87C";
}

.mdi-jsfiddle:before {
    content: "\F304";
}

.mdi-json:before {
    content: "\F626";
}

.mdi-judaism:before {
    content: "\F979";
}

.mdi-karate:before {
    content: "\F82B";
}

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

.mdi-keyboard-return:before {
    content: "\F311";
}

.mdi-keyboard-settings:before {
    content: "\F9F8";
}

.mdi-keyboard-settings-outline:before {
    content: "\F9F9";
}

.mdi-keyboard-tab:before {
    content: "\F312";
}

.mdi-keyboard-variant:before {
    content: "\F313";
}

.mdi-kickstarter:before {
    content: "\F744";
}

.mdi-knife:before {
    content: "\F9FA";
}

.mdi-knife-military:before {
    content: "\F9FB";
}

.mdi-kodi:before {
    content: "\F314";
}

.mdi-label:before {
    content: "\F315";
}

.mdi-label-off:before {
    content: "\FACA";
}

.mdi-label-off-outline:before {
    content: "\FACB";
}

.mdi-label-outline:before {
    content: "\F316";
}

.mdi-label-variant:before {
    content: "\FACC";
}

.mdi-label-variant-outline:before {
    content: "\FACD";
}

.mdi-ladybug:before {
    content: "\F82C";
}

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

.mdi-language-javascript:before {
    content: "\F31E";
}

.mdi-language-lua:before {
    content: "\F8B0";
}

.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-ruby-on-rails:before {
    content: "\FACE";
}

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

.mdi-lastfm:before {
    content: "\F326";
}

.mdi-lastpass:before {
    content: "\F446";
}

.mdi-launch:before {
    content: "\F327";
}

.mdi-lava-lamp:before {
    content: "\F7D4";
}

.mdi-layers:before {
    content: "\F328";
}

.mdi-layers-off:before {
    content: "\F329";
}

.mdi-layers-off-outline:before {
    content: "\F9FC";
}

.mdi-layers-outline:before {
    content: "\F9FD";
}

.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-less-than:before {
    content: "\F97B";
}

.mdi-less-than-or-equal:before {
    content: "\F97C";
}

.mdi-library:before {
    content: "\F331";
}

.mdi-library-books:before {
    content: "\F332";
}

.mdi-library-music:before {
    content: "\F333";
}

.mdi-library-plus:before {
    content: "\F334";
}

.mdi-lifebuoy:before {
    content: "\F87D";
}

.mdi-light-switch:before {
    content: "\F97D";
}

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

.mdi-lighthouse-on:before {
    content: "\F9FF";
}

.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-linux-mint:before {
    content: "\F8EC";
}

.mdi-litecoin:before {
    content: "\FA60";
}

.mdi-loading:before {
    content: "\F771";
}

.mdi-lock:before {
    content: "\F33E";
}

.mdi-lock-alert:before {
    content: "\F8ED";
}

.mdi-lock-clock:before {
    content: "\F97E";
}

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

.mdi-lock-reset:before {
    content: "\F772";
}

.mdi-lock-smart:before {
    content: "\F8B1";
}

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

.mdi-magnet:before {
    content: "\F347";
}

.mdi-magnet-on:before {
    content: "\F348";
}

.mdi-magnify:before {
    content: "\F349";
}

.mdi-magnify-close:before {
    content: "\F97F";
}

.mdi-magnify-minus:before {
    content: "\F34A";
}

.mdi-magnify-minus-cursor:before {
    content: "\FA61";
}

.mdi-magnify-minus-outline:before {
    content: "\F6EB";
}

.mdi-magnify-plus:before {
    content: "\F34B";
}

.mdi-magnify-plus-cursor:before {
    content: "\FA62";
}

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

.mdi-map-marker:before {
    content: "\F34E";
}

.mdi-map-marker-circle:before {
    content: "\F34F";
}

.mdi-map-marker-distance:before {
    content: "\F8EF";
}

.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-map-minus:before {
    content: "\F980";
}

.mdi-map-outline:before {
    content: "\F981";
}

.mdi-map-plus:before {
    content: "\F982";
}

.mdi-map-search:before {
    content: "\F983";
}

.mdi-map-search-outline:before {
    content: "\F984";
}

.mdi-margin:before {
    content: "\F353";
}

.mdi-markdown:before {
    content: "\F354";
}

.mdi-marker:before {
    content: "\F652";
}

.mdi-marker-check:before {
    content: "\F355";
}

.mdi-mastodon:before {
    content: "\FAD0";
}

.mdi-mastodon-variant:before {
    content: "\FAD1";
}

.mdi-material-design:before {
    content: "\F985";
}

.mdi-material-ui:before {
    content: "\F357";
}

.mdi-math-compass:before {
    content: "\F358";
}

.mdi-matrix:before {
    content: "\F628";
}

.mdi-maxcdn:before {
    content: "\F359";
}

.mdi-medal:before {
    content: "\F986";
}

.mdi-medical-bag:before {
    content: "\F6EE";
}

.mdi-medium:before {
    content: "\F35A";
}

.mdi-meetup:before {
    content: "\FAD2";
}

.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-left-outline:before {
    content: "\FA01";
}

.mdi-menu-right:before {
    content: "\F35F";
}

.mdi-menu-right-outline:before {
    content: "\FA02";
}

.mdi-menu-swap:before {
    content: "\FA63";
}

.mdi-menu-swap-outline:before {
    content: "\FA64";
}

.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-alert-outline:before {
    content: "\FA03";
}

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

.mdi-microphone-off:before {
    content: "\F36D";
}

.mdi-microphone-outline:before {
    content: "\F36E";
}

.mdi-microphone-plus:before {
    content: "\F8B3";
}

.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-microsoft-dynamics:before {
    content: "\F987";
}

.mdi-midi:before {
    content: "\F8F0";
}

.mdi-midi-port:before {
    content: "\F8F1";
}

.mdi-minecraft:before {
    content: "\F373";
}

.mdi-mini-sd:before {
    content: "\FA04";
}

.mdi-minidisc:before {
    content: "\FA05";
}

.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-mixed-reality:before {
    content: "\F87E";
}

.mdi-mixer:before {
    content: "\F7DC";
}

.mdi-monitor:before {
    content: "\F379";
}

.mdi-monitor-cellphone:before {
    content: "\F988";
}

.mdi-monitor-cellphone-star:before {
    content: "\F989";
}

.mdi-monitor-dashboard:before {
    content: "\FA06";
}

.mdi-monitor-multiple:before {
    content: "\F37A";
}

.mdi-more:before {
    content: "\F37B";
}

.mdi-motorbike:before {
    content: "\F37C";
}

.mdi-mouse:before {
    content: "\F37D";
}

.mdi-mouse-bluetooth:before {
    content: "\F98A";
}

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

.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-circle-outline:before {
    content: "\FAD3";
}

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

.mdi-nativescript:before {
    content: "\F87F";
}

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

.mdi-network:before {
    content: "\F6F2";
}

.mdi-network-strength-1:before {
    content: "\F8F3";
}

.mdi-network-strength-1-alert:before {
    content: "\F8F4";
}

.mdi-network-strength-2:before {
    content: "\F8F5";
}

.mdi-network-strength-2-alert:before {
    content: "\F8F6";
}

.mdi-network-strength-3:before {
    content: "\F8F7";
}

.mdi-network-strength-3-alert:before {
    content: "\F8F8";
}

.mdi-network-strength-4:before {
    content: "\F8F9";
}

.mdi-network-strength-4-alert:before {
    content: "\F8FA";
}

.mdi-network-strength-off:before {
    content: "\F8FB";
}

.mdi-network-strength-off-outline:before {
    content: "\F8FC";
}

.mdi-network-strength-outline:before {
    content: "\F8FD";
}

.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-not-equal:before {
    content: "\F98C";
}

.mdi-not-equal-variant:before {
    content: "\F98D";
}

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

.mdi-notification-clear-all:before {
    content: "\F39F";
}

.mdi-npm:before {
    content: "\F6F6";
}

.mdi-npm-variant:before {
    content: "\F98E";
}

.mdi-npm-variant-outline:before {
    content: "\F98F";
}

.mdi-nuke:before {
    content: "\F6A3";
}

.mdi-null:before {
    content: "\F7E1";
}

.mdi-numeric:before {
    content: "\F3A0";
}

.mdi-numeric-0:before {
    content: "\30";
}

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

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

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

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

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

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

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

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

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

.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-office-building:before {
    content: "\F990";
}

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

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

.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-palette-swatch:before {
    content: "\F8B4";
}

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

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

.mdi-peace:before {
    content: "\F883";
}

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

.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-lock: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-return:before {
    content: "\F82E";
}

.mdi-phone-rotate-landscape:before {
    content: "\F884";
}

.mdi-phone-rotate-portrait:before {
    content: "\F885";
}

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

.mdi-pier:before {
    content: "\F886";
}

.mdi-pier-crane:before {
    content: "\F887";
}

.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-pin-off-outline:before {
    content: "\F92F";
}

.mdi-pin-outline:before {
    content: "\F930";
}

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

.mdi-pinwheel-outline:before {
    content: "\FAD5";
}

.mdi-pipe:before {
    content: "\F7E4";
}

.mdi-pipe-disconnected:before {
    content: "\F7E5";
}

.mdi-pipe-leak:before {
    content: "\F888";
}

.mdi-pirate:before {
    content: "\FA07";
}

.mdi-pistol:before {
    content: "\F702";
}

.mdi-piston:before {
    content: "\F889";
}

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

.mdi-play-pause:before {
    content: "\F40E";
}

.mdi-play-protected-content:before {
    content: "\F40F";
}

.mdi-play-speed:before {
    content: "\F8FE";
}

.mdi-playlist-check:before {
    content: "\F5C7";
}

.mdi-playlist-edit:before {
    content: "\F8FF";
}

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

.mdi-plus-minus-box:before {
    content: "\F992";
}

.mdi-plus-network:before {
    content: "\F41A";
}

.mdi-plus-one:before {
    content: "\F41B";
}

.mdi-plus-outline:before {
    content: "\F704";
}

.mdi-pocket:before {
    content: "\F41C";
}

.mdi-podcast:before {
    content: "\F993";
}

.mdi-pokeball:before {
    content: "\F41D";
}

.mdi-pokemon-go:before {
    content: "\FA08";
}

.mdi-poker-chip:before {
    content: "\F82F";
}

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

.mdi-power-off:before {
    content: "\F901";
}

.mdi-power-on:before {
    content: "\F902";
}

.mdi-power-plug:before {
    content: "\F6A4";
}

.mdi-power-plug-off:before {
    content: "\F6A5";
}

.mdi-power-settings:before {
    content: "\F426";
}

.mdi-power-sleep:before {
    content: "\F903";
}

.mdi-power-socket:before {
    content: "\F427";
}

.mdi-power-socket-au:before {
    content: "\F904";
}

.mdi-power-socket-eu:before {
    content: "\F7E6";
}

.mdi-power-socket-uk:before {
    content: "\F7E7";
}

.mdi-power-socket-us:before {
    content: "\F7E8";
}

.mdi-power-standby:before {
    content: "\F905";
}

.mdi-powershell:before {
    content: "\FA09";
}

.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-printer-wireless:before {
    content: "\FA0A";
}

.mdi-priority-high:before {
    content: "\F603";
}

.mdi-priority-low:before {
    content: "\F604";
}

.mdi-professional-hexagon:before {
    content: "\F42D";
}

.mdi-progress-check:before {
    content: "\F994";
}

.mdi-progress-clock:before {
    content: "\F995";
}

.mdi-progress-download:before {
    content: "\F996";
}

.mdi-progress-upload:before {
    content: "\F997";
}

.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-puzzle-outline:before {
    content: "\FA65";
}

.mdi-qi:before {
    content: "\F998";
}

.mdi-qqchat:before {
    content: "\F605";
}

.mdi-qrcode:before {
    content: "\F432";
}

.mdi-qrcode-edit:before {
    content: "\F8B7";
}

.mdi-qrcode-scan:before {
    content: "\F433";
}

.mdi-quadcopter:before {
    content: "\F434";
}

.mdi-quality-high:before {
    content: "\F435";
}

.mdi-quality-low:before {
    content: "\FA0B";
}

.mdi-quality-medium:before {
    content: "\FA0C";
}

.mdi-quicktime:before {
    content: "\F436";
}

.mdi-rabbit:before {
    content: "\F906";
}

.mdi-radar:before {
    content: "\F437";
}

.mdi-radiator:before {
    content: "\F438";
}

.mdi-radiator-disabled:before {
    content: "\FAD6";
}

.mdi-radiator-off:before {
    content: "\FAD7";
}

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

.mdi-read:before {
    content: "\F447";
}

.mdi-receipt:before {
    content: "\F449";
}

.mdi-record:before {
    content: "\F44A";
}

.mdi-record-player:before {
    content: "\F999";
}

.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-reflect-horizontal:before {
    content: "\FA0D";
}

.mdi-reflect-vertical:before {
    content: "\FA0E";
}

.mdi-refresh:before {
    content: "\F450";
}

.mdi-regex:before {
    content: "\F451";
}

.mdi-registered-trademark:before {
    content: "\FA66";
}

.mdi-relative-scale:before {
    content: "\F452";
}

.mdi-reload:before {
    content: "\F453";
}

.mdi-reminder:before {
    content: "\F88B";
}

.mdi-remote:before {
    content: "\F454";
}

.mdi-remote-desktop:before {
    content: "\F8B8";
}

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

.mdi-resistor-nodes:before {
    content: "\FB20";
}

.mdi-resize:before {
    content: "\FA67";
}

.mdi-resize-bottom-right:before {
    content: "\F45D";
}

.mdi-responsive:before {
    content: "\F45E";
}

.mdi-restart:before {
    content: "\F708";
}

.mdi-restore:before {
    content: "\F99A";
}

.mdi-restore-clock:before {
    content: "\F6A7";
}

.mdi-rewind:before {
    content: "\F45F";
}

.mdi-rewind-outline:before {
    content: "\F709";
}

.mdi-rhombus:before {
    content: "\F70A";
}

.mdi-rhombus-medium:before {
    content: "\FA0F";
}

.mdi-rhombus-outline:before {
    content: "\F70B";
}

.mdi-rhombus-split:before {
    content: "\FA10";
}

.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-robot-industrial:before {
    content: "\FB21";
}

.mdi-robot-vacuum:before {
    content: "\F70C";
}

.mdi-robot-vacuum-variant:before {
    content: "\F907";
}

.mdi-rocket:before {
    content: "\F463";
}

.mdi-room-service:before {
    content: "\F88C";
}

.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-router-wireless-settings:before {
    content: "\FA68";
}

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

.mdi-sale:before {
    content: "\F46F";
}

.mdi-salesforce:before {
    content: "\F88D";
}

.mdi-sass:before {
    content: "\F7EB";
}

.mdi-satellite:before {
    content: "\F470";
}

.mdi-satellite-uplink:before {
    content: "\F908";
}

.mdi-satellite-variant:before {
    content: "\F471";
}

.mdi-sausage:before {
    content: "\F8B9";
}

.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-scanner-off:before {
    content: "\F909";
}

.mdi-school:before {
    content: "\F474";
}

.mdi-scissors-cutting:before {
    content: "\FA6A";
}

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

.mdi-security-account-outline:before {
    content: "\FA11";
}

.mdi-security-close:before {
    content: "\F99B";
}

.mdi-security-home:before {
    content: "\F689";
}

.mdi-security-lock:before {
    content: "\F99C";
}

.mdi-security-network:before {
    content: "\F484";
}

.mdi-security-off:before {
    content: "\F99D";
}

.mdi-select:before {
    content: "\F485";
}

.mdi-select-all:before {
    content: "\F486";
}

.mdi-select-compare:before {
    content: "\FAD8";
}

.mdi-select-drag:before {
    content: "\FA6B";
}

.mdi-select-inverse:before {
    content: "\F487";
}

.mdi-select-off:before {
    content: "\F488";
}

.mdi-selection:before {
    content: "\F489";
}

.mdi-selection-drag:before {
    content: "\FA6C";
}

.mdi-selection-off:before {
    content: "\F776";
}

.mdi-send:before {
    content: "\F48A";
}

.mdi-send-lock: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-set-top-box:before {
    content: "\F99E";
}

.mdi-settings:before {
    content: "\F493";
}

.mdi-settings-box:before {
    content: "\F494";
}

.mdi-settings-helper:before {
    content: "\FA6D";
}

.mdi-settings-outline:before {
    content: "\F8BA";
}

.mdi-shape:before {
    content: "\F830";
}

.mdi-shape-circle-plus:before {
    content: "\F65D";
}

.mdi-shape-outline:before {
    content: "\F831";
}

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

.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-shield-plus:before {
    content: "\FAD9";
}

.mdi-shield-plus-outline:before {
    content: "\FADA";
}

.mdi-shield-remove:before {
    content: "\FADB";
}

.mdi-shield-remove-outline:before {
    content: "\FADC";
}

.mdi-ship-wheel:before {
    content: "\F832";
}

.mdi-shoe-formal:before {
    content: "\FB22";
}

.mdi-shoe-heel:before {
    content: "\FB23";
}

.mdi-shopify:before {
    content: "\FADD";
}

.mdi-shopping:before {
    content: "\F49A";
}

.mdi-shopping-music:before {
    content: "\F49B";
}

.mdi-shovel:before {
    content: "\F70F";
}

.mdi-shovel-off:before {
    content: "\F710";
}

.mdi-shower:before {
    content: "\F99F";
}

.mdi-shower-head:before {
    content: "\F9A0";
}

.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-5g:before {
    content: "\FA6E";
}

.mdi-signal-cellular-1:before {
    content: "\F8BB";
}

.mdi-signal-cellular-2:before {
    content: "\F8BC";
}

.mdi-signal-cellular-3:before {
    content: "\F8BD";
}

.mdi-signal-cellular-outline:before {
    content: "\F8BE";
}

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

.mdi-silverware:before {
    content: "\F4A3";
}

.mdi-silverware-fork:before {
    content: "\F4A4";
}

.mdi-silverware-fork-knife:before {
    content: "\FA6F";
}

.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-sina-weibo:before {
    content: "\FADE";
}

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

.mdi-sleep:before {
    content: "\F4B2";
}

.mdi-sleep-off:before {
    content: "\F4B3";
}

.mdi-smog:before {
    content: "\FA70";
}

.mdi-smoke-detector:before {
    content: "\F392";
}

.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-soccer-field:before {
    content: "\F833";
}

.mdi-sofa:before {
    content: "\F4B9";
}

.mdi-solar-power:before {
    content: "\FA71";
}

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

.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-spray-bottle:before {
    content: "\FADF";
}

.mdi-square:before {
    content: "\F763";
}

.mdi-square-edit-outline:before {
    content: "\F90B";
}

.mdi-square-inc:before {
    content: "\F4CA";
}

.mdi-square-inc-cash:before {
    content: "\F4CB";
}

.mdi-square-medium:before {
    content: "\FA12";
}

.mdi-square-medium-outline:before {
    content: "\FA13";
}

.mdi-square-outline:before {
    content: "\F762";
}

.mdi-square-root:before {
    content: "\F783";
}

.mdi-square-root-box:before {
    content: "\F9A2";
}

.mdi-square-small:before {
    content: "\FA14";
}

.mdi-squeegee:before {
    content: "\FAE0";
}

.mdi-ssh:before {
    content: "\F8BF";
}

.mdi-stack-exchange:before {
    content: "\F60B";
}

.mdi-stack-overflow: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-box:before {
    content: "\FA72";
}

.mdi-star-box-outline:before {
    content: "\FA73";
}

.mdi-star-circle:before {
    content: "\F4CF";
}

.mdi-star-circle-outline:before {
    content: "\F9A3";
}

.mdi-star-face:before {
    content: "\F9A4";
}

.mdi-star-four-points:before {
    content: "\FAE1";
}

.mdi-star-four-points-outline:before {
    content: "\FAE2";
}

.mdi-star-half:before {
    content: "\F4D0";
}

.mdi-star-off:before {
    content: "\F4D1";
}

.mdi-star-outline:before {
    content: "\F4D2";
}

.mdi-star-three-points:before {
    content: "\FAE3";
}

.mdi-star-three-points-outline:before {
    content: "\FAE4";
}

.mdi-steam:before {
    content: "\F4D3";
}

.mdi-steam-box:before {
    content: "\F90C";
}

.mdi-steering:before {
    content: "\F4D4";
}

.mdi-steering-off:before {
    content: "\F90D";
}

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

.mdi-subdirectory-arrow-left:before {
    content: "\F60C";
}

.mdi-subdirectory-arrow-right:before {
    content: "\F60D";
}

.mdi-subtitles:before {
    content: "\FA15";
}

.mdi-subtitles-outline:before {
    content: "\FA16";
}

.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-horizontal-variant:before {
    content: "\F8C0";
}

.mdi-swap-vertical:before {
    content: "\F4E2";
}

.mdi-swap-vertical-variant:before {
    content: "\F8C1";
}

.mdi-swim:before {
    content: "\F4E3";
}

.mdi-switch:before {
    content: "\F4E4";
}

.mdi-sword:before {
    content: "\F4E5";
}

.mdi-sword-cross:before {
    content: "\F786";
}

.mdi-symfony:before {
    content: "\FAE5";
}

.mdi-sync:before {
    content: "\F4E6";
}

.mdi-sync-alert:before {
    content: "\F4E7";
}

.mdi-sync-off:before {
    content: "\F4E8";
}

.mdi-tab:before {
    content: "\F4E9";
}

.mdi-tab-minus:before {
    content: "\FB26";
}

.mdi-tab-plus:before {
    content: "\F75B";
}

.mdi-tab-remove:before {
    content: "\FB27";
}

.mdi-tab-unselected:before {
    content: "\F4EA";
}

.mdi-table:before {
    content: "\F4EB";
}

.mdi-table-border:before {
    content: "\FA17";
}

.mdi-table-column:before {
    content: "\F834";
}

.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-merge-cells:before {
    content: "\F9A5";
}

.mdi-table-of-contents:before {
    content: "\F835";
}

.mdi-table-plus:before {
    content: "\FA74";
}

.mdi-table-remove:before {
    content: "\FA75";
}

.mdi-table-row:before {
    content: "\F836";
}

.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-table-search:before {
    content: "\F90E";
}

.mdi-table-settings:before {
    content: "\F837";
}

.mdi-tablet:before {
    content: "\F4F6";
}

.mdi-tablet-android:before {
    content: "\F4F7";
}

.mdi-tablet-cellphone:before {
    content: "\F9A6";
}

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

.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-tape-measure:before {
    content: "\FB28";
}

.mdi-target:before {
    content: "\F4FE";
}

.mdi-target-variant:before {
    content: "\FA76";
}

.mdi-taxi:before {
    content: "\F4FF";
}

.mdi-teach:before {
    content: "\F88F";
}

.mdi-teamviewer:before {
    content: "\F500";
}

.mdi-telegram:before {
    content: "\F501";
}

.mdi-telescope:before {
    content: "\FB29";
}

.mdi-television:before {
    content: "\F502";
}

.mdi-television-box:before {
    content: "\F838";
}

.mdi-television-classic:before {
    content: "\F7F3";
}

.mdi-television-classic-off:before {
    content: "\F839";
}

.mdi-television-guide:before {
    content: "\F503";
}

.mdi-television-off:before {
    content: "\F83A";
}

.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-test-tube-empty:before {
    content: "\F910";
}

.mdi-test-tube-off:before {
    content: "\F911";
}

.mdi-text:before {
    content: "\F9A7";
}

.mdi-text-shadow:before {
    content: "\F669";
}

.mdi-text-short:before {
    content: "\F9A8";
}

.mdi-text-subject:before {
    content: "\F9A9";
}

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

.mdi-thermostat-box:before {
    content: "\F890";
}

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

.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-toggle-switch-off-outline:before {
    content: "\FA18";
}

.mdi-toggle-switch-outline:before {
    content: "\FA19";
}

.mdi-toilet:before {
    content: "\F9AA";
}

.mdi-toolbox:before {
    content: "\F9AB";
}

.mdi-toolbox-outline:before {
    content: "\F9AC";
}

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

.mdi-tooth-outline:before {
    content: "\F529";
}

.mdi-tor:before {
    content: "\F52A";
}

.mdi-tournament:before {
    content: "\F9AD";
}

.mdi-tower-beach:before {
    content: "\F680";
}

.mdi-tower-fire:before {
    content: "\F681";
}

.mdi-towing:before {
    content: "\F83B";
}

.mdi-track-light:before {
    content: "\F913";
}

.mdi-trackpad:before {
    content: "\F7F7";
}

.mdi-trackpad-lock:before {
    content: "\F932";
}

.mdi-tractor:before {
    content: "\F891";
}

.mdi-trademark:before {
    content: "\FA77";
}

.mdi-traffic-light:before {
    content: "\F52B";
}

.mdi-train:before {
    content: "\F52C";
}

.mdi-train-variant:before {
    content: "\F8C3";
}

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

.mdi-transition-masked:before {
    content: "\F915";
}

.mdi-translate:before {
    content: "\F5CA";
}

.mdi-trash-can:before {
    content: "\FA78";
}

.mdi-trash-can-outline:before {
    content: "\FA79";
}

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

.mdi-tshirt-crew-outline:before {
    content: "\F53F";
}

.mdi-tshirt-v:before {
    content: "\FA7B";
}

.mdi-tshirt-v-outline:before {
    content: "\F540";
}

.mdi-tumble-dryer:before {
    content: "\F916";
}

.mdi-tumblr:before {
    content: "\F541";
}

.mdi-tumblr-box:before {
    content: "\F917";
}

.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-two-factor-authentication:before {
    content: "\F9AE";
}

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

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

.mdi-untappd:before {
    content: "\F551";
}

.mdi-update:before {
    content: "\F6AF";
}

.mdi-upload:before {
    content: "\F552";
}

.mdi-upload-multiple:before {
    content: "\F83C";
}

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

.mdi-vector-arrange-above:before {
    content: "\F554";
}

.mdi-vector-arrange-below:before {
    content: "\F555";
}

.mdi-vector-bezier:before {
    content: "\FAE7";
}

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

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

.mdi-verified:before {
    content: "\F565";
}

.mdi-vhs:before {
    content: "\FA1A";
}

.mdi-vibrate:before {
    content: "\F566";
}

.mdi-video:before {
    content: "\F567";
}

.mdi-video-3d:before {
    content: "\F7FC";
}

.mdi-video-4k-box:before {
    content: "\F83D";
}

.mdi-video-account:before {
    content: "\F918";
}

.mdi-video-image:before {
    content: "\F919";
}

.mdi-video-input-antenna:before {
    content: "\F83E";
}

.mdi-video-input-component:before {
    content: "\F83F";
}

.mdi-video-input-hdmi:before {
    content: "\F840";
}

.mdi-video-input-svideo:before {
    content: "\F841";
}

.mdi-video-minus:before {
    content: "\F9B1";
}

.mdi-video-off:before {
    content: "\F568";
}

.mdi-video-plus:before {
    content: "\F9B2";
}

.mdi-video-stabilization:before {
    content: "\F91A";
}

.mdi-video-switch:before {
    content: "\F569";
}

.mdi-video-vintage:before {
    content: "\FA1B";
}

.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-dashboard-outline:before {
    content: "\FA1C";
}

.mdi-view-dashboard-variant:before {
    content: "\F842";
}

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

.mdi-virtual-reality:before {
    content: "\F893";
}

.mdi-visual-studio:before {
    content: "\F610";
}

.mdi-visual-studio-code:before {
    content: "\FA1D";
}

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

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

.mdi-vote-outline:before {
    content: "\FA1F";
}

.mdi-vpn:before {
    content: "\F582";
}

.mdi-vuejs:before {
    content: "\F843";
}

.mdi-walk:before {
    content: "\F583";
}

.mdi-wall:before {
    content: "\F7FD";
}

.mdi-wall-sconce:before {
    content: "\F91B";
}

.mdi-wall-sconce-flat:before {
    content: "\F91C";
}

.mdi-wall-sconce-variant:before {
    content: "\F91D";
}

.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-export-variant:before {
    content: "\F894";
}

.mdi-watch-import:before {
    content: "\F58B";
}

.mdi-watch-import-variant:before {
    content: "\F895";
}

.mdi-watch-variant:before {
    content: "\F896";
}

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

.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-weight-pound:before {
    content: "\F9B4";
}

.mdi-whatsapp:before {
    content: "\F5A3";
}

.mdi-wheelchair-accessibility:before {
    content: "\F5A4";
}

.mdi-whistle:before {
    content: "\F9B5";
}

.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-wifi-strength-1:before {
    content: "\F91E";
}

.mdi-wifi-strength-1-alert:before {
    content: "\F91F";
}

.mdi-wifi-strength-1-lock:before {
    content: "\F920";
}

.mdi-wifi-strength-2:before {
    content: "\F921";
}

.mdi-wifi-strength-2-alert:before {
    content: "\F922";
}

.mdi-wifi-strength-2-lock:before {
    content: "\F923";
}

.mdi-wifi-strength-3:before {
    content: "\F924";
}

.mdi-wifi-strength-3-alert:before {
    content: "\F925";
}

.mdi-wifi-strength-3-lock:before {
    content: "\F926";
}

.mdi-wifi-strength-4:before {
    content: "\F927";
}

.mdi-wifi-strength-4-alert:before {
    content: "\F928";
}

.mdi-wifi-strength-4-lock:before {
    content: "\F929";
}

.mdi-wifi-strength-alert-outline:before {
    content: "\F92A";
}

.mdi-wifi-strength-lock-outline:before {
    content: "\F92B";
}

.mdi-wifi-strength-off:before {
    content: "\F92C";
}

.mdi-wifi-strength-off-outline:before {
    content: "\F92D";
}

.mdi-wifi-strength-outline:before {
    content: "\F92E";
}

.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-windows-classic:before {
    content: "\FA20";
}

.mdi-wiper:before {
    content: "\FAE8";
}

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

.mdi-xamarin-outline:before {
    content: "\F845";
}

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

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

.mdi-yammer:before {
    content: "\F788";
}

.mdi-yeast:before {
    content: "\F5C1";
}

.mdi-yelp:before {
    content: "\F5C2";
}

.mdi-yin-yang:before {
    content: "\F67F";
}

.mdi-youtube:before {
    content: "\F5C3";
}

.mdi-youtube-creator-studio:before {
    content: "\F846";
}

.mdi-youtube-gaming:before {
    content: "\F847";
}

.mdi-youtube-tv:before {
    content: "\F448";
}

.mdi-z-wave:before {
    content: "\FAE9";
}

.mdi-zend:before {
    content: "\FAEA";
}

.mdi-zip-box:before {
    content: "\F5C4";
}

.mdi-zip-disk:before {
    content: "\FA22";
}

.mdi-zodiac-aquarius:before {
    content: "\FA7C";
}

.mdi-zodiac-aries:before {
    content: "\FA7D";
}

.mdi-zodiac-cancer:before {
    content: "\FA7E";
}

.mdi-zodiac-capricorn:before {
    content: "\FA7F";
}

.mdi-zodiac-gemini:before {
    content: "\FA80";
}

.mdi-zodiac-leo:before {
    content: "\FA81";
}

.mdi-zodiac-libra:before {
    content: "\FA82";
}

.mdi-zodiac-pisces:before {
    content: "\FA83";
}

.mdi-zodiac-sagittarius:before {
    content: "\FA84";
}

.mdi-zodiac-scorpio:before {
    content: "\FA85";
}

.mdi-zodiac-taurus:before {
    content: "\FA86";
}

.mdi-zodiac-virgo:before {
    content: "\FA87";
}

.mdi-blank:before {
    content: "\F68C";
    visibility: hidden;
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
    font-size: 18px;
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
    font-size: 24px;
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
    font-size: 36px;
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
    font-size: 48px;
}

.mdi-dark:before {
    color: rgba(0,0,0,0.54);
}

.mdi-dark.mdi-inactive:before {
    color: rgba(0,0,0,0.26);
}

.mdi-light:before {
    color: #fff;
}

.mdi-light.mdi-inactive:before {
    color: rgba(255,255,255,0.3);
}

.mdi-rotate-45:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mdi-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mdi-rotate-135:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.mdi-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mdi-rotate-225:before {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.mdi-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.mdi-rotate-315:before {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
}

.mdi-flip-h:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.mdi-flip-v:before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.mdi-spin:before {
    -webkit-animation: mdi-spin 2s infinite linear;
    animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes mdi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/*# sourceMappingURL=materialdesignicons.min.css.map */


@-moz-keyframes flash {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flash {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes flash {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    80% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    10% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    30% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    40% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    60% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    70% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    10% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    30% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    40% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    60% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    70% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    10% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    30% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    40% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    60% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    70% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    10% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    30% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    40% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    60% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    70% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    10% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    30% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    40% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    60% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    70% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes tada {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    10% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    50% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    60% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    70% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    10% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    50% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    60% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    70% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    10% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    50% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    60% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    70% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-ms-keyframes tada {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    10% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    50% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    60% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    70% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    10% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        -o-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    50% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    60% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    70% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        -o-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        -o-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-moz-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center 50%;
        -moz-transform-origin: top center 50%;
        -ms-transform-origin: top center 50%;
        -o-transform-origin: top center 50%;
        transform-origin: top center 50%;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center 50%;
        -moz-transform-origin: top center 50%;
        -ms-transform-origin: top center 50%;
        -o-transform-origin: top center 50%;
        transform-origin: top center 50%;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-o-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center 50%;
        -moz-transform-origin: top center 50%;
        -ms-transform-origin: top center 50%;
        -o-transform-origin: top center 50%;
        transform-origin: top center 50%;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-ms-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center 50%;
        -moz-transform-origin: top center 50%;
        -ms-transform-origin: top center 50%;
        -o-transform-origin: top center 50%;
        transform-origin: top center 50%;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center 50%;
        -moz-transform-origin: top center 50%;
        -ms-transform-origin: top center 50%;
        -o-transform-origin: top center 50%;
        transform-origin: top center 50%;
    }

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        -o-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        -o-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        -o-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        -o-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        -o-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        -o-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        -o-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        -o-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        -o-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        -o-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-o-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        -o-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        -o-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        -o-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        -o-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        -o-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-ms-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        -o-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        -o-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        -o-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        -o-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        -o-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        -o-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        -o-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        -o-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        -o-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        -o-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-o-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-ms-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-moz-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
        -moz-transform: skewX(9deg);
        -ms-transform: skewX(9deg);
        -o-transform: skewX(9deg);
        transform: skewX(9deg);
    }

    10% {
        -webkit-transform: skewX(-8deg);
        -moz-transform: skewX(-8deg);
        -ms-transform: skewX(-8deg);
        -o-transform: skewX(-8deg);
        transform: skewX(-8deg);
    }

    20% {
        -webkit-transform: skewX(7deg);
        -moz-transform: skewX(7deg);
        -ms-transform: skewX(7deg);
        -o-transform: skewX(7deg);
        transform: skewX(7deg);
    }

    30% {
        -webkit-transform: skewX(-6deg);
        -moz-transform: skewX(-6deg);
        -ms-transform: skewX(-6deg);
        -o-transform: skewX(-6deg);
        transform: skewX(-6deg);
    }

    40% {
        -webkit-transform: skewX(5deg);
        -moz-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        -o-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    50% {
        -webkit-transform: skewX(-4deg);
        -moz-transform: skewX(-4deg);
        -ms-transform: skewX(-4deg);
        -o-transform: skewX(-4deg);
        transform: skewX(-4deg);
    }

    60% {
        -webkit-transform: skewX(3deg);
        -moz-transform: skewX(3deg);
        -ms-transform: skewX(3deg);
        -o-transform: skewX(3deg);
        transform: skewX(3deg);
    }

    70% {
        -webkit-transform: skewX(-2deg);
        -moz-transform: skewX(-2deg);
        -ms-transform: skewX(-2deg);
        -o-transform: skewX(-2deg);
        transform: skewX(-2deg);
    }

    80% {
        -webkit-transform: skewX(1deg);
        -moz-transform: skewX(1deg);
        -ms-transform: skewX(1deg);
        -o-transform: skewX(1deg);
        transform: skewX(1deg);
    }

    90% {
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }

    100% {
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
        -moz-transform: skewX(9deg);
        -ms-transform: skewX(9deg);
        -o-transform: skewX(9deg);
        transform: skewX(9deg);
    }

    10% {
        -webkit-transform: skewX(-8deg);
        -moz-transform: skewX(-8deg);
        -ms-transform: skewX(-8deg);
        -o-transform: skewX(-8deg);
        transform: skewX(-8deg);
    }

    20% {
        -webkit-transform: skewX(7deg);
        -moz-transform: skewX(7deg);
        -ms-transform: skewX(7deg);
        -o-transform: skewX(7deg);
        transform: skewX(7deg);
    }

    30% {
        -webkit-transform: skewX(-6deg);
        -moz-transform: skewX(-6deg);
        -ms-transform: skewX(-6deg);
        -o-transform: skewX(-6deg);
        transform: skewX(-6deg);
    }

    40% {
        -webkit-transform: skewX(5deg);
        -moz-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        -o-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    50% {
        -webkit-transform: skewX(-4deg);
        -moz-transform: skewX(-4deg);
        -ms-transform: skewX(-4deg);
        -o-transform: skewX(-4deg);
        transform: skewX(-4deg);
    }

    60% {
        -webkit-transform: skewX(3deg);
        -moz-transform: skewX(3deg);
        -ms-transform: skewX(3deg);
        -o-transform: skewX(3deg);
        transform: skewX(3deg);
    }

    70% {
        -webkit-transform: skewX(-2deg);
        -moz-transform: skewX(-2deg);
        -ms-transform: skewX(-2deg);
        -o-transform: skewX(-2deg);
        transform: skewX(-2deg);
    }

    80% {
        -webkit-transform: skewX(1deg);
        -moz-transform: skewX(1deg);
        -ms-transform: skewX(1deg);
        -o-transform: skewX(1deg);
        transform: skewX(1deg);
    }

    90% {
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }

    100% {
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }
}

@-o-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
        -moz-transform: skewX(9deg);
        -ms-transform: skewX(9deg);
        -o-transform: skewX(9deg);
        transform: skewX(9deg);
    }

    10% {
        -webkit-transform: skewX(-8deg);
        -moz-transform: skewX(-8deg);
        -ms-transform: skewX(-8deg);
        -o-transform: skewX(-8deg);
        transform: skewX(-8deg);
    }

    20% {
        -webkit-transform: skewX(7deg);
        -moz-transform: skewX(7deg);
        -ms-transform: skewX(7deg);
        -o-transform: skewX(7deg);
        transform: skewX(7deg);
    }

    30% {
        -webkit-transform: skewX(-6deg);
        -moz-transform: skewX(-6deg);
        -ms-transform: skewX(-6deg);
        -o-transform: skewX(-6deg);
        transform: skewX(-6deg);
    }

    40% {
        -webkit-transform: skewX(5deg);
        -moz-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        -o-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    50% {
        -webkit-transform: skewX(-4deg);
        -moz-transform: skewX(-4deg);
        -ms-transform: skewX(-4deg);
        -o-transform: skewX(-4deg);
        transform: skewX(-4deg);
    }

    60% {
        -webkit-transform: skewX(3deg);
        -moz-transform: skewX(3deg);
        -ms-transform: skewX(3deg);
        -o-transform: skewX(3deg);
        transform: skewX(3deg);
    }

    70% {
        -webkit-transform: skewX(-2deg);
        -moz-transform: skewX(-2deg);
        -ms-transform: skewX(-2deg);
        -o-transform: skewX(-2deg);
        transform: skewX(-2deg);
    }

    80% {
        -webkit-transform: skewX(1deg);
        -moz-transform: skewX(1deg);
        -ms-transform: skewX(1deg);
        -o-transform: skewX(1deg);
        transform: skewX(1deg);
    }

    90% {
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }

    100% {
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }
}

@-ms-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
        -moz-transform: skewX(9deg);
        -ms-transform: skewX(9deg);
        -o-transform: skewX(9deg);
        transform: skewX(9deg);
    }

    10% {
        -webkit-transform: skewX(-8deg);
        -moz-transform: skewX(-8deg);
        -ms-transform: skewX(-8deg);
        -o-transform: skewX(-8deg);
        transform: skewX(-8deg);
    }

    20% {
        -webkit-transform: skewX(7deg);
        -moz-transform: skewX(7deg);
        -ms-transform: skewX(7deg);
        -o-transform: skewX(7deg);
        transform: skewX(7deg);
    }

    30% {
        -webkit-transform: skewX(-6deg);
        -moz-transform: skewX(-6deg);
        -ms-transform: skewX(-6deg);
        -o-transform: skewX(-6deg);
        transform: skewX(-6deg);
    }

    40% {
        -webkit-transform: skewX(5deg);
        -moz-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        -o-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    50% {
        -webkit-transform: skewX(-4deg);
        -moz-transform: skewX(-4deg);
        -ms-transform: skewX(-4deg);
        -o-transform: skewX(-4deg);
        transform: skewX(-4deg);
    }

    60% {
        -webkit-transform: skewX(3deg);
        -moz-transform: skewX(3deg);
        -ms-transform: skewX(3deg);
        -o-transform: skewX(3deg);
        transform: skewX(3deg);
    }

    70% {
        -webkit-transform: skewX(-2deg);
        -moz-transform: skewX(-2deg);
        -ms-transform: skewX(-2deg);
        -o-transform: skewX(-2deg);
        transform: skewX(-2deg);
    }

    80% {
        -webkit-transform: skewX(1deg);
        -moz-transform: skewX(1deg);
        -ms-transform: skewX(1deg);
        -o-transform: skewX(1deg);
        transform: skewX(1deg);
    }

    90% {
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }

    100% {
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }
}

@keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
        -moz-transform: skewX(9deg);
        -ms-transform: skewX(9deg);
        -o-transform: skewX(9deg);
        transform: skewX(9deg);
    }

    10% {
        -webkit-transform: skewX(-8deg);
        -moz-transform: skewX(-8deg);
        -ms-transform: skewX(-8deg);
        -o-transform: skewX(-8deg);
        transform: skewX(-8deg);
    }

    20% {
        -webkit-transform: skewX(7deg);
        -moz-transform: skewX(7deg);
        -ms-transform: skewX(7deg);
        -o-transform: skewX(7deg);
        transform: skewX(7deg);
    }

    30% {
        -webkit-transform: skewX(-6deg);
        -moz-transform: skewX(-6deg);
        -ms-transform: skewX(-6deg);
        -o-transform: skewX(-6deg);
        transform: skewX(-6deg);
    }

    40% {
        -webkit-transform: skewX(5deg);
        -moz-transform: skewX(5deg);
        -ms-transform: skewX(5deg);
        -o-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    50% {
        -webkit-transform: skewX(-4deg);
        -moz-transform: skewX(-4deg);
        -ms-transform: skewX(-4deg);
        -o-transform: skewX(-4deg);
        transform: skewX(-4deg);
    }

    60% {
        -webkit-transform: skewX(3deg);
        -moz-transform: skewX(3deg);
        -ms-transform: skewX(3deg);
        -o-transform: skewX(3deg);
        transform: skewX(3deg);
    }

    70% {
        -webkit-transform: skewX(-2deg);
        -moz-transform: skewX(-2deg);
        -ms-transform: skewX(-2deg);
        -o-transform: skewX(-2deg);
        transform: skewX(-2deg);
    }

    80% {
        -webkit-transform: skewX(1deg);
        -moz-transform: skewX(1deg);
        -ms-transform: skewX(1deg);
        -o-transform: skewX(1deg);
        transform: skewX(1deg);
    }

    90% {
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }

    100% {
        -webkit-transform: skewX(0deg);
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -o-transform: skewX(0deg);
        transform: skewX(0deg);
    }
}

@-moz-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.95, 0.95);
        -moz-transform: scale(0.95, 0.95);
        -ms-transform: scale(0.95, 0.95);
        -o-transform: scale(0.95, 0.95);
        transform: scale(0.95, 0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -ms-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3);
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.95, 0.95);
        -moz-transform: scale(0.95, 0.95);
        -ms-transform: scale(0.95, 0.95);
        -o-transform: scale(0.95, 0.95);
        transform: scale(0.95, 0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -ms-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3);
    }
}

@-o-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.95, 0.95);
        -moz-transform: scale(0.95, 0.95);
        -ms-transform: scale(0.95, 0.95);
        -o-transform: scale(0.95, 0.95);
        transform: scale(0.95, 0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -ms-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3);
    }
}

@-ms-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.95, 0.95);
        -moz-transform: scale(0.95, 0.95);
        -ms-transform: scale(0.95, 0.95);
        -o-transform: scale(0.95, 0.95);
        transform: scale(0.95, 0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -ms-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    25% {
        -webkit-transform: scale(0.95, 0.95);
        -moz-transform: scale(0.95, 0.95);
        -ms-transform: scale(0.95, 0.95);
        -o-transform: scale(0.95, 0.95);
        transform: scale(0.95, 0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -ms-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3);
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-ms-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-ms-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-ms-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-ms-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -ms-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }

    70% {
        -webkit-transform: scale(0.9, 0.9);
        -moz-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        -o-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -ms-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }

    70% {
        -webkit-transform: scale(0.9, 0.9);
        -moz-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        -o-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -ms-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }

    70% {
        -webkit-transform: scale(0.9, 0.9);
        -moz-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        -o-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-ms-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -ms-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }

    70% {
        -webkit-transform: scale(0.9, 0.9);
        -moz-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        -o-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3, 0.3);
        -moz-transform: scale(0.3, 0.3);
        -ms-transform: scale(0.3, 0.3);
        -o-transform: scale(0.3, 0.3);
        transform: scale(0.3, 0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }

    70% {
        -webkit-transform: scale(0.9, 0.9);
        -moz-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
        -o-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}

@-o-keyframes fadeOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}

@-ms-keyframes fadeOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}

@keyframes fadeOutUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}

@-o-keyframes fadeOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}

@-ms-keyframes fadeOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}

@keyframes fadeOutDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}

@-o-keyframes fadeOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}

@-ms-keyframes fadeOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}

@keyframes fadeOutRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}

@-ms-keyframes fadeOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}

@keyframes fadeOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
        opacity: 0;
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
        opacity: 0;
    }
}

@-ms-keyframes fadeOutUpBig {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
        opacity: 0;
    }
}

@keyframes fadeOutUpBig {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
        opacity: 0;
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-ms-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-ms-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-ms-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeInUp {
    0% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes fadeInUp {
    0% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes fadeInUp {
    0% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-o-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-ms-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-o-keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-ms-keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes fadeInUpBig {
    0% {
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeInUpBig {
    0% {
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        -o-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -moz-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        -o-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -moz-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        -o-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -moz-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        -o-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -moz-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        -o-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -moz-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        -o-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -moz-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        -o-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@-ms-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -moz-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        -o-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -moz-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        -o-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -moz-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        -o-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -moz-transform: perspective(400px) scale(1);
        -ms-transform: perspective(400px) scale(1);
        -o-transform: perspective(400px) scale(1);
        transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@-moz-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        -o-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        -o-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        -o-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        -o-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        -o-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        -o-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-ms-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        -o-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        -o-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        -o-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        -o-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-ms-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        -o-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        -o-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-moz-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        -o-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        -o-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        -o-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        -o-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-o-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        -o-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        -o-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-ms-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        -o-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        -o-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        -o-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        -o-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-moz-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-o-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-ms-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        -o-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        -o-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        -o-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        -o-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        -o-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        -o-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        -o-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        -o-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-ms-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        -o-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        -o-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        -o-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        -o-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-ms-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        -o-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        -o-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-moz-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@-ms-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        -o-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-ms-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@-ms-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@-ms-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-ms-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-ms-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        -o-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center 50%;
        -moz-transform-origin: center center 50%;
        -ms-transform-origin: center center 50%;
        -o-transform-origin: center center 50%;
        transform-origin: center center 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-ms-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-ms-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom 50%;
        -moz-transform-origin: left bottom 50%;
        -ms-transform-origin: left bottom 50%;
        -o-transform-origin: left bottom 50%;
        transform-origin: left bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-ms-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-ms-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom 50%;
        -moz-transform-origin: right bottom 50%;
        -ms-transform-origin: right bottom 50%;
        -o-transform-origin: right bottom 50%;
        transform-origin: right bottom 50%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        -o-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        -o-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-o-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        -o-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-ms-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        -o-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        -o-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        -o-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform-origin: top left 50%;
        -moz-transform-origin: top left 50%;
        -ms-transform-origin: top left 50%;
        -o-transform-origin: top left 50%;
        transform-origin: top left 50%;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -ms-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-moz-keyframes rollIn {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@-webkit-keyframes rollIn {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@-o-keyframes rollIn {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@-ms-keyframes rollIn {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes rollOut {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
}

@-webkit-keyframes rollOut {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
}

@-o-keyframes rollOut {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
}

@-ms-keyframes rollOut {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
}

@keyframes rollOut {
    0% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        -o-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
}

/*-------------------------------------------------------------------*/
/* === Boostrap Main SCSS === */
/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #5E50F9;
    --indigo: #6610f2;
    --purple: #6a008a;
    --pink: #E91E63;
    --red: #f96868;
    --orange: #f2a654;
    --yellow: #f6e84e;
    --green: #46c35f;
    --teal: #58d8a3;
    --cyan: #57c7d4;
    --white: #ffffff;
    --gray: #6c757d;
    --gray-dark: #0f1531;
    --blue: #5E50F9;
    --indigo: #6610f2;
    --purple: #6a008a;
    --pink: #E91E63;
    --red: #f96868;
    --orange: #f2a654;
    --yellow: #f6e84e;
    --green: #46c35f;
    --teal: #58d8a3;
    --cyan: #57c7d4;
    --white: #ffffff;
    --gray: #434a54;
    --gray-light: #aab2bd;
    --gray-lighter: #e8eff4;
    --gray-lightest: #e6e9ed;
    --black: #000000;
    --primary: #633e77;
    --secondary: #A7b0c4;
    --success: #0acf97;
    --info: #439aff;
    --warning: #ffa45f;
    --danger: #ff4979;
    --light: #f8f9fa;
    --dark: #2e2a31;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
    width: device-width;
}

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

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

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

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

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

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

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

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

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

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

dt {
    font-weight: 700;
}

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

blockquote {
    margin: 0 0 1rem;
}

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

sup {
    top: -.5em;
}

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

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

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

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

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

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

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

figure {
    margin: 0 0 1rem;
}

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

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
}

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

th {
    text-align: inherit;
}

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

button {
    border-radius: 0;
}

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

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

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

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

textarea {
    overflow: auto;
    resize: vertical;
}

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

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

progress {
    vertical-align: baseline;
}

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

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

    [type="search"]::-webkit-search-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.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.figure {
    display: inline-block;
}

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

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

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

a > code {
    color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .lightGallery .image-tile, .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: 15px;
    padding-left: 15px;
}

.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.33333%;
    max-width: 8.33333%;
}

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

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

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

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

.col-6, .lightGallery .image-tile {
    flex: 0 0 50%;
    max-width: 50%;
}

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

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

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

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

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

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

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

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

    .col-md-3, .lightGallery .image-tile {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4, .lightGallery .image-tile {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

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

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

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

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

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

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

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

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

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

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

    .col-lg-3, .lightGallery .image-tile {
        flex: 0 0 25%;
        max-width: 25%;
    }

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

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

    .col-xl-3, .lightGallery .image-tile {
        flex: 0 0 25%;
        max-width: 25%;
    }

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

.table, .jsgrid .jsgrid-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

    .table th, .jsgrid .jsgrid-table th,
    .table td, .jsgrid .jsgrid-table td {
        padding: 1.25rem 0.9375rem;
        vertical-align: top;
        border-top: 1px solid #f3f3f3;
    }

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

    .table tbody + tbody, .jsgrid .jsgrid-table tbody + tbody {
        border-top: 2px solid #f3f3f3;
    }

    .table .table, .jsgrid .jsgrid-table .table, .table .jsgrid .jsgrid-table, .jsgrid .table .jsgrid-table, .jsgrid .jsgrid-table .jsgrid-table {
        background-color: #fff;
    }

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

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

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

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

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

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #eaeaf1;
}

.table-hover tbody tr:hover {
    background-color: #eaeaf1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

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

.table-dark {
    color: #fff;
    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);
    }

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

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

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

@media (max-width: 1199.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;
        }
}

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

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

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead,
.tt-query,
.tt-hint {
    display: block;
    width: 100%;
    padding: 0.875rem 1.375rem;
    font-size: 1rem;
    line-height: 1;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
    .form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
    .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead,
    .tt-query,
    .tt-hint {
        transition: none;
    }
}

.form-control::-ms-expand, .asColorPicker-input::-ms-expand, .dataTables_wrapper select::-ms-expand, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-ms-expand,
.jsgrid .jsgrid-table .jsgrid-filter-row select::-ms-expand, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-ms-expand, .select2-container--default .select2-selection--single::-ms-expand, .select2-container--default .select2-selection--single .select2-search__field::-ms-expand, .typeahead::-ms-expand,
.tt-query::-ms-expand,
.tt-hint::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:focus, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder, .asColorPicker-input::placeholder, .dataTables_wrapper select::placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row select::placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::placeholder, .select2-container--default .select2-selection--single::placeholder, .select2-container--default .select2-selection--single .select2-search__field::placeholder, .typeahead::placeholder,
.tt-query::placeholder,
.tt-hint::placeholder {
    color: #c9c8c8;
    opacity: 1;
}

.form-control:disabled, .asColorPicker-input:disabled, .dataTables_wrapper select:disabled, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:disabled,
.jsgrid .jsgrid-table .jsgrid-filter-row select:disabled, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:disabled, .select2-container--default .select2-selection--single:disabled, .select2-container--default .select2-selection--single .select2-search__field:disabled, .typeahead:disabled,
.tt-query:disabled,
.tt-hint:disabled, .form-control[readonly], [readonly].asColorPicker-input, .dataTables_wrapper select[readonly], .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select[readonly], .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number], .select2-container--default [readonly].select2-selection--single, .select2-container--default .select2-selection--single [readonly].select2-search__field, [readonly].typeahead,
[readonly].tt-query,
[readonly].tt-hint {
    background-color: #e9ecef;
    opacity: 1;
}

select.form-control:not([size]):not([multiple]), select.asColorPicker-input:not([size]):not([multiple]), .dataTables_wrapper select:not([size]):not([multiple]),
.jsgrid .jsgrid-table .jsgrid-filter-row select:not([size]):not([multiple]), .select2-container--default select.select2-selection--single:not([size]):not([multiple]), .select2-container--default .select2-selection--single select.select2-search__field:not([size]):not([multiple]), select.typeahead:not([size]):not([multiple]),
select.tt-query:not([size]):not([multiple]),
select.tt-hint:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value, select.asColorPicker-input:focus::-ms-value, .dataTables_wrapper select:focus::-ms-value,
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus::-ms-value, .select2-container--default select.select2-selection--single:focus::-ms-value, .select2-container--default .select2-selection--single select.select2-search__field:focus::-ms-value, select.typeahead:focus::-ms-value,
select.tt-query:focus::-ms-value,
select.tt-hint:focus::-ms-value {
    color: #495057;
    background-color: #ffffff;
}

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

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

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

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

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

    .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .form-control-plaintext.asColorPicker-input, .dataTables_wrapper .input-group-sm > select.form-control-plaintext, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input.form-control-plaintext[type=text],
    .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select.form-control-plaintext, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input.form-control-plaintext[type=number], .select2-container--default .input-group-sm > .form-control-plaintext.select2-selection--single, .select2-container--default .select2-selection--single .input-group-sm > .form-control-plaintext.select2-search__field, .input-group-sm > .form-control-plaintext.typeahead, .input-group-sm > .form-control-plaintext.tt-query, .input-group-sm > .form-control-plaintext.tt-hint,
    .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
    .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
    .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .fc .input-group-sm > .input-group-prepend > button.form-control-plaintext, .ajax-upload-dragdrop .input-group-sm > .input-group-prepend > .form-control-plaintext.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-prepend > .form-control-plaintext.swal2-styled, .wizard > .actions .input-group-sm > .input-group-prepend > a.form-control-plaintext,
    .input-group-sm > .input-group-append > .form-control-plaintext.btn, .fc .input-group-sm > .input-group-append > button.form-control-plaintext, .ajax-upload-dragdrop .input-group-sm > .input-group-append > .form-control-plaintext.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-append > .form-control-plaintext.swal2-styled, .wizard > .actions .input-group-sm > .input-group-append > a.form-control-plaintext, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .form-control-plaintext.asColorPicker-input, .dataTables_wrapper .input-group-lg > select.form-control-plaintext, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input.form-control-plaintext[type=text],
    .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > select.form-control-plaintext, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input.form-control-plaintext[type=number], .select2-container--default .input-group-lg > .form-control-plaintext.select2-selection--single, .select2-container--default .select2-selection--single .input-group-lg > .form-control-plaintext.select2-search__field, .input-group-lg > .form-control-plaintext.typeahead, .input-group-lg > .form-control-plaintext.tt-query, .input-group-lg > .form-control-plaintext.tt-hint,
    .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
    .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
    .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .fc .input-group-lg > .input-group-prepend > button.form-control-plaintext, .ajax-upload-dragdrop .input-group-lg > .input-group-prepend > .form-control-plaintext.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-prepend > .form-control-plaintext.swal2-styled, .wizard > .actions .input-group-lg > .input-group-prepend > a.form-control-plaintext,
    .input-group-lg > .input-group-append > .form-control-plaintext.btn, .fc .input-group-lg > .input-group-append > button.form-control-plaintext, .ajax-upload-dragdrop .input-group-lg > .input-group-append > .form-control-plaintext.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-append > .form-control-plaintext.swal2-styled, .wizard > .actions .input-group-lg > .input-group-append > a.form-control-plaintext {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .asColorPicker-input, .dataTables_wrapper .input-group-sm > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input[type=number], .select2-container--default .input-group-sm > .select2-selection--single, .select2-container--default .select2-selection--single .input-group-sm > .select2-search__field, .input-group-sm > .typeahead, .input-group-sm > .tt-query, .input-group-sm > .tt-hint,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn, .fc .input-group-sm > .input-group-prepend > button, .ajax-upload-dragdrop .input-group-sm > .input-group-prepend > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-prepend > .swal2-styled, .wizard > .actions .input-group-sm > .input-group-prepend > a,
.input-group-sm > .input-group-append > .btn, .fc .input-group-sm > .input-group-append > button, .ajax-upload-dragdrop .input-group-sm > .input-group-append > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-append > .swal2-styled, .wizard > .actions .input-group-sm > .input-group-append > a {
    padding: 0.5rem 0.81rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

    select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.asColorPicker-input:not([size]):not([multiple]), .dataTables_wrapper .input-group-sm > select:not([size]):not([multiple]),
    .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select:not([size]):not([multiple]), .select2-container--default .input-group-sm > select.select2-selection--single:not([size]):not([multiple]), .select2-container--default .select2-selection--single .input-group-sm > select.select2-search__field:not([size]):not([multiple]), .input-group-sm > select.typeahead:not([size]):not([multiple]), .input-group-sm > select.tt-query:not([size]):not([multiple]), .input-group-sm > select.tt-hint:not([size]):not([multiple]),
    .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
    .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
    .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .ajax-upload-dragdrop .input-group-sm > .input-group-prepend > select.ajax-file-upload:not([size]):not([multiple]), .swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-prepend > select.swal2-styled:not([size]):not([multiple]),
    .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .ajax-upload-dragdrop .input-group-sm > .input-group-append > select.ajax-file-upload:not([size]):not([multiple]), .swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-append > select.swal2-styled:not([size]):not([multiple]) {
        height: calc(1.8125rem + 2px);
    }

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .asColorPicker-input, .dataTables_wrapper .input-group-lg > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > input[type=number], .select2-container--default .input-group-lg > .select2-selection--single, .select2-container--default .select2-selection--single .input-group-lg > .select2-search__field, .input-group-lg > .typeahead, .input-group-lg > .tt-query, .input-group-lg > .tt-hint,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn, .fc .input-group-lg > .input-group-prepend > button, .ajax-upload-dragdrop .input-group-lg > .input-group-prepend > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-prepend > .swal2-styled, .wizard > .actions .input-group-lg > .input-group-prepend > a,
.input-group-lg > .input-group-append > .btn, .fc .input-group-lg > .input-group-append > button, .ajax-upload-dragdrop .input-group-lg > .input-group-append > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-append > .swal2-styled, .wizard > .actions .input-group-lg > .input-group-append > a {
    padding: 0.94rem 1.94rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

    select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.asColorPicker-input:not([size]):not([multiple]), .dataTables_wrapper .input-group-lg > select:not([size]):not([multiple]),
    .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg > select:not([size]):not([multiple]), .select2-container--default .input-group-lg > select.select2-selection--single:not([size]):not([multiple]), .select2-container--default .select2-selection--single .input-group-lg > select.select2-search__field:not([size]):not([multiple]), .input-group-lg > select.typeahead:not([size]):not([multiple]), .input-group-lg > select.tt-query:not([size]):not([multiple]), .input-group-lg > select.tt-hint:not([size]):not([multiple]),
    .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
    .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
    .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .ajax-upload-dragdrop .input-group-lg > .input-group-prepend > select.ajax-file-upload:not([size]):not([multiple]), .swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-prepend > select.swal2-styled:not([size]):not([multiple]),
    .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .ajax-upload-dragdrop .input-group-lg > .input-group-append > select.ajax-file-upload:not([size]):not([multiple]), .swal2-modal .swal2-buttonswrapper .input-group-lg > .input-group-append > select.swal2-styled:not([size]):not([multiple]) {
        height: calc(2.875rem + 2px);
    }

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

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

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

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

.form-check {
    position: relative;
    display: block;
    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: #696969;
    }

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

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

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

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

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

.was-validated .form-control:valid, .was-validated .asColorPicker-input:valid, .was-validated .dataTables_wrapper select:valid, .dataTables_wrapper .was-validated select:valid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:valid, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=text]:valid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid,
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:valid, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=number]:valid, .was-validated .select2-container--default .select2-selection--single:valid, .select2-container--default .was-validated .select2-selection--single:valid, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid, .was-validated .typeahead:valid, .was-validated .tt-query:valid, .was-validated .tt-hint:valid, .form-control.is-valid, .is-valid.asColorPicker-input, .dataTables_wrapper select.is-valid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number], .select2-container--default .is-valid.select2-selection--single, .select2-container--default .select2-selection--single .is-valid.select2-search__field, .is-valid.typeahead,
.is-valid.tt-query,
.is-valid.tt-hint, .was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
}

    .was-validated .form-control:valid:focus, .was-validated .asColorPicker-input:valid:focus, .was-validated .dataTables_wrapper select:valid:focus, .dataTables_wrapper .was-validated select:valid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=text]:valid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid:focus,
    .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=number]:valid:focus, .was-validated .select2-container--default .select2-selection--single:valid:focus, .select2-container--default .was-validated .select2-selection--single:valid:focus, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid:focus, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid:focus, .was-validated .typeahead:valid:focus, .was-validated .tt-query:valid:focus, .was-validated .tt-hint:valid:focus, .form-control.is-valid:focus, .is-valid.asColorPicker-input:focus, .dataTables_wrapper select.is-valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text]:focus,
    .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number]:focus, .select2-container--default .is-valid.select2-selection--single:focus, .select2-container--default .select2-selection--single .is-valid.select2-search__field:focus, .is-valid.typeahead:focus,
    .is-valid.tt-query:focus,
    .is-valid.tt-hint:focus, .was-validated .custom-select:valid:focus,
    .custom-select.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

    .was-validated .form-control:valid ~ .valid-feedback, .was-validated .asColorPicker-input:valid ~ .valid-feedback, .was-validated .dataTables_wrapper select:valid ~ .valid-feedback, .dataTables_wrapper .was-validated select:valid ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=text]:valid ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid ~ .valid-feedback,
    .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid ~ .valid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=number]:valid ~ .valid-feedback, .was-validated .select2-container--default .select2-selection--single:valid ~ .valid-feedback, .select2-container--default .was-validated .select2-selection--single:valid ~ .valid-feedback, .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid ~ .valid-feedback, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid ~ .valid-feedback, .was-validated .typeahead:valid ~ .valid-feedback, .was-validated .tt-query:valid ~ .valid-feedback, .was-validated .tt-hint:valid ~ .valid-feedback,
    .was-validated .form-control:valid ~ .valid-tooltip,
    .was-validated .asColorPicker-input:valid ~ .valid-tooltip,
    .was-validated .dataTables_wrapper select:valid ~ .valid-tooltip, .dataTables_wrapper .was-validated select:valid ~ .valid-tooltip,
    .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:valid ~ .valid-tooltip, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=text]:valid ~ .valid-tooltip,
    .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid ~ .valid-tooltip,
    .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid ~ .valid-tooltip,
    .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:valid ~ .valid-tooltip, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=number]:valid ~ .valid-tooltip,
    .was-validated .select2-container--default .select2-selection--single:valid ~ .valid-tooltip, .select2-container--default .was-validated .select2-selection--single:valid ~ .valid-tooltip,
    .was-validated .select2-container--default .select2-selection--single .select2-search__field:valid ~ .valid-tooltip, .select2-container--default .select2-selection--single .was-validated .select2-search__field:valid ~ .valid-tooltip,
    .was-validated .typeahead:valid ~ .valid-tooltip,
    .was-validated .tt-query:valid ~ .valid-tooltip,
    .was-validated .tt-hint:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .is-valid.asColorPicker-input ~ .valid-feedback, .dataTables_wrapper select.is-valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text] ~ .valid-feedback,
    .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number] ~ .valid-feedback, .select2-container--default .is-valid.select2-selection--single ~ .valid-feedback, .select2-container--default .select2-selection--single .is-valid.select2-search__field ~ .valid-feedback, .is-valid.typeahead ~ .valid-feedback,
    .is-valid.tt-query ~ .valid-feedback,
    .is-valid.tt-hint ~ .valid-feedback,
    .form-control.is-valid ~ .valid-tooltip, .is-valid.asColorPicker-input ~ .valid-tooltip, .dataTables_wrapper select.is-valid ~ .valid-tooltip, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=text] ~ .valid-tooltip,
    .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid ~ .valid-tooltip, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type=number] ~ .valid-tooltip, .select2-container--default .is-valid.select2-selection--single ~ .valid-tooltip, .select2-container--default .select2-selection--single .is-valid.select2-search__field ~ .valid-tooltip, .is-valid.typeahead ~ .valid-tooltip,
    .is-valid.tt-query ~ .valid-tooltip,
    .is-valid.tt-hint ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback,
    .was-validated .custom-select:valid ~ .valid-tooltip,
    .custom-select.is-valid ~ .valid-feedback,
    .custom-select.is-valid ~ .valid-tooltip {
        display: block;
    }

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

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

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

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

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        background-color: #71dd8a;
    }

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

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

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

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

    .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
        border-color: inherit;
    }

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

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

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

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

.was-validated .form-control:invalid, .was-validated .asColorPicker-input:invalid, .was-validated .dataTables_wrapper select:invalid, .dataTables_wrapper .was-validated select:invalid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:invalid, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=text]:invalid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid,
.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:invalid, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=number]:invalid, .was-validated .select2-container--default .select2-selection--single:invalid, .select2-container--default .was-validated .select2-selection--single:invalid, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid, .was-validated .typeahead:invalid, .was-validated .tt-query:invalid, .was-validated .tt-hint:invalid, .form-control.is-invalid, .is-invalid.asColorPicker-input, .dataTables_wrapper select.is-invalid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number], .select2-container--default .is-invalid.select2-selection--single, .select2-container--default .select2-selection--single .is-invalid.select2-search__field, .is-invalid.typeahead,
.is-invalid.tt-query,
.is-invalid.tt-hint, .was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545;
}

    .was-validated .form-control:invalid:focus, .was-validated .asColorPicker-input:invalid:focus, .was-validated .dataTables_wrapper select:invalid:focus, .dataTables_wrapper .was-validated select:invalid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=text]:invalid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid:focus,
    .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=number]:invalid:focus, .was-validated .select2-container--default .select2-selection--single:invalid:focus, .select2-container--default .was-validated .select2-selection--single:invalid:focus, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid:focus, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid:focus, .was-validated .typeahead:invalid:focus, .was-validated .tt-query:invalid:focus, .was-validated .tt-hint:invalid:focus, .form-control.is-invalid:focus, .is-invalid.asColorPicker-input:focus, .dataTables_wrapper select.is-invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text]:focus,
    .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number]:focus, .select2-container--default .is-invalid.select2-selection--single:focus, .select2-container--default .select2-selection--single .is-invalid.select2-search__field:focus, .is-invalid.typeahead:focus,
    .is-invalid.tt-query:focus,
    .is-invalid.tt-hint:focus, .was-validated .custom-select:invalid:focus,
    .custom-select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

    .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .asColorPicker-input:invalid ~ .invalid-feedback, .was-validated .dataTables_wrapper select:invalid ~ .invalid-feedback, .dataTables_wrapper .was-validated select:invalid ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=text]:invalid ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid ~ .invalid-feedback,
    .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid ~ .invalid-feedback, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=number]:invalid ~ .invalid-feedback, .was-validated .select2-container--default .select2-selection--single:invalid ~ .invalid-feedback, .select2-container--default .was-validated .select2-selection--single:invalid ~ .invalid-feedback, .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid ~ .invalid-feedback, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid ~ .invalid-feedback, .was-validated .typeahead:invalid ~ .invalid-feedback, .was-validated .tt-query:invalid ~ .invalid-feedback, .was-validated .tt-hint:invalid ~ .invalid-feedback,
    .was-validated .form-control:invalid ~ .invalid-tooltip,
    .was-validated .asColorPicker-input:invalid ~ .invalid-tooltip,
    .was-validated .dataTables_wrapper select:invalid ~ .invalid-tooltip, .dataTables_wrapper .was-validated select:invalid ~ .invalid-tooltip,
    .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:invalid ~ .invalid-tooltip, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=text]:invalid ~ .invalid-tooltip,
    .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid ~ .invalid-tooltip,
    .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid ~ .invalid-tooltip,
    .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:invalid ~ .invalid-tooltip, .jsgrid .jsgrid-table .jsgrid-filter-row .was-validated input[type=number]:invalid ~ .invalid-tooltip,
    .was-validated .select2-container--default .select2-selection--single:invalid ~ .invalid-tooltip, .select2-container--default .was-validated .select2-selection--single:invalid ~ .invalid-tooltip,
    .was-validated .select2-container--default .select2-selection--single .select2-search__field:invalid ~ .invalid-tooltip, .select2-container--default .select2-selection--single .was-validated .select2-search__field:invalid ~ .invalid-tooltip,
    .was-validated .typeahead:invalid ~ .invalid-tooltip,
    .was-validated .tt-query:invalid ~ .invalid-tooltip,
    .was-validated .tt-hint:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .is-invalid.asColorPicker-input ~ .invalid-feedback, .dataTables_wrapper select.is-invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text] ~ .invalid-feedback,
    .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number] ~ .invalid-feedback, .select2-container--default .is-invalid.select2-selection--single ~ .invalid-feedback, .select2-container--default .select2-selection--single .is-invalid.select2-search__field ~ .invalid-feedback, .is-invalid.typeahead ~ .invalid-feedback,
    .is-invalid.tt-query ~ .invalid-feedback,
    .is-invalid.tt-hint ~ .invalid-feedback,
    .form-control.is-invalid ~ .invalid-tooltip, .is-invalid.asColorPicker-input ~ .invalid-tooltip, .dataTables_wrapper select.is-invalid ~ .invalid-tooltip, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=text] ~ .invalid-tooltip,
    .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid ~ .invalid-tooltip, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type=number] ~ .invalid-tooltip, .select2-container--default .is-invalid.select2-selection--single ~ .invalid-tooltip, .select2-container--default .select2-selection--single .is-invalid.select2-search__field ~ .invalid-tooltip, .is-invalid.typeahead ~ .invalid-tooltip,
    .is-invalid.tt-query ~ .invalid-tooltip,
    .is-invalid.tt-hint ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback,
    .was-validated .custom-select:invalid ~ .invalid-tooltip,
    .custom-select.is-invalid ~ .invalid-feedback,
    .custom-select.is-invalid ~ .invalid-tooltip {
        display: block;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control, .form-inline .asColorPicker-input, .form-inline .dataTables_wrapper select, .dataTables_wrapper .form-inline select, .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=text], .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row select,
    .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline select, .form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type=number], .form-inline .select2-container--default .select2-selection--single, .select2-container--default .form-inline .select2-selection--single, .form-inline .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .form-inline .select2-search__field, .form-inline .typeahead, .form-inline .tt-query, .form-inline .tt-hint {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group, .form-inline .asColorPicker-wrap,
    .form-inline .custom-select {
        width: auto;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

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

    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn, .fc button, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.500rem 0.6rem;
    /* padding: 0.875rem 1.5rem;*/
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.1875rem;
    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 screen and (prefers-reduced-motion: reduce) {
    .btn, .fc button, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {
        transition: none;
    }
}

.btn:hover, .fc button:hover, .ajax-upload-dragdrop .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .swal2-styled:hover, .wizard > .actions a:hover, .btn:focus, .fc button:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus {
    text-decoration: none;
}

.btn:focus, .fc button:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard > .actions a:focus, .btn.focus, .fc button.focus, .ajax-upload-dragdrop .focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .focus.swal2-styled, .wizard > .actions a.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .fc button.disabled, .ajax-upload-dragdrop .disabled.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .disabled.swal2-styled, .wizard > .actions a.disabled, .btn:disabled, .fc button:disabled, .ajax-upload-dragdrop .ajax-file-upload:disabled, .swal2-modal .swal2-buttonswrapper .swal2-styled:disabled, .wizard > .actions a:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled), .fc button:not(:disabled):not(.disabled), .ajax-upload-dragdrop .ajax-file-upload:not(:disabled):not(.disabled), .swal2-modal .swal2-buttonswrapper .swal2-styled:not(:disabled):not(.disabled), .wizard > .actions a:not(:disabled):not(.disabled) {
    cursor: pointer;
}

    .btn:not(:disabled):not(.disabled):active, .fc button:not(:disabled):not(.disabled):active, .ajax-upload-dragdrop .ajax-file-upload:not(:disabled):not(.disabled):active, .swal2-modal .swal2-buttonswrapper .swal2-styled:not(:disabled):not(.disabled):active, .wizard > .actions a:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .fc button:not(:disabled):not(.disabled).active, .ajax-upload-dragdrop .ajax-file-upload:not(:disabled):not(.disabled).active, .swal2-modal .swal2-buttonswrapper .swal2-styled:not(:disabled):not(.disabled).active, .wizard > .actions a:not(:disabled):not(.disabled).active {
        background-image: none;
    }

a.btn.disabled, .ajax-upload-dragdrop a.disabled.ajax-file-upload, .swal2-modal .swal2-buttonswrapper a.disabled.swal2-styled, .wizard > .actions a.disabled,
fieldset:disabled a.btn,
fieldset:disabled .ajax-upload-dragdrop a.ajax-file-upload, .ajax-upload-dragdrop fieldset:disabled a.ajax-file-upload,
fieldset:disabled .swal2-modal .swal2-buttonswrapper a.swal2-styled, .swal2-modal .swal2-buttonswrapper fieldset:disabled a.swal2-styled,
fieldset:disabled .wizard > .actions a, .wizard > .actions fieldset:disabled a {
    pointer-events: none;
}

.btn-primary, .wizard > .actions a {
    color: #fff;
    background-color: #633e77;
    border-color: #633e77;
}

    .btn-primary:hover, .wizard > .actions a:hover {
        color: #fff;
        background-color: #4e315e;
        border-color: #472d55;
    }

    .btn-primary:focus, .wizard > .actions a:focus, .btn-primary.focus, .wizard > .actions a.focus {
        box-shadow: 0 0 0 0.2rem rgba(99, 62, 119, 0.5);
    }

    .btn-primary.disabled, .wizard > .actions a.disabled, .btn-primary:disabled, .wizard > .actions a:disabled {
        color: #fff;
        background-color: #633e77;
        border-color: #633e77;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .wizard > .actions a:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .wizard > .actions a:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle, .wizard > .actions .show > a.dropdown-toggle {
        color: #fff;
        background-color: #472d55;
        border-color: #40284d;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .wizard > .actions a:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .wizard > .actions a:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus, .wizard > .actions .show > a.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(99, 62, 119, 0.5);
        }

.btn-secondary, .wizard > .actions .disabled a {
    color: #212529;
    background-color: #A7b0c4;
    border-color: #A7b0c4;
}

    .btn-secondary:hover, .wizard > .actions .disabled a:hover {
        color: #212529;
        background-color: #909bb5;
        border-color: #8895b0;
    }

    .btn-secondary:focus, .wizard > .actions .disabled a:focus, .btn-secondary.focus, .wizard > .actions .disabled a.focus {
        box-shadow: 0 0 0 0.2rem rgba(167, 176, 196, 0.5);
    }

    .btn-secondary.disabled, .wizard > .actions .disabled a.disabled, .btn-secondary:disabled, .wizard > .actions .disabled a:disabled {
        color: #212529;
        background-color: #A7b0c4;
        border-color: #A7b0c4;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle, .wizard > .actions .disabled .show > a.dropdown-toggle {
        color: #fff;
        background-color: #8895b0;
        border-color: #818eaa;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus, .wizard > .actions .disabled .show > a.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(167, 176, 196, 0.5);
        }

.btn-success {
    color: #fff;
    background-color: #0acf97;
    border-color: #0acf97;
}

    .btn-success:hover {
        color: #fff;
        background-color: #08ab7c;
        border-color: #089e74;
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(10, 207, 151, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #0acf97;
        border-color: #0acf97;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #089e74;
        border-color: #07926b;
    }

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

.btn-info {
    color: #fff;
    background-color: #439aff;
    border-color: #439aff;
}

    .btn-info:hover {
        color: #fff;
        background-color: #1d85ff;
        border-color: #107fff;
    }

    .btn-info:focus, .btn-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(67, 154, 255, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #439aff;
        border-color: #439aff;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #107fff;
        border-color: #0378ff;
    }

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

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

    .btn-warning:hover {
        color: #212529;
        background-color: #ff8e39;
        border-color: #ff872c;
    }

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

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

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

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

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

    .btn-danger:hover {
        color: #fff;
        background-color: #ff235d;
        border-color: #ff1653;
    }

    .btn-danger:focus, .btn-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 73, 121, 0.5);
    }

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

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

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

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

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

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

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

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

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

.btn-dark {
    color: #fff;
    background-color: #2e2a31;
    border-color: #2e2a31;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #1b181c;
        border-color: #141216;
    }

    .btn-dark:focus, .btn-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(46, 42, 49, 0.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #2e2a31;
        border-color: #2e2a31;
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #141216;
        border-color: #0e0d0f;
    }

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

.btn-outline-primary {
    color: #633e77;
    background-color: transparent;
    background-image: none;
    border-color: #633e77;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #633e77;
        border-color: #633e77;
    }

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

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #633e77;
        background-color: transparent;
    }

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

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

.btn-outline-secondary, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel {
    color: #A7b0c4;
    background-color: transparent;
    background-image: none;
    border-color: #A7b0c4;
}

    .btn-outline-secondary:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover {
        color: #212529;
        background-color: #A7b0c4;
        border-color: #A7b0c4;
    }

    .btn-outline-secondary:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:focus, .btn-outline-secondary.focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-cancel {
        box-shadow: 0 0 0 0.2rem rgba(167, 176, 196, 0.5);
    }

    .btn-outline-secondary.disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-cancel, .btn-outline-secondary:disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:disabled {
        color: #A7b0c4;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle, .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-cancel {
        color: #212529;
        background-color: #A7b0c4;
        border-color: #A7b0c4;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-cancel:focus {
            box-shadow: 0 0 0 0.2rem rgba(167, 176, 196, 0.5);
        }

.btn-outline-success, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit {
    color: #0acf97;
    background-color: transparent;
    background-image: none;
    border-color: #0acf97;
}

    .btn-outline-success:hover, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:hover {
        color: #fff;
        background-color: #0acf97;
        border-color: #0acf97;
    }

    .btn-outline-success:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:focus, .btn-outline-success.focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .focus.editable-submit {
        box-shadow: 0 0 0 0.2rem rgba(10, 207, 151, 0.5);
    }

    .btn-outline-success.disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .disabled.editable-submit, .btn-outline-success:disabled, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:disabled {
        color: #0acf97;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle, .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-submit {
        color: #fff;
        background-color: #0acf97;
        border-color: #0acf97;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus, .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-submit:focus {
            box-shadow: 0 0 0 0.2rem rgba(10, 207, 151, 0.5);
        }

.btn-outline-info {
    color: #439aff;
    background-color: transparent;
    background-image: none;
    border-color: #439aff;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #439aff;
        border-color: #439aff;
    }

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

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #439aff;
        background-color: transparent;
    }

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

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

.btn-outline-warning {
    color: #ffa45f;
    background-color: transparent;
    background-image: none;
    border-color: #ffa45f;
}

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

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

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

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

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

.btn-outline-danger {
    color: #ff4979;
    background-color: transparent;
    background-image: none;
    border-color: #ff4979;
}

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

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

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

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

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

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

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

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

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

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

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

.btn-outline-dark {
    color: #2e2a31;
    background-color: transparent;
    background-image: none;
    border-color: #2e2a31;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #2e2a31;
        border-color: #2e2a31;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(46, 42, 49, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #2e2a31;
        background-color: transparent;
    }

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

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

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}

    .btn-link:hover {
        color: #0056b3;
        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: #6c757d;
        pointer-events: none;
    }

.btn-lg, .btn-group-lg > .btn, .fc .btn-group-lg > button, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled, .wizard > .actions .btn-group-lg > a {
    padding: 1rem 3rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
}

.btn-sm, .btn-group-sm > .btn, .fc .btn-group-sm > button, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled, .wizard > .actions .btn-group-sm > a, .fc button {
    padding: 0.5rem 0.81rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
}

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

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

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

.fade {
    transition: opacity 0.15s linear;
}

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

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

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

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

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

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

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

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

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

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

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

.dropup .dropdown-toggle::after {
    display: inline-block;
    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: "";
}

.dropleft .dropdown-toggle::after {
    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;
}

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

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

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

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

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

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

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

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

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

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

    .btn-group > .btn, .fc .fc-button-group > .btn, .fc .btn-group > button, .fc .fc-button-group > button, .ajax-upload-dragdrop .btn-group > .ajax-file-upload, .fc .ajax-upload-dragdrop .fc-button-group > .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .swal2-styled, .wizard > .actions .btn-group > a, .fc .wizard > .actions .fc-button-group > a, .wizard > .actions .fc .fc-button-group > a,
    .btn-group-vertical > .btn, .fc .btn-group-vertical > button, .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled, .wizard > .actions .btn-group-vertical > a {
        position: relative;
        flex: 0 1 auto;
    }

        .btn-group > .btn:hover, .fc .fc-button-group > .btn:hover, .fc .btn-group > button:hover, .fc .fc-button-group > button:hover, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:hover, .fc .ajax-upload-dragdrop .fc-button-group > .ajax-file-upload:hover, .ajax-upload-dragdrop .fc .fc-button-group > .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:hover, .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .swal2-styled:hover, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .swal2-styled:hover, .wizard > .actions .btn-group > a:hover, .fc .wizard > .actions .fc-button-group > a:hover, .wizard > .actions .fc .fc-button-group > a:hover,
        .btn-group-vertical > .btn:hover, .fc .btn-group-vertical > button:hover, .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:hover, .wizard > .actions .btn-group-vertical > a:hover {
            z-index: 1;
        }

        .btn-group > .btn:focus, .fc .fc-button-group > .btn:focus, .fc .btn-group > button:focus, .fc .fc-button-group > button:focus, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:focus, .fc .ajax-upload-dragdrop .fc-button-group > .ajax-file-upload:focus, .ajax-upload-dragdrop .fc .fc-button-group > .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:focus, .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .swal2-styled:focus, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .swal2-styled:focus, .wizard > .actions .btn-group > a:focus, .fc .wizard > .actions .fc-button-group > a:focus, .wizard > .actions .fc .fc-button-group > a:focus, .btn-group > .btn:active, .fc .fc-button-group > .btn:active, .fc .btn-group > button:active, .fc .fc-button-group > button:active, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:active, .fc .ajax-upload-dragdrop .fc-button-group > .ajax-file-upload:active, .ajax-upload-dragdrop .fc .fc-button-group > .ajax-file-upload:active, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:active, .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .swal2-styled:active, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .swal2-styled:active, .wizard > .actions .btn-group > a:active, .fc .wizard > .actions .fc-button-group > a:active, .wizard > .actions .fc .fc-button-group > a:active, .btn-group > .btn.active, .fc .fc-button-group > .btn.active, .fc .btn-group > button.active, .fc .fc-button-group > button.active, .ajax-upload-dragdrop .btn-group > .active.ajax-file-upload, .fc .ajax-upload-dragdrop .fc-button-group > .active.ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group > .active.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group > .active.swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .active.swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .active.swal2-styled, .wizard > .actions .btn-group > a.active, .fc .wizard > .actions .fc-button-group > a.active, .wizard > .actions .fc .fc-button-group > a.active,
        .btn-group-vertical > .btn:focus, .fc .btn-group-vertical > button:focus, .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:focus, .wizard > .actions .btn-group-vertical > a:focus,
        .btn-group-vertical > .btn:active, .fc .btn-group-vertical > button:active, .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:active, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:active, .wizard > .actions .btn-group-vertical > a:active,
        .btn-group-vertical > .btn.active, .fc .btn-group-vertical > button.active, .ajax-upload-dragdrop .btn-group-vertical > .active.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .active.swal2-styled, .wizard > .actions .btn-group-vertical > a.active {
            z-index: 1;
        }

    .btn-group .btn + .btn, .fc .fc-button-group .btn + .btn, .btn-group .fc button + .btn, .fc .btn-group button + .btn, .fc .fc-button-group button + .btn, .btn-group .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .btn-group .ajax-file-upload + .btn, .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + .btn, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + .btn, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + .btn, .btn-group .wizard > .actions a + .btn, .wizard > .actions .btn-group a + .btn, .fc .fc-button-group .wizard > .actions a + .btn, .wizard > .actions .fc .fc-button-group a + .btn, .btn-group .fc .btn + button, .fc .btn-group .btn + button, .fc .fc-button-group .btn + button, .btn-group .fc button + button, .fc .btn-group button + button, .fc .fc-button-group button + button, .btn-group .ajax-upload-dragdrop .fc .ajax-file-upload + button, .fc .btn-group .ajax-upload-dragdrop .ajax-file-upload + button, .ajax-upload-dragdrop .btn-group .fc .ajax-file-upload + button, .fc .ajax-upload-dragdrop .btn-group .ajax-file-upload + button, .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + button, .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + button, .btn-group .swal2-modal .swal2-buttonswrapper .fc .swal2-styled + button, .fc .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + button, .swal2-modal .swal2-buttonswrapper .btn-group .fc .swal2-styled + button, .fc .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + button, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + button, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + button, .btn-group .wizard > .actions .fc a + button, .fc .btn-group .wizard > .actions a + button, .wizard > .actions .btn-group .fc a + button, .fc .wizard > .actions .btn-group a + button, .fc .fc-button-group .wizard > .actions a + button, .wizard > .actions .fc .fc-button-group a + button, .btn-group .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn + .ajax-file-upload, .fc .fc-button-group .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group .btn + .ajax-file-upload, .btn-group .fc .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .fc button + .ajax-file-upload, .fc .btn-group .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group button + .ajax-file-upload, .fc .fc-button-group .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group button + .ajax-file-upload, .btn-group .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .ajax-file-upload + .ajax-file-upload, .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + .ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + .ajax-file-upload, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + .ajax-file-upload, .btn-group .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .wizard > .actions a + .ajax-file-upload, .wizard > .actions .btn-group .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .btn-group a + .ajax-file-upload, .fc .fc-button-group .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group .wizard > .actions a + .ajax-file-upload, .wizard > .actions .fc .fc-button-group .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .fc .fc-button-group a + .ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn + .swal2-styled, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .btn + .swal2-styled, .btn-group .fc .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .fc button + .swal2-styled, .fc .btn-group .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group button + .swal2-styled, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group button + .swal2-styled, .btn-group .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .btn-group .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .btn-group .ajax-file-upload + .swal2-styled, .fc .fc-button-group .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + .swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + .swal2-styled, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + .swal2-styled, .btn-group .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .wizard > .actions a + .swal2-styled, .wizard > .actions .btn-group .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .btn-group a + .swal2-styled, .fc .fc-button-group .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .wizard > .actions a + .swal2-styled, .wizard > .actions .fc .fc-button-group .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .fc .fc-button-group a + .swal2-styled, .btn-group .wizard > .actions .btn + a, .wizard > .actions .btn-group .btn + a, .fc .fc-button-group .wizard > .actions .btn + a, .wizard > .actions .fc .fc-button-group .btn + a, .btn-group .fc .wizard > .actions button + a, .wizard > .actions .btn-group .fc button + a, .fc .btn-group .wizard > .actions button + a, .wizard > .actions .fc .btn-group button + a, .fc .fc-button-group .wizard > .actions button + a, .wizard > .actions .fc .fc-button-group button + a, .btn-group .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .btn-group .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .btn-group .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .btn-group .ajax-file-upload + a, .fc .fc-button-group .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .fc .fc-button-group .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + a, .btn-group .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .btn-group .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + a, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + a, .btn-group .wizard > .actions a + a, .wizard > .actions .btn-group a + a, .fc .fc-button-group .wizard > .actions a + a, .wizard > .actions .fc .fc-button-group a + a,
    .btn-group .btn + .btn-group, .fc .fc-button-group .btn + .btn-group,
    .btn-group .fc button + .btn-group, .fc .btn-group button + .btn-group, .fc .fc-button-group button + .btn-group,
    .btn-group .ajax-upload-dragdrop .ajax-file-upload + .btn-group, .ajax-upload-dragdrop .btn-group .ajax-file-upload + .btn-group, .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + .btn-group, .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + .btn-group,
    .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn-group, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + .btn-group, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn-group, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + .btn-group,
    .btn-group .wizard > .actions a + .btn-group, .wizard > .actions .btn-group a + .btn-group, .fc .fc-button-group .wizard > .actions a + .btn-group, .wizard > .actions .fc .fc-button-group a + .btn-group,
    .btn-group .fc .btn + .fc-button-group, .fc .btn-group .btn + .fc-button-group, .fc .fc-button-group .btn + .fc-button-group,
    .btn-group .fc button + .fc-button-group, .fc .btn-group button + .fc-button-group, .fc .fc-button-group button + .fc-button-group,
    .btn-group .ajax-upload-dragdrop .fc .ajax-file-upload + .fc-button-group, .fc .btn-group .ajax-upload-dragdrop .ajax-file-upload + .fc-button-group, .ajax-upload-dragdrop .btn-group .fc .ajax-file-upload + .fc-button-group, .fc .ajax-upload-dragdrop .btn-group .ajax-file-upload + .fc-button-group, .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + .fc-button-group, .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + .fc-button-group,
    .btn-group .swal2-modal .swal2-buttonswrapper .fc .swal2-styled + .fc-button-group, .fc .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .fc-button-group, .swal2-modal .swal2-buttonswrapper .btn-group .fc .swal2-styled + .fc-button-group, .fc .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + .fc-button-group, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .fc-button-group, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + .fc-button-group,
    .btn-group .wizard > .actions .fc a + .fc-button-group, .fc .btn-group .wizard > .actions a + .fc-button-group, .wizard > .actions .btn-group .fc a + .fc-button-group, .fc .wizard > .actions .btn-group a + .fc-button-group, .fc .fc-button-group .wizard > .actions a + .fc-button-group, .wizard > .actions .fc .fc-button-group a + .fc-button-group,
    .btn-group .btn-group + .btn, .fc .fc-button-group .btn-group + .btn,
    .btn-group .fc .fc-button-group + .btn, .fc .btn-group .fc-button-group + .btn, .fc .fc-button-group .fc-button-group + .btn,
    .btn-group .fc .btn-group + button, .fc .btn-group .btn-group + button, .fc .fc-button-group .btn-group + button,
    .btn-group .fc .fc-button-group + button, .fc .btn-group .fc-button-group + button, .fc .fc-button-group .fc-button-group + button,
    .btn-group .ajax-upload-dragdrop .btn-group + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn-group + .ajax-file-upload, .fc .fc-button-group .ajax-upload-dragdrop .btn-group + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group .btn-group + .ajax-file-upload,
    .btn-group .fc .ajax-upload-dragdrop .fc-button-group + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .fc .fc-button-group + .ajax-file-upload, .fc .btn-group .ajax-upload-dragdrop .fc-button-group + .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group .fc-button-group + .ajax-file-upload, .fc .fc-button-group .ajax-upload-dragdrop .fc-button-group + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group .fc-button-group + .ajax-file-upload,
    .btn-group .swal2-modal .swal2-buttonswrapper .btn-group + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn-group + .swal2-styled, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .btn-group + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .btn-group + .swal2-styled,
    .btn-group .fc .swal2-modal .swal2-buttonswrapper .fc-button-group + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .fc .fc-button-group + .swal2-styled, .fc .btn-group .swal2-modal .swal2-buttonswrapper .fc-button-group + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group .fc-button-group + .swal2-styled, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .fc-button-group + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .fc-button-group + .swal2-styled,
    .btn-group .wizard > .actions .btn-group + a, .wizard > .actions .btn-group .btn-group + a, .fc .fc-button-group .wizard > .actions .btn-group + a, .wizard > .actions .fc .fc-button-group .btn-group + a,
    .btn-group .fc .wizard > .actions .fc-button-group + a, .wizard > .actions .btn-group .fc .fc-button-group + a, .fc .btn-group .wizard > .actions .fc-button-group + a, .wizard > .actions .fc .btn-group .fc-button-group + a, .fc .fc-button-group .wizard > .actions .fc-button-group + a, .wizard > .actions .fc .fc-button-group .fc-button-group + a,
    .btn-group .btn-group + .btn-group, .fc .fc-button-group .btn-group + .btn-group,
    .btn-group .fc .fc-button-group + .btn-group, .fc .btn-group .fc-button-group + .btn-group, .fc .fc-button-group .fc-button-group + .btn-group,
    .btn-group .fc .btn-group + .fc-button-group, .fc .btn-group .btn-group + .fc-button-group, .fc .fc-button-group .btn-group + .fc-button-group,
    .btn-group .fc .fc-button-group + .fc-button-group, .fc .btn-group .fc-button-group + .fc-button-group, .fc .fc-button-group .fc-button-group + .fc-button-group,
    .btn-group-vertical .btn + .btn,
    .btn-group-vertical .fc button + .btn, .fc .btn-group-vertical button + .btn,
    .btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload + .btn,
    .btn-group-vertical .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .swal2-styled + .btn,
    .btn-group-vertical .wizard > .actions a + .btn, .wizard > .actions .btn-group-vertical a + .btn,
    .btn-group-vertical .fc .btn + button, .fc .btn-group-vertical .btn + button,
    .btn-group-vertical .fc button + button, .fc .btn-group-vertical button + button,
    .btn-group-vertical .ajax-upload-dragdrop .fc .ajax-file-upload + button, .fc .btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload + button, .ajax-upload-dragdrop .btn-group-vertical .fc .ajax-file-upload + button, .fc .ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload + button,
    .btn-group-vertical .swal2-modal .swal2-buttonswrapper .fc .swal2-styled + button, .fc .btn-group-vertical .swal2-modal .swal2-buttonswrapper .swal2-styled + button, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .fc .swal2-styled + button, .fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical .swal2-styled + button,
    .btn-group-vertical .wizard > .actions .fc a + button, .fc .btn-group-vertical .wizard > .actions a + button, .wizard > .actions .btn-group-vertical .fc a + button, .fc .wizard > .actions .btn-group-vertical a + button,
    .btn-group-vertical .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .btn-group-vertical .btn + .ajax-file-upload,
    .btn-group-vertical .fc .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .btn-group-vertical .fc button + .ajax-file-upload, .fc .btn-group-vertical .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group-vertical button + .ajax-file-upload,
    .btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload + .ajax-file-upload,
    .btn-group-vertical .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .btn-group-vertical .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .btn-group-vertical .swal2-styled + .ajax-file-upload,
    .btn-group-vertical .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .btn-group-vertical .wizard > .actions a + .ajax-file-upload, .wizard > .actions .btn-group-vertical .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .btn-group-vertical a + .ajax-file-upload,
    .btn-group-vertical .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .btn + .swal2-styled,
    .btn-group-vertical .fc .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .fc button + .swal2-styled, .fc .btn-group-vertical .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical button + .swal2-styled,
    .btn-group-vertical .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .btn-group-vertical .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload + .swal2-styled,
    .btn-group-vertical .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .swal2-styled + .swal2-styled,
    .btn-group-vertical .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .wizard > .actions a + .swal2-styled, .wizard > .actions .btn-group-vertical .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .btn-group-vertical a + .swal2-styled,
    .btn-group-vertical .wizard > .actions .btn + a, .wizard > .actions .btn-group-vertical .btn + a,
    .btn-group-vertical .fc .wizard > .actions button + a, .wizard > .actions .btn-group-vertical .fc button + a, .fc .btn-group-vertical .wizard > .actions button + a, .wizard > .actions .fc .btn-group-vertical button + a,
    .btn-group-vertical .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .btn-group-vertical .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload + a,
    .btn-group-vertical .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .btn-group-vertical .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group-vertical .swal2-styled + a,
    .btn-group-vertical .wizard > .actions a + a, .wizard > .actions .btn-group-vertical a + a,
    .btn-group-vertical .btn + .btn-group,
    .btn-group-vertical .fc button + .btn-group, .fc .btn-group-vertical button + .btn-group,
    .btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload + .btn-group, .ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload + .btn-group,
    .btn-group-vertical .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn-group, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .swal2-styled + .btn-group,
    .btn-group-vertical .wizard > .actions a + .btn-group, .wizard > .actions .btn-group-vertical a + .btn-group,
    .btn-group-vertical .fc .btn + .fc-button-group, .fc .btn-group-vertical .btn + .fc-button-group,
    .btn-group-vertical .fc button + .fc-button-group, .fc .btn-group-vertical button + .fc-button-group,
    .btn-group-vertical .ajax-upload-dragdrop .fc .ajax-file-upload + .fc-button-group, .fc .btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload + .fc-button-group, .ajax-upload-dragdrop .btn-group-vertical .fc .ajax-file-upload + .fc-button-group, .fc .ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload + .fc-button-group,
    .btn-group-vertical .swal2-modal .swal2-buttonswrapper .fc .swal2-styled + .fc-button-group, .fc .btn-group-vertical .swal2-modal .swal2-buttonswrapper .swal2-styled + .fc-button-group, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .fc .swal2-styled + .fc-button-group, .fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical .swal2-styled + .fc-button-group,
    .btn-group-vertical .wizard > .actions .fc a + .fc-button-group, .fc .btn-group-vertical .wizard > .actions a + .fc-button-group, .wizard > .actions .btn-group-vertical .fc a + .fc-button-group, .fc .wizard > .actions .btn-group-vertical a + .fc-button-group,
    .btn-group-vertical .btn-group + .btn,
    .btn-group-vertical .fc .fc-button-group + .btn, .fc .btn-group-vertical .fc-button-group + .btn,
    .btn-group-vertical .fc .btn-group + button, .fc .btn-group-vertical .btn-group + button,
    .btn-group-vertical .fc .fc-button-group + button, .fc .btn-group-vertical .fc-button-group + button,
    .btn-group-vertical .ajax-upload-dragdrop .btn-group + .ajax-file-upload, .ajax-upload-dragdrop .btn-group-vertical .btn-group + .ajax-file-upload,
    .btn-group-vertical .fc .ajax-upload-dragdrop .fc-button-group + .ajax-file-upload, .ajax-upload-dragdrop .btn-group-vertical .fc .fc-button-group + .ajax-file-upload, .fc .btn-group-vertical .ajax-upload-dragdrop .fc-button-group + .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group-vertical .fc-button-group + .ajax-file-upload,
    .btn-group-vertical .swal2-modal .swal2-buttonswrapper .btn-group + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .btn-group + .swal2-styled,
    .btn-group-vertical .fc .swal2-modal .swal2-buttonswrapper .fc-button-group + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .fc .fc-button-group + .swal2-styled, .fc .btn-group-vertical .swal2-modal .swal2-buttonswrapper .fc-button-group + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical .fc-button-group + .swal2-styled,
    .btn-group-vertical .wizard > .actions .btn-group + a, .wizard > .actions .btn-group-vertical .btn-group + a,
    .btn-group-vertical .fc .wizard > .actions .fc-button-group + a, .wizard > .actions .btn-group-vertical .fc .fc-button-group + a, .fc .btn-group-vertical .wizard > .actions .fc-button-group + a, .wizard > .actions .fc .btn-group-vertical .fc-button-group + a,
    .btn-group-vertical .btn-group + .btn-group,
    .btn-group-vertical .fc .fc-button-group + .btn-group, .fc .btn-group-vertical .fc-button-group + .btn-group,
    .btn-group-vertical .fc .btn-group + .fc-button-group, .fc .btn-group-vertical .btn-group + .fc-button-group,
    .btn-group-vertical .fc .fc-button-group + .fc-button-group, .fc .btn-group-vertical .fc-button-group + .fc-button-group {
        margin-left: -1px;
    }

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

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

.btn-group > .btn:first-child, .fc .fc-button-group > .btn:first-child, .fc .btn-group > button:first-child, .fc .fc-button-group > button:first-child, .ajax-upload-dragdrop .btn-group > .ajax-file-upload:first-child, .fc .ajax-upload-dragdrop .fc-button-group > .ajax-file-upload:first-child, .ajax-upload-dragdrop .fc .fc-button-group > .ajax-file-upload:first-child, .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:first-child, .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .swal2-styled:first-child, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .swal2-styled:first-child, .wizard > .actions .btn-group > a:first-child, .fc .wizard > .actions .fc-button-group > a:first-child, .wizard > .actions .fc .fc-button-group > a:first-child {
    margin-left: 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .fc .fc-button-group > .btn:not(:last-child):not(.dropdown-toggle), .fc .btn-group > button:not(:last-child):not(.dropdown-toggle), .fc .fc-button-group > button:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .fc .ajax-upload-dragdrop .fc-button-group > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .fc .fc-button-group > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:last-child):not(.dropdown-toggle), .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .swal2-styled:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .swal2-styled:not(:last-child):not(.dropdown-toggle), .wizard > .actions .btn-group > a:not(:last-child):not(.dropdown-toggle), .fc .wizard > .actions .fc-button-group > a:not(:last-child):not(.dropdown-toggle), .wizard > .actions .fc .fc-button-group > a:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn, .fc .fc-button-group > .btn-group:not(:last-child) > .btn, .fc .btn-group > .fc-button-group:not(:last-child) > .btn, .fc .fc-button-group > .fc-button-group:not(:last-child) > .btn, .fc .btn-group > .btn-group:not(:last-child) > button, .fc .fc-button-group > .btn-group:not(:last-child) > button, .fc .btn-group > .fc-button-group:not(:last-child) > button, .fc .fc-button-group > .fc-button-group:not(:last-child) > button, .ajax-upload-dragdrop .btn-group > .btn-group:not(:last-child) > .ajax-file-upload, .fc .ajax-upload-dragdrop .fc-button-group > .btn-group:not(:last-child) > .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group > .btn-group:not(:last-child) > .ajax-file-upload, .fc .ajax-upload-dragdrop .btn-group > .fc-button-group:not(:last-child) > .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group > .fc-button-group:not(:last-child) > .ajax-file-upload, .fc .ajax-upload-dragdrop .fc-button-group > .fc-button-group:not(:last-child) > .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group > .fc-button-group:not(:last-child) > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group > .btn-group:not(:last-child) > .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .btn-group:not(:last-child) > .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .btn-group:not(:last-child) > .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .btn-group > .fc-button-group:not(:last-child) > .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group > .fc-button-group:not(:last-child) > .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .fc-button-group:not(:last-child) > .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .fc-button-group:not(:last-child) > .swal2-styled, .wizard > .actions .btn-group > .btn-group:not(:last-child) > a, .fc .wizard > .actions .fc-button-group > .btn-group:not(:last-child) > a, .wizard > .actions .fc .fc-button-group > .btn-group:not(:last-child) > a, .fc .wizard > .actions .btn-group > .fc-button-group:not(:last-child) > a, .wizard > .actions .fc .btn-group > .fc-button-group:not(:last-child) > a, .fc .wizard > .actions .fc-button-group > .fc-button-group:not(:last-child) > a, .wizard > .actions .fc .fc-button-group > .fc-button-group:not(:last-child) > a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child), .fc .fc-button-group > .btn:not(:first-child), .fc .btn-group > button:not(:first-child), .fc .fc-button-group > button:not(:first-child), .ajax-upload-dragdrop .btn-group > .ajax-file-upload:not(:first-child), .fc .ajax-upload-dragdrop .fc-button-group > .ajax-file-upload:not(:first-child), .ajax-upload-dragdrop .fc .fc-button-group > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group > .swal2-styled:not(:first-child), .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .swal2-styled:not(:first-child), .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .swal2-styled:not(:first-child), .wizard > .actions .btn-group > a:not(:first-child), .fc .wizard > .actions .fc-button-group > a:not(:first-child), .wizard > .actions .fc .fc-button-group > a:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn, .fc .fc-button-group > .btn-group:not(:first-child) > .btn, .fc .btn-group > .fc-button-group:not(:first-child) > .btn, .fc .fc-button-group > .fc-button-group:not(:first-child) > .btn, .fc .btn-group > .btn-group:not(:first-child) > button, .fc .fc-button-group > .btn-group:not(:first-child) > button, .fc .btn-group > .fc-button-group:not(:first-child) > button, .fc .fc-button-group > .fc-button-group:not(:first-child) > button, .ajax-upload-dragdrop .btn-group > .btn-group:not(:first-child) > .ajax-file-upload, .fc .ajax-upload-dragdrop .fc-button-group > .btn-group:not(:first-child) > .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group > .btn-group:not(:first-child) > .ajax-file-upload, .fc .ajax-upload-dragdrop .btn-group > .fc-button-group:not(:first-child) > .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group > .fc-button-group:not(:first-child) > .ajax-file-upload, .fc .ajax-upload-dragdrop .fc-button-group > .fc-button-group:not(:first-child) > .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group > .fc-button-group:not(:first-child) > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group > .btn-group:not(:first-child) > .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .btn-group:not(:first-child) > .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .btn-group:not(:first-child) > .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .btn-group > .fc-button-group:not(:first-child) > .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group > .fc-button-group:not(:first-child) > .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .fc-button-group > .fc-button-group:not(:first-child) > .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group > .fc-button-group:not(:first-child) > .swal2-styled, .wizard > .actions .btn-group > .btn-group:not(:first-child) > a, .fc .wizard > .actions .fc-button-group > .btn-group:not(:first-child) > a, .wizard > .actions .fc .fc-button-group > .btn-group:not(:first-child) > a, .fc .wizard > .actions .btn-group > .fc-button-group:not(:first-child) > a, .wizard > .actions .fc .btn-group > .fc-button-group:not(:first-child) > a, .fc .wizard > .actions .fc-button-group > .fc-button-group:not(:first-child) > a, .wizard > .actions .fc .fc-button-group > .fc-button-group:not(:first-child) > a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

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

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

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

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .fc .btn-group-sm > button + .dropdown-toggle-split, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload + .dropdown-toggle-split, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled + .dropdown-toggle-split, .wizard > .actions .btn-group-sm > a + .dropdown-toggle-split, .fc button + .dropdown-toggle-split {
    padding-right: 0.6075rem;
    padding-left: 0.6075rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .fc .btn-group-lg > button + .dropdown-toggle-split, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload + .dropdown-toggle-split, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled + .dropdown-toggle-split, .wizard > .actions .btn-group-lg > a + .dropdown-toggle-split {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
}

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

    .btn-group-vertical .btn, .btn-group-vertical .fc button, .fc .btn-group-vertical button, .btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload, .btn-group-vertical .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group-vertical .swal2-styled, .btn-group-vertical .wizard > .actions a, .wizard > .actions .btn-group-vertical a,
    .btn-group-vertical .btn-group,
    .btn-group-vertical .fc .fc-button-group, .fc .btn-group-vertical .fc-button-group {
        width: 100%;
    }

    .btn-group-vertical > .btn + .btn, .fc .btn-group-vertical > button + .btn, .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload + .btn, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled + .btn, .wizard > .actions .btn-group-vertical > a + .btn, .fc .btn-group-vertical > .btn + button, .fc .btn-group-vertical > button + button, .ajax-upload-dragdrop .fc .btn-group-vertical > .ajax-file-upload + button, .fc .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload + button, .swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical > .swal2-styled + button, .fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled + button, .wizard > .actions .fc .btn-group-vertical > a + button, .fc .wizard > .actions .btn-group-vertical > a + button, .ajax-upload-dragdrop .btn-group-vertical > .btn + .ajax-file-upload, .fc .ajax-upload-dragdrop .btn-group-vertical > button + .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group-vertical > button + .ajax-file-upload, .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .btn-group-vertical > .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled + .ajax-file-upload, .wizard > .actions .ajax-upload-dragdrop .btn-group-vertical > a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .btn-group-vertical > a + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .btn + .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical > button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical > button + .swal2-styled, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled + .swal2-styled, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group-vertical > a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .btn-group-vertical > a + .swal2-styled, .wizard > .actions .btn-group-vertical > .btn + a, .fc .wizard > .actions .btn-group-vertical > button + a, .wizard > .actions .fc .btn-group-vertical > button + a, .ajax-upload-dragdrop .wizard > .actions .btn-group-vertical > .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload + a, .swal2-modal .swal2-buttonswrapper .wizard > .actions .btn-group-vertical > .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled + a, .wizard > .actions .btn-group-vertical > a + a,
    .btn-group-vertical > .btn + .btn-group, .fc .btn-group-vertical > button + .btn-group, .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload + .btn-group, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled + .btn-group, .wizard > .actions .btn-group-vertical > a + .btn-group, .fc .btn-group-vertical > .btn + .fc-button-group, .fc .btn-group-vertical > button + .fc-button-group, .ajax-upload-dragdrop .fc .btn-group-vertical > .ajax-file-upload + .fc-button-group, .fc .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload + .fc-button-group, .swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical > .swal2-styled + .fc-button-group, .fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled + .fc-button-group, .wizard > .actions .fc .btn-group-vertical > a + .fc-button-group, .fc .wizard > .actions .btn-group-vertical > a + .fc-button-group,
    .btn-group-vertical > .btn-group + .btn, .fc .btn-group-vertical > .fc-button-group + .btn, .fc .btn-group-vertical > .btn-group + button, .fc .btn-group-vertical > .fc-button-group + button, .ajax-upload-dragdrop .btn-group-vertical > .btn-group + .ajax-file-upload, .fc .ajax-upload-dragdrop .btn-group-vertical > .fc-button-group + .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group-vertical > .fc-button-group + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .btn-group + .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .fc-button-group + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical > .fc-button-group + .swal2-styled, .wizard > .actions .btn-group-vertical > .btn-group + a, .fc .wizard > .actions .btn-group-vertical > .fc-button-group + a, .wizard > .actions .fc .btn-group-vertical > .fc-button-group + a,
    .btn-group-vertical > .btn-group + .btn-group, .fc .btn-group-vertical > .fc-button-group + .btn-group, .fc .btn-group-vertical > .btn-group + .fc-button-group, .fc .btn-group-vertical > .fc-button-group + .fc-button-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .fc .btn-group-vertical > button:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:last-child):not(.dropdown-toggle), .wizard > .actions .btn-group-vertical > a:not(:last-child):not(.dropdown-toggle),
    .btn-group-vertical > .btn-group:not(:last-child) > .btn, .fc .btn-group-vertical > .fc-button-group:not(:last-child) > .btn, .fc .btn-group-vertical > .btn-group:not(:last-child) > button, .fc .btn-group-vertical > .fc-button-group:not(:last-child) > button, .ajax-upload-dragdrop .btn-group-vertical > .btn-group:not(:last-child) > .ajax-file-upload, .fc .ajax-upload-dragdrop .btn-group-vertical > .fc-button-group:not(:last-child) > .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group-vertical > .fc-button-group:not(:last-child) > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .btn-group:not(:last-child) > .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .fc-button-group:not(:last-child) > .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical > .fc-button-group:not(:last-child) > .swal2-styled, .wizard > .actions .btn-group-vertical > .btn-group:not(:last-child) > a, .fc .wizard > .actions .btn-group-vertical > .fc-button-group:not(:last-child) > a, .wizard > .actions .fc .btn-group-vertical > .fc-button-group:not(:last-child) > a {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:not(:first-child), .fc .btn-group-vertical > button:not(:first-child), .ajax-upload-dragdrop .btn-group-vertical > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .swal2-styled:not(:first-child), .wizard > .actions .btn-group-vertical > a:not(:first-child),
    .btn-group-vertical > .btn-group:not(:first-child) > .btn, .fc .btn-group-vertical > .fc-button-group:not(:first-child) > .btn, .fc .btn-group-vertical > .btn-group:not(:first-child) > button, .fc .btn-group-vertical > .fc-button-group:not(:first-child) > button, .ajax-upload-dragdrop .btn-group-vertical > .btn-group:not(:first-child) > .ajax-file-upload, .fc .ajax-upload-dragdrop .btn-group-vertical > .fc-button-group:not(:first-child) > .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group-vertical > .fc-button-group:not(:first-child) > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .btn-group:not(:first-child) > .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .btn-group-vertical > .fc-button-group:not(:first-child) > .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group-vertical > .fc-button-group:not(:first-child) > .swal2-styled, .wizard > .actions .btn-group-vertical > .btn-group:not(:first-child) > a, .fc .wizard > .actions .btn-group-vertical > .fc-button-group:not(:first-child) > a, .wizard > .actions .fc .btn-group-vertical > .fc-button-group:not(:first-child) > a {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group-toggle > .btn, .fc .btn-group-toggle > button, .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled, .wizard > .actions .btn-group-toggle > a,
.btn-group-toggle > .btn-group > .btn, .fc .btn-group-toggle > .fc-button-group > .btn, .fc .btn-group-toggle > .btn-group > button, .fc .btn-group-toggle > .fc-button-group > button, .ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload, .fc .ajax-upload-dragdrop .btn-group-toggle > .fc-button-group > .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group-toggle > .fc-button-group > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled, .fc .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .fc-button-group > .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group-toggle > .fc-button-group > .swal2-styled, .wizard > .actions .btn-group-toggle > .btn-group > a, .fc .wizard > .actions .btn-group-toggle > .fc-button-group > a, .wizard > .actions .fc .btn-group-toggle > .fc-button-group > a {
    margin-bottom: 0;
}

    .btn-group-toggle > .btn input[type="radio"], .fc .btn-group-toggle > button input[type="radio"], .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload input[type="radio"], .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled input[type="radio"], .wizard > .actions .btn-group-toggle > a input[type="radio"],
    .btn-group-toggle > .btn input[type="checkbox"], .fc .btn-group-toggle > button input[type="checkbox"], .ajax-upload-dragdrop .btn-group-toggle > .ajax-file-upload input[type="checkbox"], .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .swal2-styled input[type="checkbox"], .wizard > .actions .btn-group-toggle > a input[type="checkbox"],
    .btn-group-toggle > .btn-group > .btn input[type="radio"], .fc .btn-group-toggle > .fc-button-group > .btn input[type="radio"], .fc .btn-group-toggle > .btn-group > button input[type="radio"], .fc .btn-group-toggle > .fc-button-group > button input[type="radio"], .ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload input[type="radio"], .fc .ajax-upload-dragdrop .btn-group-toggle > .fc-button-group > .ajax-file-upload input[type="radio"], .ajax-upload-dragdrop .fc .btn-group-toggle > .fc-button-group > .ajax-file-upload input[type="radio"], .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled input[type="radio"], .fc .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .fc-button-group > .swal2-styled input[type="radio"], .swal2-modal .swal2-buttonswrapper .fc .btn-group-toggle > .fc-button-group > .swal2-styled input[type="radio"], .wizard > .actions .btn-group-toggle > .btn-group > a input[type="radio"], .fc .wizard > .actions .btn-group-toggle > .fc-button-group > a input[type="radio"], .wizard > .actions .fc .btn-group-toggle > .fc-button-group > a input[type="radio"],
    .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .fc .btn-group-toggle > .fc-button-group > .btn input[type="checkbox"], .fc .btn-group-toggle > .btn-group > button input[type="checkbox"], .fc .btn-group-toggle > .fc-button-group > button input[type="checkbox"], .ajax-upload-dragdrop .btn-group-toggle > .btn-group > .ajax-file-upload input[type="checkbox"], .fc .ajax-upload-dragdrop .btn-group-toggle > .fc-button-group > .ajax-file-upload input[type="checkbox"], .ajax-upload-dragdrop .fc .btn-group-toggle > .fc-button-group > .ajax-file-upload input[type="checkbox"], .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .btn-group > .swal2-styled input[type="checkbox"], .fc .swal2-modal .swal2-buttonswrapper .btn-group-toggle > .fc-button-group > .swal2-styled input[type="checkbox"], .swal2-modal .swal2-buttonswrapper .fc .btn-group-toggle > .fc-button-group > .swal2-styled input[type="checkbox"], .wizard > .actions .btn-group-toggle > .btn-group > a input[type="checkbox"], .fc .wizard > .actions .btn-group-toggle > .fc-button-group > a input[type="checkbox"], .wizard > .actions .fc .btn-group-toggle > .fc-button-group > a input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

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

    .input-group > .form-control, .asColorPicker-wrap > .form-control, .input-group > .asColorPicker-input, .asColorPicker-wrap > .asColorPicker-input, .dataTables_wrapper .input-group > select, .dataTables_wrapper .asColorPicker-wrap > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text],
    .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select,
    .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number], .select2-container--default .input-group > .select2-selection--single, .select2-container--default .asColorPicker-wrap > .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field, .input-group > .typeahead, .asColorPicker-wrap > .typeahead, .input-group > .tt-query, .asColorPicker-wrap > .tt-query, .input-group > .tt-hint, .asColorPicker-wrap > .tt-hint,
    .input-group > .custom-select, .asColorPicker-wrap > .custom-select,
    .input-group > .custom-file, .asColorPicker-wrap > .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

        .input-group > .form-control:focus, .asColorPicker-wrap > .form-control:focus, .input-group > .asColorPicker-input:focus, .asColorPicker-wrap > .asColorPicker-input:focus, .dataTables_wrapper .input-group > select:focus, .dataTables_wrapper .asColorPicker-wrap > select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text]:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text]:focus,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:focus,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number]:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number]:focus, .select2-container--default .input-group > .select2-selection--single:focus, .select2-container--default .asColorPicker-wrap > .select2-selection--single:focus, .select2-container--default .select2-selection--single .input-group > .select2-search__field:focus, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:focus, .input-group > .typeahead:focus, .asColorPicker-wrap > .typeahead:focus, .input-group > .tt-query:focus, .asColorPicker-wrap > .tt-query:focus, .input-group > .tt-hint:focus, .asColorPicker-wrap > .tt-hint:focus,
        .input-group > .custom-select:focus, .asColorPicker-wrap > .custom-select:focus,
        .input-group > .custom-file:focus, .asColorPicker-wrap > .custom-file:focus {
            z-index: 3;
        }

        .input-group > .form-control + .form-control, .asColorPicker-wrap > .form-control + .form-control, .input-group > .asColorPicker-input + .form-control, .asColorPicker-wrap > .asColorPicker-input + .form-control, .dataTables_wrapper .input-group > select + .form-control, .dataTables_wrapper .asColorPicker-wrap > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .form-control,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .form-control,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .form-control, .select2-container--default .input-group > .select2-selection--single + .form-control, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .form-control, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .form-control, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .form-control, .input-group > .typeahead + .form-control, .asColorPicker-wrap > .typeahead + .form-control, .input-group > .tt-query + .form-control, .asColorPicker-wrap > .tt-query + .form-control, .input-group > .tt-hint + .form-control, .asColorPicker-wrap > .tt-hint + .form-control, .input-group > .form-control + .asColorPicker-input, .asColorPicker-wrap > .form-control + .asColorPicker-input, .input-group > .asColorPicker-input + .asColorPicker-input, .asColorPicker-wrap > .asColorPicker-input + .asColorPicker-input, .dataTables_wrapper .input-group > select + .asColorPicker-input, .dataTables_wrapper .asColorPicker-wrap > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .asColorPicker-input,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .asColorPicker-input,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .asColorPicker-input, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .asColorPicker-input, .select2-container--default .input-group > .select2-selection--single + .asColorPicker-input, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .asColorPicker-input, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .asColorPicker-input, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .asColorPicker-input, .input-group > .typeahead + .asColorPicker-input, .asColorPicker-wrap > .typeahead + .asColorPicker-input, .input-group > .tt-query + .asColorPicker-input, .asColorPicker-wrap > .tt-query + .asColorPicker-input, .input-group > .tt-hint + .asColorPicker-input, .asColorPicker-wrap > .tt-hint + .asColorPicker-input, .dataTables_wrapper .input-group > .form-control + select, .dataTables_wrapper .asColorPicker-wrap > .form-control + select, .dataTables_wrapper .input-group > .asColorPicker-input + select, .dataTables_wrapper .asColorPicker-wrap > .asColorPicker-input + select, .dataTables_wrapper .input-group > select + select, .dataTables_wrapper .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > input[type=text] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > input[type=text] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > input[type=number] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > input[type=number] + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + select, .select2-container--default .dataTables_wrapper .input-group > .select2-selection--single + select, .dataTables_wrapper .select2-container--default .input-group > .select2-selection--single + select, .select2-container--default .dataTables_wrapper .asColorPicker-wrap > .select2-selection--single + select, .dataTables_wrapper .select2-container--default .asColorPicker-wrap > .select2-selection--single + select, .select2-container--default .select2-selection--single .dataTables_wrapper .input-group > .select2-search__field + select, .dataTables_wrapper .select2-container--default .select2-selection--single .input-group > .select2-search__field + select, .select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap > .select2-search__field + select, .dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + select, .dataTables_wrapper .input-group > .typeahead + select, .dataTables_wrapper .asColorPicker-wrap > .typeahead + select, .dataTables_wrapper .input-group > .tt-query + select, .dataTables_wrapper .asColorPicker-wrap > .tt-query + select, .dataTables_wrapper .input-group > .tt-hint + select, .dataTables_wrapper .asColorPicker-wrap > .tt-hint + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + input[type=text], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + input[type=text], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + input[type=text], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + input[type=text], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + input[type=text], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + input[type=text], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + input[type=text],
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + select, .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + select, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + select, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + select, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + select, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + select, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .form-control + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .form-control + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .asColorPicker-input + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .asColorPicker-input + input[type=number], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .input-group > select + input[type=number], .dataTables_wrapper .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .dataTables_wrapper .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + input[type=number], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-selection--single + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > .select2-selection--single + input[type=number], .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-selection--single + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > .select2-selection--single + input[type=number], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > .select2-search__field + input[type=number], .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .typeahead + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .typeahead + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-query + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-query + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .tt-hint + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .tt-hint + input[type=number], .select2-container--default .input-group > .form-control + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .form-control + .select2-selection--single, .select2-container--default .input-group > .asColorPicker-input + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .asColorPicker-input + .select2-selection--single, .dataTables_wrapper .select2-container--default .input-group > select + .select2-selection--single, .select2-container--default .dataTables_wrapper .input-group > select + .select2-selection--single, .dataTables_wrapper .select2-container--default .asColorPicker-wrap > select + .select2-selection--single, .select2-container--default .dataTables_wrapper .asColorPicker-wrap > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > input[type=text] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > input[type=text] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .select2-selection--single,
        .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > select + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .select2-selection--single,
        .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > select + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .input-group > input[type=number] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .select2-selection--single, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .asColorPicker-wrap > input[type=number] + .select2-selection--single, .select2-container--default .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .select2-selection--single, .select2-container--default .input-group > .select2-selection--single + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .select2-selection--single, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .select2-selection--single, .select2-container--default .input-group > .typeahead + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .typeahead + .select2-selection--single, .select2-container--default .input-group > .tt-query + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .tt-query + .select2-selection--single, .select2-container--default .input-group > .tt-hint + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .tt-hint + .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .form-control + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .form-control + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .asColorPicker-input + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .asColorPicker-input + .select2-search__field, .dataTables_wrapper .select2-container--default .select2-selection--single .input-group > select + .select2-search__field, .select2-container--default .select2-selection--single .dataTables_wrapper .input-group > select + .select2-search__field, .dataTables_wrapper .select2-container--default .select2-selection--single .asColorPicker-wrap > select + .select2-search__field, .select2-container--default .select2-selection--single .dataTables_wrapper .asColorPicker-wrap > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > input[type=text] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > input[type=text] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .select2-search__field,
        .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > select + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .select2-search__field,
        .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > select + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .input-group > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .select2-search__field, .jsgrid .jsgrid-table .jsgrid-filter-row .select2-container--default .select2-selection--single .asColorPicker-wrap > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .select2-selection--single + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-selection--single + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .typeahead + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .typeahead + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .tt-query + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .tt-query + .select2-search__field, .select2-container--default .select2-selection--single .input-group > .tt-hint + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .tt-hint + .select2-search__field, .input-group > .form-control + .typeahead, .asColorPicker-wrap > .form-control + .typeahead, .input-group > .asColorPicker-input + .typeahead, .asColorPicker-wrap > .asColorPicker-input + .typeahead, .dataTables_wrapper .input-group > select + .typeahead, .dataTables_wrapper .asColorPicker-wrap > select + .typeahead, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .typeahead, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .typeahead,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .typeahead,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .typeahead, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .typeahead, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .typeahead, .select2-container--default .input-group > .select2-selection--single + .typeahead, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .typeahead, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .typeahead, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .typeahead, .input-group > .typeahead + .typeahead, .asColorPicker-wrap > .typeahead + .typeahead, .input-group > .tt-query + .typeahead, .asColorPicker-wrap > .tt-query + .typeahead, .input-group > .tt-hint + .typeahead, .asColorPicker-wrap > .tt-hint + .typeahead, .input-group > .form-control + .tt-query, .asColorPicker-wrap > .form-control + .tt-query, .input-group > .asColorPicker-input + .tt-query, .asColorPicker-wrap > .asColorPicker-input + .tt-query, .dataTables_wrapper .input-group > select + .tt-query, .dataTables_wrapper .asColorPicker-wrap > select + .tt-query, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .tt-query, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .tt-query,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .tt-query,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .tt-query, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .tt-query, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .tt-query, .select2-container--default .input-group > .select2-selection--single + .tt-query, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .tt-query, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .tt-query, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .tt-query, .input-group > .typeahead + .tt-query, .asColorPicker-wrap > .typeahead + .tt-query, .input-group > .tt-query + .tt-query, .asColorPicker-wrap > .tt-query + .tt-query, .input-group > .tt-hint + .tt-query, .asColorPicker-wrap > .tt-hint + .tt-query, .input-group > .form-control + .tt-hint, .asColorPicker-wrap > .form-control + .tt-hint, .input-group > .asColorPicker-input + .tt-hint, .asColorPicker-wrap > .asColorPicker-input + .tt-hint, .dataTables_wrapper .input-group > select + .tt-hint, .dataTables_wrapper .asColorPicker-wrap > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .tt-hint,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .tt-hint,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .tt-hint, .select2-container--default .input-group > .select2-selection--single + .tt-hint, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .tt-hint, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .tt-hint, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .tt-hint, .input-group > .typeahead + .tt-hint, .asColorPicker-wrap > .typeahead + .tt-hint, .input-group > .tt-query + .tt-hint, .asColorPicker-wrap > .tt-query + .tt-hint, .input-group > .tt-hint + .tt-hint, .asColorPicker-wrap > .tt-hint + .tt-hint,
        .input-group > .form-control + .custom-select, .asColorPicker-wrap > .form-control + .custom-select,
        .input-group > .asColorPicker-input + .custom-select, .asColorPicker-wrap > .asColorPicker-input + .custom-select, .dataTables_wrapper .input-group > select + .custom-select, .dataTables_wrapper .asColorPicker-wrap > select + .custom-select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .custom-select, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .custom-select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .custom-select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .custom-select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .custom-select, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .custom-select, .select2-container--default .input-group > .select2-selection--single + .custom-select, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .custom-select, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .custom-select, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .custom-select,
        .input-group > .typeahead + .custom-select, .asColorPicker-wrap > .typeahead + .custom-select,
        .input-group > .tt-query + .custom-select, .asColorPicker-wrap > .tt-query + .custom-select,
        .input-group > .tt-hint + .custom-select, .asColorPicker-wrap > .tt-hint + .custom-select,
        .input-group > .form-control + .custom-file, .asColorPicker-wrap > .form-control + .custom-file,
        .input-group > .asColorPicker-input + .custom-file, .asColorPicker-wrap > .asColorPicker-input + .custom-file, .dataTables_wrapper .input-group > select + .custom-file, .dataTables_wrapper .asColorPicker-wrap > select + .custom-file, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text] + .custom-file, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text] + .custom-file,
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select + .custom-file,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select + .custom-file, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number] + .custom-file, .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number] + .custom-file, .select2-container--default .input-group > .select2-selection--single + .custom-file, .select2-container--default .asColorPicker-wrap > .select2-selection--single + .custom-file, .select2-container--default .select2-selection--single .input-group > .select2-search__field + .custom-file, .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field + .custom-file,
        .input-group > .typeahead + .custom-file, .asColorPicker-wrap > .typeahead + .custom-file,
        .input-group > .tt-query + .custom-file, .asColorPicker-wrap > .tt-query + .custom-file,
        .input-group > .tt-hint + .custom-file, .asColorPicker-wrap > .tt-hint + .custom-file,
        .input-group > .custom-select + .form-control, .asColorPicker-wrap > .custom-select + .form-control,
        .input-group > .custom-select + .asColorPicker-input, .asColorPicker-wrap > .custom-select + .asColorPicker-input, .dataTables_wrapper .input-group > .custom-select + select, .dataTables_wrapper .asColorPicker-wrap > .custom-select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + input[type=text],
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-select + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-select + input[type=number], .select2-container--default .input-group > .custom-select + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .custom-select + .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .custom-select + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .custom-select + .select2-search__field,
        .input-group > .custom-select + .typeahead, .asColorPicker-wrap > .custom-select + .typeahead,
        .input-group > .custom-select + .tt-query, .asColorPicker-wrap > .custom-select + .tt-query,
        .input-group > .custom-select + .tt-hint, .asColorPicker-wrap > .custom-select + .tt-hint,
        .input-group > .custom-select + .custom-select, .asColorPicker-wrap > .custom-select + .custom-select,
        .input-group > .custom-select + .custom-file, .asColorPicker-wrap > .custom-select + .custom-file,
        .input-group > .custom-file + .form-control, .asColorPicker-wrap > .custom-file + .form-control,
        .input-group > .custom-file + .asColorPicker-input, .asColorPicker-wrap > .custom-file + .asColorPicker-input, .dataTables_wrapper .input-group > .custom-file + select, .dataTables_wrapper .asColorPicker-wrap > .custom-file + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + input[type=text],
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + select,
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > .custom-file + input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > .custom-file + input[type=number], .select2-container--default .input-group > .custom-file + .select2-selection--single, .select2-container--default .asColorPicker-wrap > .custom-file + .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .custom-file + .select2-search__field, .select2-container--default .select2-selection--single .asColorPicker-wrap > .custom-file + .select2-search__field,
        .input-group > .custom-file + .typeahead, .asColorPicker-wrap > .custom-file + .typeahead,
        .input-group > .custom-file + .tt-query, .asColorPicker-wrap > .custom-file + .tt-query,
        .input-group > .custom-file + .tt-hint, .asColorPicker-wrap > .custom-file + .tt-hint,
        .input-group > .custom-file + .custom-select, .asColorPicker-wrap > .custom-file + .custom-select,
        .input-group > .custom-file + .custom-file, .asColorPicker-wrap > .custom-file + .custom-file {
            margin-left: -1px;
        }

        .input-group > .form-control:not(:last-child), .asColorPicker-wrap > .form-control:not(:last-child), .input-group > .asColorPicker-input:not(:last-child), .asColorPicker-wrap > .asColorPicker-input:not(:last-child), .dataTables_wrapper .input-group > select:not(:last-child), .dataTables_wrapper .asColorPicker-wrap > select:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text]:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text]:not(:last-child),
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:not(:last-child),
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number]:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number]:not(:last-child), .select2-container--default .input-group > .select2-selection--single:not(:last-child), .select2-container--default .asColorPicker-wrap > .select2-selection--single:not(:last-child), .select2-container--default .select2-selection--single .input-group > .select2-search__field:not(:last-child), .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:not(:last-child), .input-group > .typeahead:not(:last-child), .asColorPicker-wrap > .typeahead:not(:last-child), .input-group > .tt-query:not(:last-child), .asColorPicker-wrap > .tt-query:not(:last-child), .input-group > .tt-hint:not(:last-child), .asColorPicker-wrap > .tt-hint:not(:last-child),
        .input-group > .custom-select:not(:last-child), .asColorPicker-wrap > .custom-select:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .input-group > .form-control:not(:first-child), .asColorPicker-wrap > .form-control:not(:first-child), .input-group > .asColorPicker-input:not(:first-child), .asColorPicker-wrap > .asColorPicker-input:not(:first-child), .dataTables_wrapper .input-group > select:not(:first-child), .dataTables_wrapper .asColorPicker-wrap > select:not(:first-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=text]:not(:first-child), .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=text]:not(:first-child),
        .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > select:not(:first-child),
        .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > select:not(:first-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group > input[type=number]:not(:first-child), .jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap > input[type=number]:not(:first-child), .select2-container--default .input-group > .select2-selection--single:not(:first-child), .select2-container--default .asColorPicker-wrap > .select2-selection--single:not(:first-child), .select2-container--default .select2-selection--single .input-group > .select2-search__field:not(:first-child), .select2-container--default .select2-selection--single .asColorPicker-wrap > .select2-search__field:not(:first-child), .input-group > .typeahead:not(:first-child), .asColorPicker-wrap > .typeahead:not(:first-child), .input-group > .tt-query:not(:first-child), .asColorPicker-wrap > .tt-query:not(:first-child), .input-group > .tt-hint:not(:first-child), .asColorPicker-wrap > .tt-hint:not(:first-child),
        .input-group > .custom-select:not(:first-child), .asColorPicker-wrap > .custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

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

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

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

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

    .input-group-prepend .btn, .input-group-prepend .fc button, .fc .input-group-prepend button, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled, .input-group-prepend .wizard > .actions a, .wizard > .actions .input-group-prepend a,
    .input-group-append .btn,
    .input-group-append .fc button, .fc .input-group-append button,
    .input-group-append .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .input-group-append .ajax-file-upload,
    .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled,
    .input-group-append .wizard > .actions a, .wizard > .actions .input-group-append a {
        position: relative;
        z-index: 2;
    }

        .input-group-prepend .btn + .btn, .input-group-prepend .fc button + .btn, .fc .input-group-prepend button + .btn, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .btn, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .btn, .input-group-prepend .wizard > .actions a + .btn, .wizard > .actions .input-group-prepend a + .btn, .input-group-prepend .fc .btn + button, .fc .input-group-prepend .btn + button, .input-group-prepend .fc button + button, .fc .input-group-prepend button + button, .input-group-prepend .ajax-upload-dragdrop .fc .ajax-file-upload + button, .fc .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + button, .ajax-upload-dragdrop .input-group-prepend .fc .ajax-file-upload + button, .fc .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + button, .input-group-prepend .swal2-modal .swal2-buttonswrapper .fc .swal2-styled + button, .fc .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + button, .swal2-modal .swal2-buttonswrapper .input-group-prepend .fc .swal2-styled + button, .fc .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + button, .input-group-prepend .wizard > .actions .fc a + button, .fc .input-group-prepend .wizard > .actions a + button, .wizard > .actions .input-group-prepend .fc a + button, .fc .wizard > .actions .input-group-prepend a + button, .input-group-prepend .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .btn + .ajax-file-upload, .input-group-prepend .fc .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .fc button + .ajax-file-upload, .fc .input-group-prepend .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .fc .input-group-prepend button + .ajax-file-upload, .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .ajax-file-upload, .input-group-prepend .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .wizard > .actions a + .ajax-file-upload, .wizard > .actions .input-group-prepend .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .input-group-prepend a + .ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .btn + .swal2-styled, .input-group-prepend .fc .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .fc button + .swal2-styled, .fc .input-group-prepend .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .input-group-prepend button + .swal2-styled, .input-group-prepend .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .input-group-prepend .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .swal2-styled, .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .swal2-styled, .input-group-prepend .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard > .actions a + .swal2-styled, .wizard > .actions .input-group-prepend .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .input-group-prepend a + .swal2-styled, .input-group-prepend .wizard > .actions .btn + a, .wizard > .actions .input-group-prepend .btn + a, .input-group-prepend .fc .wizard > .actions button + a, .wizard > .actions .input-group-prepend .fc button + a, .fc .input-group-prepend .wizard > .actions button + a, .wizard > .actions .fc .input-group-prepend button + a, .input-group-prepend .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .input-group-prepend .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + a, .input-group-prepend .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .input-group-prepend .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + a, .input-group-prepend .wizard > .actions a + a, .wizard > .actions .input-group-prepend a + a,
        .input-group-prepend .btn + .input-group-text,
        .input-group-prepend .fc button + .input-group-text, .fc .input-group-prepend button + .input-group-text,
        .input-group-prepend .ajax-upload-dragdrop .ajax-file-upload + .input-group-text, .ajax-upload-dragdrop .input-group-prepend .ajax-file-upload + .input-group-text,
        .input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text, .swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled + .input-group-text,
        .input-group-prepend .wizard > .actions a + .input-group-text, .wizard > .actions .input-group-prepend a + .input-group-text,
        .input-group-prepend .input-group-text + .input-group-text,
        .input-group-prepend .input-group-text + .btn,
        .input-group-prepend .fc .input-group-text + button, .fc .input-group-prepend .input-group-text + button,
        .input-group-prepend .ajax-upload-dragdrop .input-group-text + .ajax-file-upload, .ajax-upload-dragdrop .input-group-prepend .input-group-text + .ajax-file-upload,
        .input-group-prepend .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-prepend .input-group-text + .swal2-styled,
        .input-group-prepend .wizard > .actions .input-group-text + a, .wizard > .actions .input-group-prepend .input-group-text + a,
        .input-group-append .btn + .btn,
        .input-group-append .fc button + .btn, .fc .input-group-append button + .btn,
        .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .btn,
        .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .btn,
        .input-group-append .wizard > .actions a + .btn, .wizard > .actions .input-group-append a + .btn,
        .input-group-append .fc .btn + button, .fc .input-group-append .btn + button,
        .input-group-append .fc button + button, .fc .input-group-append button + button,
        .input-group-append .ajax-upload-dragdrop .fc .ajax-file-upload + button, .fc .input-group-append .ajax-upload-dragdrop .ajax-file-upload + button, .ajax-upload-dragdrop .input-group-append .fc .ajax-file-upload + button, .fc .ajax-upload-dragdrop .input-group-append .ajax-file-upload + button,
        .input-group-append .swal2-modal .swal2-buttonswrapper .fc .swal2-styled + button, .fc .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + button, .swal2-modal .swal2-buttonswrapper .input-group-append .fc .swal2-styled + button, .fc .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + button,
        .input-group-append .wizard > .actions .fc a + button, .fc .input-group-append .wizard > .actions a + button, .wizard > .actions .input-group-append .fc a + button, .fc .wizard > .actions .input-group-append a + button,
        .input-group-append .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .input-group-append .btn + .ajax-file-upload,
        .input-group-append .fc .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .input-group-append .fc button + .ajax-file-upload, .fc .input-group-append .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .fc .input-group-append button + .ajax-file-upload,
        .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .ajax-file-upload,
        .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .ajax-file-upload,
        .input-group-append .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .input-group-append .wizard > .actions a + .ajax-file-upload, .wizard > .actions .input-group-append .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .input-group-append a + .ajax-file-upload,
        .input-group-append .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-append .btn + .swal2-styled,
        .input-group-append .fc .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-append .fc button + .swal2-styled, .fc .input-group-append .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .input-group-append button + .swal2-styled,
        .input-group-append .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .input-group-append .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .swal2-styled,
        .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .swal2-styled,
        .input-group-append .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-append .wizard > .actions a + .swal2-styled, .wizard > .actions .input-group-append .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .input-group-append a + .swal2-styled,
        .input-group-append .wizard > .actions .btn + a, .wizard > .actions .input-group-append .btn + a,
        .input-group-append .fc .wizard > .actions button + a, .wizard > .actions .input-group-append .fc button + a, .fc .input-group-append .wizard > .actions button + a, .wizard > .actions .fc .input-group-append button + a,
        .input-group-append .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .input-group-append .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .input-group-append .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .input-group-append .ajax-file-upload + a,
        .input-group-append .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .input-group-append .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + a,
        .input-group-append .wizard > .actions a + a, .wizard > .actions .input-group-append a + a,
        .input-group-append .btn + .input-group-text,
        .input-group-append .fc button + .input-group-text, .fc .input-group-append button + .input-group-text,
        .input-group-append .ajax-upload-dragdrop .ajax-file-upload + .input-group-text, .ajax-upload-dragdrop .input-group-append .ajax-file-upload + .input-group-text,
        .input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled + .input-group-text, .swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled + .input-group-text,
        .input-group-append .wizard > .actions a + .input-group-text, .wizard > .actions .input-group-append a + .input-group-text,
        .input-group-append .input-group-text + .input-group-text,
        .input-group-append .input-group-text + .btn,
        .input-group-append .fc .input-group-text + button, .fc .input-group-append .input-group-text + button,
        .input-group-append .ajax-upload-dragdrop .input-group-text + .ajax-file-upload, .ajax-upload-dragdrop .input-group-append .input-group-text + .ajax-file-upload,
        .input-group-append .swal2-modal .swal2-buttonswrapper .input-group-text + .swal2-styled, .swal2-modal .swal2-buttonswrapper .input-group-append .input-group-text + .swal2-styled,
        .input-group-append .wizard > .actions .input-group-text + a, .wizard > .actions .input-group-append .input-group-text + a {
            margin-left: -1px;
        }

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

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

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

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

.input-group > .input-group-prepend > .btn, .asColorPicker-wrap > .input-group-prepend > .btn, .fc .input-group > .input-group-prepend > button, .fc .asColorPicker-wrap > .input-group-prepend > button, .ajax-upload-dragdrop .input-group > .input-group-prepend > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend > .swal2-styled, .wizard > .actions .input-group > .input-group-prepend > a, .wizard > .actions .asColorPicker-wrap > .input-group-prepend > a,
.input-group > .input-group-prepend > .input-group-text, .asColorPicker-wrap > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn, .asColorPicker-wrap > .input-group-append:not(:last-child) > .btn, .fc .input-group > .input-group-append:not(:last-child) > button, .fc .asColorPicker-wrap > .input-group-append:not(:last-child) > button, .ajax-upload-dragdrop .input-group > .input-group-append:not(:last-child) > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append:not(:last-child) > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group > .input-group-append:not(:last-child) > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append:not(:last-child) > .swal2-styled, .wizard > .actions .input-group > .input-group-append:not(:last-child) > a, .wizard > .actions .asColorPicker-wrap > .input-group-append:not(:last-child) > a,
.input-group > .input-group-append:not(:last-child) > .input-group-text, .asColorPicker-wrap > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .asColorPicker-wrap > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .fc .input-group > .input-group-append:last-child > button:not(:last-child):not(.dropdown-toggle), .fc .asColorPicker-wrap > .input-group-append:last-child > button:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .input-group > .input-group-append:last-child > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append:last-child > .ajax-file-upload:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .input-group > .input-group-append:last-child > .swal2-styled:not(:last-child):not(.dropdown-toggle), .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append:last-child > .swal2-styled:not(:last-child):not(.dropdown-toggle), .wizard > .actions .input-group > .input-group-append:last-child > a:not(:last-child):not(.dropdown-toggle), .wizard > .actions .asColorPicker-wrap > .input-group-append:last-child > a:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .asColorPicker-wrap > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn, .asColorPicker-wrap > .input-group-append > .btn, .fc .input-group > .input-group-append > button, .fc .asColorPicker-wrap > .input-group-append > button, .ajax-upload-dragdrop .input-group > .input-group-append > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-append > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group > .input-group-append > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-append > .swal2-styled, .wizard > .actions .input-group > .input-group-append > a, .wizard > .actions .asColorPicker-wrap > .input-group-append > a,
.input-group > .input-group-append > .input-group-text, .asColorPicker-wrap > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn, .asColorPicker-wrap > .input-group-prepend:not(:first-child) > .btn, .fc .input-group > .input-group-prepend:not(:first-child) > button, .fc .asColorPicker-wrap > .input-group-prepend:not(:first-child) > button, .ajax-upload-dragdrop .input-group > .input-group-prepend:not(:first-child) > .ajax-file-upload, .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend:not(:first-child) > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend:not(:first-child) > .swal2-styled, .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend:not(:first-child) > .swal2-styled, .wizard > .actions .input-group > .input-group-prepend:not(:first-child) > a, .wizard > .actions .asColorPicker-wrap > .input-group-prepend:not(:first-child) > a,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text, .asColorPicker-wrap > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child), .asColorPicker-wrap > .input-group-prepend:first-child > .btn:not(:first-child), .fc .input-group > .input-group-prepend:first-child > button:not(:first-child), .fc .asColorPicker-wrap > .input-group-prepend:first-child > button:not(:first-child), .ajax-upload-dragdrop .input-group > .input-group-prepend:first-child > .ajax-file-upload:not(:first-child), .ajax-upload-dragdrop .asColorPicker-wrap > .input-group-prepend:first-child > .ajax-file-upload:not(:first-child), .swal2-modal .swal2-buttonswrapper .input-group > .input-group-prepend:first-child > .swal2-styled:not(:first-child), .swal2-modal .swal2-buttonswrapper .asColorPicker-wrap > .input-group-prepend:first-child > .swal2-styled:not(:first-child), .wizard > .actions .input-group > .input-group-prepend:first-child > a:not(:first-child), .wizard > .actions .asColorPicker-wrap > .input-group-prepend:first-child > a:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .asColorPicker-wrap > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

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

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

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

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

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

    .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff;
    }

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

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

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

    .custom-control-label::before {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        user-select: none;
        background-color: #dee2e6;
    }

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

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

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

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

.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: rgba(0, 123, 255, 0.5);
}

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

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

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

.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: rgba(0, 123, 255, 0.5);
}

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

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
    }

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

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

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

    .custom-select::-ms-expand {
        opacity: 0;
    }

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 75%;
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 125%;
}

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

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

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

        .custom-file-input:focus ~ .custom-file-label::after {
            border-color: #80bdff;
        }

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

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

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: 2.25rem;
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: 1px solid #ced4da;
        border-radius: 0 0.25rem 0.25rem 0;
    }

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    appearance: none;
}

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

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

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        appearance: none;
    }

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

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

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

    .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        appearance: none;
    }

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

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

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

    .custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        appearance: none;
    }

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

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

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

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

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

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

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

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

    .nav-link.disabled {
        color: #6c757d;
    }

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

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

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

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

        .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: #000000;
            background-color: #ffffff;
            border-color: #ebedf2 #ebedf2 #ffffff;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .navbar-toggler: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: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e7eaed;
    border-radius: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
}

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

    .card-group > .card {
        margin-bottom: 1.875rem;
    }

@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: 0;
            }

                .card-group > .card:only-child .card-img-top,
                .card-group > .card:only-child .card-header {
                    border-top-left-radius: 0;
                    border-top-right-radius: 0;
                }

                .card-group > .card:only-child .card-img-bottom,
                .card-group > .card:only-child .card-footer {
                    border-bottom-right-radius: 0;
                    border-bottom-left-radius: 0;
                }

            .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-columns .card {
    margin-bottom: 0.75rem;
}

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

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

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

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.56rem 1.13rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
}

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

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

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

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

.breadcrumb-item.active {
    color: #495057;
}

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

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

        .page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
        .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover {
            z-index: 2;
            color: #0056b3;
            text-decoration: none;
            background-color: #e9ecef;
            border-color: #dee2e6;
        }

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

        .page-link:not(:disabled):not(.disabled), .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:not(:disabled):not(.disabled),
        .jsgrid .jsgrid-pager .jsgrid-pager-page a:not(:disabled):not(.disabled) {
            cursor: pointer;
        }

    .page-item:first-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
    .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link, .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:first-child a, .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a {
        margin-left: 0;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .page-item:last-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
    .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link, .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:last-child a, .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
    .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-page a {
        z-index: 1;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .page-item.disabled .page-link, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button .page-link,
    .jsgrid .jsgrid-pager .disabled.jsgrid-pager-page .page-link, .page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.disabled a, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button a, .page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-page a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.disabled a, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-page a {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6;
    }

    .pagination-lg .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg a {
        padding: 0.75rem 1.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .pagination-lg .page-item:first-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
    .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child .page-link, .pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:first-child a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child a, .pagination-lg .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:first-child a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child a {
        border-top-left-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
    }

    .pagination-lg .page-item:last-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
    .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child .page-link, .pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg .page-item:last-child a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child a, .pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:last-child a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child a {
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
    }

    .pagination-sm .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm a {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .pagination-sm .page-item:first-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
    .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child .page-link, .pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:first-child a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child a, .pagination-sm .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:first-child a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child a {
        border-top-left-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
    }

    .pagination-sm .page-item:last-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
    .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child .page-link, .pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm .page-item:last-child a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child a, .pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:last-child a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child a {
        border-top-right-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
    }

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

    .badge:empty {
        display: none;
    }

.btn .badge, .fc button .badge, .ajax-upload-dragdrop .ajax-file-upload .badge, .swal2-modal .swal2-buttonswrapper .swal2-styled .badge, .wizard > .actions a .badge {
    position: relative;
    top: -1px;
}

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

.badge-primary {
    color: #fff;
    background-color: #633e77;
}

    .badge-primary[href]:hover, .badge-primary[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #472d55;
    }

.badge-secondary {
    color: #212529;
    background-color: #A7b0c4;
}

    .badge-secondary[href]:hover, .badge-secondary[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: #8895b0;
    }

.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {
    color: #fff;
    background-color: #0acf97;
}

    .badge-success[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-online:hover, .badge-success[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-online:focus {
        color: #fff;
        text-decoration: none;
        background-color: #089e74;
    }

.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline {
    color: #fff;
    background-color: #439aff;
}

    .badge-info[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-offline:hover, .badge-info[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-offline:focus {
        color: #fff;
        text-decoration: none;
        background-color: #107fff;
    }

.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy {
    color: #212529;
    background-color: #ffa45f;
}

    .badge-warning[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-busy:hover, .badge-warning[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-busy:focus {
        color: #212529;
        text-decoration: none;
        background-color: #ff872c;
    }

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

    .badge-danger[href]:hover, .badge-danger[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #ff1653;
    }

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

    .badge-light[href]:hover, .badge-light[href]:focus {
        color: #212529;
        text-decoration: none;
        background-color: #dae0e5;
    }

.badge-dark {
    color: #fff;
    background-color: #2e2a31;
}

    .badge-dark[href]:hover, .badge-dark[href]:focus {
        color: #fff;
        text-decoration: none;
        background-color: #141216;
    }

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

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

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

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

.alert-heading {
    color: inherit;
}

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

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

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

.alert-primary {
    color: #33203e;
    background-color: #e0d8e4;
    border-color: #d3c9d9;
}

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

    .alert-primary .alert-link {
        color: #170f1c;
    }

.alert-secondary {
    color: #575c66;
    background-color: #edeff3;
    border-color: #e6e9ee;
}

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

    .alert-secondary .alert-link {
        color: #40434a;
    }

.alert-success {
    color: #056c4f;
    background-color: #cef5ea;
    border-color: #baf2e2;
}

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

    .alert-success .alert-link {
        color: #033b2b;
    }

.alert-info {
    color: #235085;
    background-color: #d9ebff;
    border-color: #cae3ff;
}

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

    .alert-info .alert-link {
        color: #18385d;
    }

.alert-warning {
    color: #855531;
    background-color: #ffeddf;
    border-color: #ffe6d2;
}

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

    .alert-warning .alert-link {
        color: #603d23;
    }

.alert-danger {
    color: #85263f;
    background-color: #ffdbe4;
    border-color: #ffccd9;
}

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

    .alert-danger .alert-link {
        color: #5d1b2c;
    }

.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: #181619;
    background-color: #d5d4d6;
    border-color: #c4c3c5;
}

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

    .alert-dark .alert-link {
        color: black;
    }

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

    to {
        background-position: 0 0;
    }
}

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

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

@media 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;
}

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

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

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

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

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

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

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

    .list-group-item:hover, .list-group-item:focus {
        z-index: 1;
        text-decoration: none;
    }

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

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

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    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: #33203e;
    background-color: #d3c9d9;
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #33203e;
        background-color: #c7bace;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #ffffff;
        background-color: #33203e;
        border-color: #33203e;
    }

.list-group-item-secondary {
    color: #575c66;
    background-color: #e6e9ee;
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #575c66;
        background-color: #d7dce4;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #ffffff;
        background-color: #575c66;
        border-color: #575c66;
    }

.list-group-item-success {
    color: #056c4f;
    background-color: #baf2e2;
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #056c4f;
        background-color: #a5eed9;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #ffffff;
        background-color: #056c4f;
        border-color: #056c4f;
    }

.list-group-item-info {
    color: #235085;
    background-color: #cae3ff;
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #235085;
        background-color: #b1d6ff;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #ffffff;
        background-color: #235085;
        border-color: #235085;
    }

.list-group-item-warning {
    color: #855531;
    background-color: #ffe6d2;
}

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

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

.list-group-item-danger {
    color: #85263f;
    background-color: #ffccd9;
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #85263f;
        background-color: #ffb3c6;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #ffffff;
        background-color: #85263f;
        border-color: #85263f;
    }

.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: #ffffff;
        background-color: #818182;
        border-color: #818182;
    }

.list-group-item-dark {
    color: #181619;
    background-color: #c4c3c5;
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #181619;
        background-color: #b7b6b8;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #ffffff;
        background-color: #181619;
        border-color: #181619;
    }

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

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

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

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

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

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

.modal.fade .modal-dialog {
    transition: transform 0.4s ease;
    transform: translate(0, -25%);
}

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

.modal.show .modal-dialog {
    transform: translate(0, 0);
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (10px * 2));
}

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

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    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 #f3f3f3;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

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

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

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

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #f3f3f3;
}

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

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

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

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (30px * 2));
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 90%;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    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.75rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}

    .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
        bottom: calc((0.5rem + 1px) * -1);
    }

        .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
        .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
            border-width: 0.5rem 0.5rem 0;
        }

        .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
            bottom: 0;
            border-top-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
            bottom: 1px;
            border-top-color: #fff;
        }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}

    .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
        left: calc((0.5rem + 1px) * -1);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

        .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
        .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
            border-width: 0.5rem 0.5rem 0.5rem 0;
        }

        .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
            left: 0;
            border-right-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
            left: 1px;
            border-right-color: #fff;
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}

    .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
        top: calc((0.5rem + 1px) * -1);
    }

        .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
        .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
            border-width: 0 0.5rem 0.5rem 0.5rem;
        }

        .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
            top: 0;
            border-bottom-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
            top: 1px;
            border-bottom-color: #fff;
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -0.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7;
    }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}

    .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
        right: calc((0.5rem + 1px) * -1);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

        .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
        .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
            border-width: 0.5rem 0 0.5rem 0.5rem;
        }

        .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
            right: 0;
            border-left-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
            right: 1px;
            border-left-color: #fff;
        }

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    transition: transform 0.6s ease;
    backface-visibility: hidden;
    perspective: 1000px;
}

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next,
.carousel-item-prev {
    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-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    transform: translateX(100%);
}

@supports (transform-style: preserve-3d) {
    .carousel-item-next,
    .active.carousel-item-right {
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    transform: translateX(-100%);
}

@supports (transform-style: preserve-3d) {
    .carousel-item-prev,
    .active.carousel-item-left {
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

    .carousel-fade .carousel-item.active,
    .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,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
}

@supports (transform-style: preserve-3d) {
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev {
        transform: translate3d(0, 0, 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:hover, .carousel-control-prev:focus,
    .carousel-control-next:hover,
    .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9;
    }

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 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: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        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-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.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, .settings-panel .color-tiles .tiles.primary {
    background-color: #633e77 !important;
}

a.bg-primary:hover, .settings-panel .color-tiles a.tiles.primary:hover, a.bg-primary:focus, .settings-panel .color-tiles a.tiles.primary:focus,
button.bg-primary:hover,
.settings-panel .color-tiles button.tiles.primary:hover,
button.bg-primary:focus,
.settings-panel .color-tiles button.tiles.primary:focus {
    background-color: #472d55 !important;
}

.bg-secondary {
    background-color: #A7b0c4 !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #8895b0 !important;
}

.bg-success, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.today:before, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .settings-panel .color-tiles .tiles.success {
    background-color: #0acf97 !important;
}

a.bg-success:hover, .swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-confirm:hover, .settings-panel .color-tiles a.tiles.success:hover, a.bg-success:focus, .swal2-modal .swal2-buttonswrapper a.swal2-styled.swal2-confirm:focus, .settings-panel .color-tiles a.tiles.success:focus,
button.bg-success:hover,
.swal2-modal .swal2-buttonswrapper button.swal2-styled.swal2-confirm:hover,
.settings-panel .color-tiles button.tiles.success:hover,
button.bg-success:focus,
.swal2-modal .swal2-buttonswrapper button.swal2-styled.swal2-confirm:focus,
.settings-panel .color-tiles button.tiles.success:focus {
    background-color: #089e74 !important;
}

.bg-info, .settings-panel .color-tiles .tiles.info {
    background-color: #439aff !important;
}

a.bg-info:hover, .settings-panel .color-tiles a.tiles.info:hover, a.bg-info:focus, .settings-panel .color-tiles a.tiles.info:focus,
button.bg-info:hover,
.settings-panel .color-tiles button.tiles.info:hover,
button.bg-info:focus,
.settings-panel .color-tiles button.tiles.info:focus {
    background-color: #107fff !important;
}

.bg-warning, .datepicker-custom .datepicker.datepicker-inline .datepicker-days .table-condensed tbody tr td.day.active:before, .settings-panel .color-tiles .tiles.warning {
    background-color: #ffa45f !important;
}

a.bg-warning:hover, .settings-panel .color-tiles a.tiles.warning:hover, a.bg-warning:focus, .settings-panel .color-tiles a.tiles.warning:focus,
button.bg-warning:hover,
.settings-panel .color-tiles button.tiles.warning:hover,
button.bg-warning:focus,
.settings-panel .color-tiles button.tiles.warning:focus {
    background-color: #ff872c !important;
}

.bg-danger, .settings-panel .color-tiles .tiles.danger {
    background-color: #ff4979 !important;
}

a.bg-danger:hover, .settings-panel .color-tiles a.tiles.danger:hover, a.bg-danger:focus, .settings-panel .color-tiles a.tiles.danger:focus,
button.bg-danger:hover,
.settings-panel .color-tiles button.tiles.danger:hover,
button.bg-danger:focus,
.settings-panel .color-tiles button.tiles.danger:focus {
    background-color: #ff1653 !important;
}

.bg-light, .settings-panel .color-tiles .tiles.light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover, .settings-panel .color-tiles a.tiles.light:hover, a.bg-light:focus, .settings-panel .color-tiles a.tiles.light:focus,
button.bg-light:hover,
.settings-panel .color-tiles button.tiles.light:hover,
button.bg-light:focus,
.settings-panel .color-tiles button.tiles.light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark, .settings-panel .color-tiles .tiles.dark {
    background-color: #2e2a31 !important;
}

a.bg-dark:hover, .settings-panel .color-tiles a.tiles.dark:hover, a.bg-dark:focus, .settings-panel .color-tiles a.tiles.dark:focus,
button.bg-dark:hover,
.settings-panel .color-tiles button.tiles.dark:hover,
button.bg-dark:focus,
.settings-panel .color-tiles button.tiles.dark:focus {
    background-color: #141216 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

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

.border, .loader-demo-box {
    border: 1px solid #f3f3f3 !important;
}

.border-top {
    border-top: 1px solid #f3f3f3 !important;
}

.border-right {
    border-right: 1px solid #f3f3f3 !important;
}

.border-bottom {
    border-bottom: 1px solid #f3f3f3 !important;
}

.border-left {
    border-left: 1px solid #f3f3f3 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #633e77 !important;
}

.border-secondary, .loader-demo-box {
    border-color: #A7b0c4 !important;
}

.border-success, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {
    border-color: #0acf97 !important;
}

.border-info {
    border-color: #439aff !important;
}

.border-warning {
    border-color: #ffa45f !important;
}

.border-danger {
    border-color: #ff4979 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #2e2a31 !important;
}

.border-white {
    border-color: #ffffff !important;
}

.rounded, .loader-demo-box {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle, .settings-panel .color-tiles .tiles {
    border-radius: 50% !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

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

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

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

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

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

.d-flex, .loader-demo-box, .chartjs-legend.traffic-chart-legend ul li, .list-wrapper ul li, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user, .email-wrapper .mail-list-container .mail-list .details, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons, .lightGallery .image-tile .demo-gallery-poster, .swal2-modal, .navbar .navbar-menu-wrapper .navbar-nav, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
    display: flex !important;
}

.d-inline-flex, .email-wrapper .message-body .attachments-sections ul li {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

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

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

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

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

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

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

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

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

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

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

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

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

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

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

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row, .email-wrapper .message-body .attachments-sections ul li, .navbar .navbar-menu-wrapper .navbar-nav {
    flex-direction: row !important;
}

.flex-column, .nav-tabs.nav-tabs-vertical, .nav-tabs.nav-tabs-vertical-custom, .nav-pills.nav-pills-vertical, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {
    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, .list-wrapper ul li {
    justify-content: flex-start !important;
}

.justify-content-end, .email-wrapper .mail-list-container .mail-list .details {
    justify-content: flex-end !important;
}

.justify-content-center, .email-wrapper .message-body .attachments-sections ul li .thumb {
    justify-content: center !important;
}

.justify-content-between, .chartjs-legend.traffic-chart-legend ul li {
    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, .loader-demo-box, .list-wrapper ul li, .email-wrapper .message-body .attachments-sections ul li .thumb, .email-wrapper .message-body .attachments-sections ul li .details .buttons, .navbar .navbar-menu-wrapper .navbar-nav, .navbar .navbar-menu-wrapper .navbar-nav .nav-item, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch, .email-wrapper .message-body .attachments-sections ul li {
    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, .navbar .navbar-menu-wrapper .navbar-nav .nav-item, .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

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

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0, .demo-modal .modal-dialog,
.my-0 {
    margin-top: 0 !important;
}

.mr-0, .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i, .rtl .settings-panel .sidebar-bg-options .rounded-circle, .rtl .settings-panel .sidebar-bg-options .color-tiles .tiles, .rtl .settings-panel .color-tiles .sidebar-bg-options .tiles, .rtl .settings-panel .events i,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0, .rtl .preview-list .preview-item .preview-thumbnail .preview-icon i, .rtl .list-wrapper .remove,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2, .template-demo > .btn-group, .fc .template-demo > .fc-button-group,
.template-demo > .btn-group-vertical, .template-demo .circle-progress,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2, .template-demo > .btn, .fc .template-demo > button, .ajax-upload-dragdrop .template-demo > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .template-demo > .swal2-styled, .wizard > .actions .template-demo > a, .template-demo > .btn-group, .fc .template-demo > .fc-button-group,
.template-demo > .btn-group-vertical, .template-demo > .dropdown,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2, .btn-toolbar .btn-group + .btn-group, .btn-toolbar .fc .fc-button-group + .btn-group, .fc .btn-toolbar .fc-button-group + .btn-group, .btn-toolbar .fc .btn-group + .fc-button-group, .fc .btn-toolbar .btn-group + .fc-button-group, .btn-toolbar .fc .fc-button-group + .fc-button-group, .fc .btn-toolbar .fc-button-group + .fc-button-group, .rtl .settings-panel .events i,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3, .template-demo > .btn, .fc .template-demo > button, .ajax-upload-dragdrop .template-demo > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .template-demo > .swal2-styled, .wizard > .actions .template-demo > a, .template-demo > .btn-toolbar,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3, .template-demo > .btn-toolbar,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3, .template-demo .circle-progress-block,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3, .rtl .settings-panel .sidebar-bg-options .rounded-circle, .rtl .settings-panel .sidebar-bg-options .color-tiles .tiles, .rtl .settings-panel .color-tiles .sidebar-bg-options .tiles,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2,
.template-demo .circle-progress-block {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2,
.template-demo .circle-progress-block {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto, .rtl .list-wrapper .remove,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto, .list-wrapper .remove,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

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

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

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

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

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

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

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

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

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

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

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

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

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

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

.font-weight-bold {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

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

.text-primary, .list-wrapper .completed .remove {
    color: #633e77 !important;
}

a.text-primary:hover, .list-wrapper .completed a.remove:hover, a.text-primary:focus, .list-wrapper .completed a.remove:focus {
    color: #472d55 !important;
}

.text-secondary, .list-wrapper .remove {
    color: #A7b0c4 !important;
}

a.text-secondary:hover, .list-wrapper a.remove:hover, a.text-secondary:focus, .list-wrapper a.remove:focus {
    color: #8895b0 !important;
}

.text-success {
    color: #0acf97 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #089e74 !important;
}

.text-info {
    color: #439aff !important;
}

a.text-info:hover, a.text-info:focus {
    color: #107fff !important;
}

.text-warning {
    color: #ffa45f !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ff872c !important;
}

.text-danger {
    color: #ff4979 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #ff1653 !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
    color: #dae0e5 !important;
}

.text-dark {
    color: #2e2a31 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #141216 !important;
}

.text-body {
    color: #000000 !important;
}

.text-muted, .preview-list .preview-item .preview-item-content p .content-category, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation, .email-wrapper .mail-list-container .mail-list .content .message_text, .email-wrapper .mail-list-container .mail-list .details .date {
    color: #696969 !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn):not(.fc button):not(.ajax-upload-dragdrop .ajax-file-upload):not(.swal2-modal .swal2-buttonswrapper .swal2-styled):not(.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm):not(.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel):not(.wizard > .actions a) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table, .jsgrid .jsgrid-table {
        border-collapse: collapse !important;
    }

        .table td, .jsgrid .jsgrid-table td,
        .table th, .jsgrid .jsgrid-table th {
            background-color: #ffffff !important;
        }

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

    .table-dark {
        color: inherit;
    }

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

    .table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th {
        color: inherit;
        border-color: #f3f3f3;
    }
}

/*-------------------------------------------------------------------*/
/* === Template mixins === */
/* Miscellaneous Mixins */
.list-wrapper ul li .form-check, .list-wrapper ul li .form-check .form-check-label, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation, .email-wrapper .mail-list-container .mail-list .content .sender-name, .email-wrapper .message-body .attachments-sections ul li .details p.file-name, .settings-panel .chat-list .list .info p {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
}

    .list-wrapper ul li .form-check, .list-wrapper ul li .form-check .form-check-label, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation, .email-wrapper .mail-list-container .mail-list .content .sender-name, .email-wrapper .message-body .attachments-sections ul li .details p.file-name, .settings-panel .chat-list .list .info p {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 100%;
        white-space: nowrap;
    }

/* Animation Mixins */
@keyframes dropdownAnimation {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }

    to {
        opacity: 1;
        transform: none;
        transform: translate3d(0, 0px, 0);
    }
}

.dropdownAnimation, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
    animation-name: dropdownAnimation;
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -ms-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

.infinite-spin, #settings-trigger i {
    animation-name: spin;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp, #settings-trigger {
    animation-name: fadeInUp;
}

/*-------------------------------------------------------------------*/
/* === Core Styles === */
/* Reset Styles */
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead,
.tt-query,
.tt-hint,
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

    .form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
    .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead,
    .tt-query,
    .tt-hint {
        box-shadow: none;
    }

        .form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:focus,
        .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:focus, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .typeahead:focus,
        .tt-query:focus,
        .tt-hint:focus {
            outline: 0;
            box-shadow: none;
        }

a,
div,
h1,
h2,
h3,
h4,
h5,
p,
span {
    text-shadow: none;
}

    [type=button]:focus,
    a:active,
    a:focus,
    a:visited,
    button::-moz-focus-inner,
    input[type=reset]::-moz-focus-inner,
    input[type=button]::-moz-focus-inner,
    input[type=submit]::-moz-focus-inner,
    input[type=file] > input[type=button]::-moz-focus-inner,
    select::-moz-focus-inner {
        outline: 0;
    }

input,
.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    outline-width: 0;
    outline-color: transparent;
    box-shadow: none;
    outline-style: none;
}

textarea {
    resize: none;
    overflow-x: hidden;
}

    .btn, .fc button, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a,
    .btn-group.open .dropdown-toggle, .fc .open.fc-button-group .dropdown-toggle,
    .btn:active,
    .fc button:active,
    .ajax-upload-dragdrop .ajax-file-upload:active,
    .swal2-modal .swal2-buttonswrapper .swal2-styled:active,
    .wizard > .actions a:active,
    .btn:focus,
    .fc button:focus,
    .ajax-upload-dragdrop .ajax-file-upload:focus,
    .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
    .wizard > .actions a:focus,
    .btn:hover,
    .fc button:hover,
    .ajax-upload-dragdrop .ajax-file-upload:hover,
    .swal2-modal .swal2-buttonswrapper .swal2-styled:hover,
    .wizard > .actions a:hover,
    .btn:visited,
    .fc button:visited,
    .ajax-upload-dragdrop .ajax-file-upload:visited,
    .swal2-modal .swal2-buttonswrapper .swal2-styled:visited,
    .wizard > .actions a:visited,
    a,
    a:active,
    a:checked,
    a:focus,
    a:hover,
    a:visited,
    body,
    button,
    button:active,
    button:hover,
    button:visited,
    div,
    input,
    input:active,
    input:focus,
    input:hover,
    input:visited,
    select,
    select:active,
    select:focus,
    select:visited,
    textarea,
    textarea:active,
    textarea:focus,
    textarea:hover,
    textarea:visited {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .btn.active.focus, .fc button.active.focus, .ajax-upload-dragdrop .active.focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .active.focus.swal2-styled, .wizard > .actions a.active.focus,
        .btn.active:focus,
        .fc button.active:focus,
        .ajax-upload-dragdrop .active.ajax-file-upload:focus,
        .swal2-modal .swal2-buttonswrapper .active.swal2-styled:focus,
        .wizard > .actions a.active:focus,
        .btn.focus,
        .fc button.focus,
        .ajax-upload-dragdrop .focus.ajax-file-upload,
        .swal2-modal .swal2-buttonswrapper .focus.swal2-styled,
        .wizard > .actions a.focus,
        .btn:active.focus,
        .fc button:active.focus,
        .ajax-upload-dragdrop .ajax-file-upload:active.focus,
        .swal2-modal .swal2-buttonswrapper .swal2-styled:active.focus,
        .wizard > .actions a:active.focus,
        .btn:active:focus,
        .fc button:active:focus,
        .ajax-upload-dragdrop .ajax-file-upload:active:focus,
        .swal2-modal .swal2-buttonswrapper .swal2-styled:active:focus,
        .wizard > .actions a:active:focus,
        .btn:focus,
        .fc button:focus,
        .ajax-upload-dragdrop .ajax-file-upload:focus,
        .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
        .wizard > .actions a:focus,
        button,
        button:active,
        button:checked,
        button:focus,
        button:hover,
        button:visited {
            outline: 0;
            outline-offset: 0;
        }

.bootstrap-select .dropdown-toggle:focus {
    outline: 0;
    outline-offset: 0;
}

.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:visited {
    outline: 0;
}

a:focus,
input:focus {
    border-color: transparent;
    outline: none;
}

/*@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-Thin.eot");
    src: url("../fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-ExtraBold.eot");
    src: url("../fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-Black.eot");
    src: url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-Regular.eot");
    src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-Light.eot");
    src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-Bold.eot");
    src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-SemiBold.eot");
    src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-ExtraLight.eot");
    src: url("../fonts/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-Medium.eot");
    src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}*/

.bg-twitter {
    background: #2caae1;
}

.bg-facebook {
    background: #3b579d;
}

.bg-google {
    background: #dc4a38;
}

.bg-linkedin {
    background: #0177b5;
}

.bg-pinterest {
    background: #cc2127;
}

.bg-youtube {
    background: #e52d27;
}

.bg-github {
    background: #333333;
}

.bg-behance {
    background: #1769ff;
}

.bg-dribbble {
    background: #ea4c89;
}

.bg-reddit {
    background: #ff4500;
}

/* Typography */
body {
    font-size: 1rem;
    font-family: "Montserrat", sans-serif;
    font-weight: initial;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 500;
}

p {
    font-size: 0.875rem;
    margin-bottom: .5rem;
}

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

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

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

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

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

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

.display-1 {
    font-size: 3.75rem;
}

@media (max-width: 991px) {
    .display-1 {
        font-size: 3rem;
    }
}

.display-2 {
    font-size: 3.125rem;
}

@media (max-width: 991px) {
    .display-2 {
        font-size: 2.5rem;
    }
}

.display-3 {
    font-size: 2.5rem;
}

@media (max-width: 991px) {
    .display-3 {
        font-size: 2rem;
    }
}

.display-4 {
    font-size: 1.875rem;
}

@media (max-width: 991px) {
    .display-4 {
        font-size: 1.5rem;
    }
}

.display-5 {
    font-size: 1.25rem;
}

@media (max-width: 991px) {
    .display-5 {
        font-size: 1rem;
    }
}

.blockquote {
    padding: 1.25rem;
    border: 1px solid #f3f3f3;
}

address p {
    margin-bottom: 0;
}

.blockquote-primary {
    border-color: #633e77;
}

    .blockquote-primary .blockquote-footer {
        color: #633e77;
    }

.blockquote-secondary {
    border-color: #A7b0c4;
}

    .blockquote-secondary .blockquote-footer {
        color: #A7b0c4;
    }

.blockquote-success {
    border-color: #0acf97;
}

    .blockquote-success .blockquote-footer {
        color: #0acf97;
    }

.blockquote-info {
    border-color: #439aff;
}

    .blockquote-info .blockquote-footer {
        color: #439aff;
    }

.blockquote-warning {
    border-color: #ffa45f;
}

    .blockquote-warning .blockquote-footer {
        color: #ffa45f;
    }

.blockquote-danger {
    border-color: #ff4979;
}

    .blockquote-danger .blockquote-footer {
        color: #ff4979;
    }

.blockquote-light {
    border-color: #f8f9fa;
}

    .blockquote-light .blockquote-footer {
        color: #f8f9fa;
    }

.blockquote-dark {
    border-color: #2e2a31;
}

    .blockquote-dark .blockquote-footer {
        color: #2e2a31;
    }

.error-page h1 {
    font-size: 12rem;
}

@media (max-width: 991px) {
    .error-page h1 {
        font-size: 8rem;
    }
}

.text-twitter {
    color: #2caae1;
}

.text-facebook {
    color: #3b579d;
}

.text-google {
    color: #dc4a38;
}

.text-linkedin {
    color: #0177b5;
}

.text-pinterest {
    color: #cc2127;
}

.text-youtube {
    color: #e52d27;
}

.text-github {
    color: #333333;
}

.text-behance {
    color: #1769ff;
}

.text-dribbble {
    color: #ea4c89;
}

.text-reddit {
    color: #ff4500;
}

.page-header {
    margin-bottom: 2.5rem;
}

    .page-header .page-title {
        margin-bottom: 0;
        line-height: .85;
    }

/* Miscellanoeous */
body,
html {
    overflow-x: hidden;
    padding-right: 0 !important;
}

*:-moz-full-screen,
*:-webkit-full-screen,
*:fullscreen *:-ms-fullscreen {
    overflow: auto;
}

.container-scroller {
    overflow: hidden;
}

pre {
    background: #e8eff4;
    padding: 15px;
    font-size: 14px;
}

code {
    padding: 5px;
    color: #ff4979;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 0.875rem;
    border-radius: 4px;
}

/* Footer */
.footer {
    background: #e9e8ea;
    padding: 30px 1rem;
    transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    font-size: calc(0.875rem - 0.05rem);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

    .footer a {
        color: #633e77;
        font-size: inherit;
    }

@media (max-width: 991px) {
    .footer {
        margin-left: 0;
        width: 100%;
    }
}

/* Utilities */
.grid-margin {
    margin-bottom: 1.875rem;
}

@media (min-width: 576px) {
    .grid-margin-sm-0 {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .grid-margin-md-0 {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .grid-margin-lg-0 {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .grid-margin-xl-0 {
        margin-bottom: 0;
    }
}

.img-lg {
    width: 92px;
    height: 92px;
}

.img-sm {
    width: 50px;
    height: 50px;
}

.img-xs {
    width: 37px;
    height: 37px;
}

.img-ss, .settings-panel .color-tiles .tiles {
    width: 26px;
    height: 26px;
}

.stretch-card {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
}

    .stretch-card > .card {
        width: 100%;
        min-width: 100%;
    }

@media (min-width: 576px) {
    .border-right-sm {
        border-right: 1px solid #f3f3f3;
    }
}

@media (min-width: 768px) {
    .border-right-md {
        border-right: 1px solid #f3f3f3;
    }
}

@media (min-width: 992px) {
    .border-right-lg {
        border-right: 1px solid #f3f3f3;
    }
}

@media (min-width: 576px) {
    .border-left-sm {
        border-left: 1px solid #f3f3f3;
    }
}

@media (min-width: 768px) {
    .border-left-md {
        border-left: 1px solid #f3f3f3;
    }
}

@media (min-width: 992px) {
    .border-left-lg {
        border-left: 1px solid #f3f3f3;
    }
}

.text-gray, .card .card-subtitle {
    color: #8c8c8c;
}

.text-black {
    color: #000;
}

.text-small {
    font-size: 12px;
}

.flex-grow {
    flex-grow: 1;
}

.font-weight-medium {
    font-weight: 500;
}

.rounded-md {
    border-radius: .75rem;
}

/* Demo Styles */
.template-demo .slider-wrap {
    height: 100px;
}

.template-demo .progress {
    margin-top: 1.5rem;
}

.template-demo > h2,
.template-demo > h3,
.template-demo > h4,
.template-demo > h5,
.template-demo > h6,
.template-demo > h1 {
    border-top: 1px solid #f3f3f3;
    padding: 0.5rem 0 0;
}

.template-demo .ul-slider.noUi-horizontal {
    margin-top: 2rem;
}

.template-demo .ul-slider.noUi-vertical {
    margin-right: 2rem;
}

.template-demo > .dropdown {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.template-demo nav .breadcrumb {
    margin-bottom: 1.375rem;
}

.template-demo nav:last-child .breadcrumb {
    margin-bottom: 0;
}

.template-demo .editable-form > .form-group {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
}

.template-demo .circle-progress {
    padding: 15px;
}

.demo-modal {
    position: static;
    display: block;
}

    .demo-modal .modal-dialog.modal-lg {
        max-width: 100%;
    }

.loader-demo-box {
    width: 100%;
    height: 200px;
}

.dropdown-menu-static-demo {
    height: 250px;
    margin-bottom: 20px;
}

    .dropdown-menu-static-demo .dropdown-menu {
        z-index: 0;
    }

.rounded-legend ul li {
    list-style-type: none;
    color: #696969;
    font-size: .75rem;
}

    .rounded-legend ul li .legend-dots {
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
        display: inline-block;
        vertical-align: text-bottom;
        margin-right: .5rem;
    }

.rtl .rounded-legend ul li .legend-dots {
    margin-left: .5rem;
}

.rounded-legend.legend-horizontal {
    display: -webkit-flex;
    display: flex;
}

    .rounded-legend.legend-horizontal ul li {
        display: inline-block;
        margin-right: 1.5rem;
    }

.rtl .rounded-legend.legend-horizontal ul li {
    margin-right: auto;
    margin-left: 1.5rem;
}

.rounded-legend.legend-top-right ul {
    float: right;
}

.rtl .rounded-legend.legend-top-right ul {
    float: left;
}

.rounded-legend.legend-vertical ul li {
    margin-top: 1rem;
}

.demo-chart {
    height: 300px;
}

@media (max-width: 767px) {
    .demo-chart {
        height: 200px;
    }
}

.chartjs-legend ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: start;
    justify-content: start;
}

    .chartjs-legend ul li {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

        .chartjs-legend ul li .legend-dots {
            height: 1rem;
            width: 1rem;
            margin-right: .4rem;
            display: inline-block;
            font-size: 0.875rem;
            border-radius: 100%;
        }

.rtl .chartjs-legend ul {
    padding-right: 0;
}

    .rtl .chartjs-legend ul li {
        margin-right: 0;
        margin-left: 8%;
    }

        .rtl .chartjs-legend ul li span {
            margin-right: 0;
            margin-left: 1rem;
        }

.chartjs-legend.traffic-chart-legend ul {
    display: block;
    padding-left: 0;
    margin-top: 1rem;
}

    .chartjs-legend.traffic-chart-legend ul li {
        margin-bottom: .75rem;
    }

        .chartjs-legend.traffic-chart-legend ul li:last-child {
            margin-bottom: 0;
        }

.chartjs-legend.analytics-legend ul {
    padding-left: 0;
}

.documentation {
    padding-top: 0;
    max-width: 100%;
}

    .documentation .content-wrapper {
        padding-top: 0;
        min-height: calc(100vh - 77px);
    }

.doc-table-contents,
.doc-header {
    position: fixed;
}

.doc-header {
    padding-top: 24px;
    padding-bottom: 24px;
    z-index: 2;
    background: #e9e8ea;
}

.doc-content {
    padding-top: 157px;
}

.doc-table-contents {
    overflow: auto;
    max-height: calc(100% - 157px);
}

    .doc-table-contents ul li {
        margin-top: 10px;
    }

.doc-credits ul li {
    margin-bottom: 10px;
}

    .doc-credits ul li a {
        margin-left: .25rem;
    }

.demo-vector-map {
    width: 100%;
    height: 500px;
}

/*-------------------------------------------------------------------*/
/* === Components === */
/* Accordions */
.accordion .card {
    margin-bottom: .75rem;
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
    border-radius: .25rem;
    border: 0;
}

    .accordion .card .card-header {
        background-color: transparent;
        border: 0;
        padding: 2rem;
    }

        .accordion .card .card-header * {
            font-weight: 400;
            font-size: 1rem;
        }

        .accordion .card .card-header a {
            display: block;
            color: inherit;
            text-decoration: none;
            font-size: inherit;
            position: relative;
            -webkit-transition: color 0.5s ease;
            -moz-transition: color 0.5s ease;
            -ms-transition: color 0.5s ease;
            -o-transition: color 0.5s ease;
            transition: color 0.5s ease;
            padding-right: .5rem;
        }

            .accordion .card .card-header a:before {
                font-family: "Material Design Icons";
                position: absolute;
                right: 7px;
                top: 0;
                font-size: 18px;
                display: block;
            }

            .accordion .card .card-header a[aria-expanded="true"] {
                color: #633e77;
            }

                .accordion .card .card-header a[aria-expanded="true"]:before {
                    content: "\F374";
                }

            .accordion .card .card-header a[aria-expanded="false"]:before {
                content: "\F415";
            }

    .accordion .card .card-body {
        font-size: 14px;
        padding: 0 2rem 2rem 2rem;
        font-weight: 400;
        line-height: 1.5;
    }

        .accordion .card .card-body i {
            font-size: 1.25rem;
        }

.accordion.accordion-bordered {
    background: #ffffff;
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
}

    .accordion.accordion-bordered .card {
        margin: 0 2rem;
        border-top: 1px solid #f3f3f3;
        box-shadow: none;
        border-radius: 0;
    }

        .accordion.accordion-bordered .card .card-header,
        .accordion.accordion-bordered .card .card-body {
            padding-left: 0;
            padding-right: 0;
        }

            .accordion.accordion-bordered .card .card-header a:before {
                color: #ff4979;
            }

            .accordion.accordion-bordered .card .card-header a[aria-expanded="true"] {
                color: inherit;
            }

                .accordion.accordion-bordered .card .card-header a[aria-expanded="true"]:before {
                    content: "\F062";
                }

            .accordion.accordion-bordered .card .card-header a[aria-expanded="false"]:before {
                content: "\F04A";
            }

        .accordion.accordion-bordered .card:first-child {
            border-top: 0;
        }

.accordion.accordion-filled .card {
    padding: 0;
}

    .accordion.accordion-filled .card .card-header {
        padding: 0;
    }

        .accordion.accordion-filled .card .card-header a {
            padding: 2rem 4.5rem 2rem 2rem;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .accordion.accordion-filled .card .card-header a:before {
                top: 40%;
                right: 40px;
            }

            .accordion.accordion-filled .card .card-header a[aria-expanded="true"] {
                background: #439aff;
                color: #ffffff;
            }

                .accordion.accordion-filled .card .card-header a[aria-expanded="true"]:before {
                    content: "\F143";
                    color: #ffffff;
                }

            .accordion.accordion-filled .card .card-header a[aria-expanded="false"]:before {
                content: "\F140";
            }

    .accordion.accordion-filled .card .card-body {
        padding: 0 2rem 2rem 2rem;
        background: #439aff;
        color: #ffffff;
    }

.accordion.accordion-solid-header .card {
    padding: 0;
}

    .accordion.accordion-solid-header .card .card-header {
        padding: 0;
    }

        .accordion.accordion-solid-header .card .card-header a {
            padding: 2rem 4.5rem 2rem 2rem;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .accordion.accordion-solid-header .card .card-header a:before {
                top: 40%;
                right: 40px;
            }

            .accordion.accordion-solid-header .card .card-header a[aria-expanded="true"] {
                background: #633e77;
                color: #ffffff;
            }

                .accordion.accordion-solid-header .card .card-header a[aria-expanded="true"]:before {
                    content: "\F143";
                    color: #ffffff;
                }

            .accordion.accordion-solid-header .card .card-header a[aria-expanded="false"]:before {
                content: "\F140";
            }

    .accordion.accordion-solid-header .card .card-body {
        padding: 2rem;
    }

.accordion.accordion-solid-content .card {
    padding: 0;
}

    .accordion.accordion-solid-content .card .card-header {
        padding: 0;
    }

        .accordion.accordion-solid-content .card .card-header a {
            padding: 2rem 4.5rem 2rem 2rem;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

            .accordion.accordion-solid-content .card .card-header a:before {
                top: 40%;
                right: 40px;
            }

            .accordion.accordion-solid-content .card .card-header a[aria-expanded="true"] {
                color: inherit;
            }

                .accordion.accordion-solid-content .card .card-header a[aria-expanded="true"]:before {
                    content: "\F143";
                }

            .accordion.accordion-solid-content .card .card-header a[aria-expanded="false"]:before {
                content: "\F140";
            }

    .accordion.accordion-solid-content .card .card-body {
        padding: 2rem;
        background: #0acf97;
        color: #ffffff;
    }

.accordion.accordion-multi-colored .card .card-header,
.accordion.accordion-multi-colored .card .card-body {
    background: transparent;
    color: #ffffff;
}

.accordion.accordion-multi-colored .card:nth-child(1) {
    background: #633e77;
}

.accordion.accordion-multi-colored .card:nth-child(2) {
    background: #0acf97;
}

.accordion.accordion-multi-colored .card:nth-child(3) {
    background: #ff4979;
}

.accordion.accordion-multi-colored .card:nth-child(4) {
    background: #ffa45f;
}

.accordion.accordion-multi-colored .card:nth-child(5) {
    background: #439aff;
}

.accordion.accordion-multi-colored .card .card-header a[aria-expanded="true"] {
    color: inherit;
}

    .accordion.accordion-multi-colored .card .card-header a[aria-expanded="true"]:before {
        content: "\F143";
    }

.accordion.accordion-multi-colored .card .card-header a[aria-expanded="false"]:before {
    content: "\F140";
}


/* Buttons */
.btn, .fc button, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard > .actions a {
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 400;
    /* Buttons with only icons */
    /* Buttons with icon and text */
}

    .btn i, .fc button i, .ajax-upload-dragdrop .ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .swal2-styled i, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm i, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel i, .wizard > .actions a i {
        font-size: 1rem;
    }

    .btn.btn-rounded, .fc button.btn-rounded, .ajax-upload-dragdrop .btn-rounded.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-rounded.swal2-styled, .wizard > .actions a.btn-rounded {
        border-radius: 50px;
    }

    .btn.btn-sm, .btn-group-sm > .btn, .fc .btn-group-sm > button, .ajax-upload-dragdrop .btn-group-sm > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-sm > .swal2-styled, .wizard > .actions .btn-group-sm > a, .fc button, .ajax-upload-dragdrop .btn-sm.ajax-file-upload, .ajax-upload-dragdrop .fc button.ajax-file-upload, .fc .ajax-upload-dragdrop button.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-sm.swal2-styled, .swal2-modal .swal2-buttonswrapper .fc button.swal2-styled, .fc .swal2-modal .swal2-buttonswrapper button.swal2-styled, .wizard > .actions a.btn-sm {
        font-size: 0.875rem;
    }

        .btn.btn-lg, .btn-group-lg > .btn, .fc .btn-group-lg > button, .ajax-upload-dragdrop .btn-group-lg > .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-lg > .swal2-styled, .wizard > .actions .btn-group-lg > a, .fc button.btn-lg, .ajax-upload-dragdrop .btn-lg.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-lg.swal2-styled, .wizard > .actions a.btn-lg {
            font-size: 0.875rem;
        }

        .btn.btn-xs, .fc button.btn-xs, .fc .editable-container.editable-inline .editableform .control-group .editable-buttons button.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .fc button.editable-submit, .fc .editable-container.editable-inline .editableform .control-group .editable-buttons button.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .fc button.editable-cancel, .ajax-upload-dragdrop .btn-xs.ajax-file-upload, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions a.btn-xs {
            padding: 0.5rem 0.75rem;
            font-size: 0.625rem;
        }

        .btn.btn-icon, .fc button.btn-icon, .ajax-upload-dragdrop .btn-icon.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-icon.swal2-styled, .wizard > .actions a.btn-icon {
            width: 42px;
            height: 42px;
            padding: 0;
        }

        .btn.btn-icon-text .btn-icon-prepend, .fc button.btn-icon-text .btn-icon-prepend, .ajax-upload-dragdrop .btn-icon-text.ajax-file-upload .btn-icon-prepend, .swal2-modal .swal2-buttonswrapper .btn-icon-text.swal2-styled .btn-icon-prepend, .wizard > .actions a.btn-icon-text .btn-icon-prepend {
            margin-right: .5rem;
        }

        .btn.btn-icon-text .btn-icon-append, .fc button.btn-icon-text .btn-icon-append, .ajax-upload-dragdrop .btn-icon-text.ajax-file-upload .btn-icon-append, .swal2-modal .swal2-buttonswrapper .btn-icon-text.swal2-styled .btn-icon-append, .wizard > .actions a.btn-icon-text .btn-icon-append {
            margin-left: .5rem;
        }

        .btn.btn-social-icon, .fc button.btn-social-icon, .ajax-upload-dragdrop .btn-social-icon.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-social-icon.swal2-styled, .wizard > .actions a.btn-social-icon {
            width: 50px;
            height: 50px;
            padding: 0;
        }

.btn-group .btn + .btn, .fc .fc-button-group .btn + .btn, .btn-group .fc button + .btn, .fc .btn-group button + .btn, .fc .fc-button-group button + .btn, .btn-group .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .btn-group .ajax-file-upload + .btn, .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + .btn, .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + .btn, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + .btn, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .btn, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + .btn, .btn-group .wizard > .actions a + .btn, .wizard > .actions .btn-group a + .btn, .fc .fc-button-group .wizard > .actions a + .btn, .wizard > .actions .fc .fc-button-group a + .btn, .btn-group .fc .btn + button, .fc .btn-group .btn + button, .fc .fc-button-group .btn + button, .btn-group .fc button + button, .fc .btn-group button + button, .fc .fc-button-group button + button, .btn-group .ajax-upload-dragdrop .fc .ajax-file-upload + button, .fc .btn-group .ajax-upload-dragdrop .ajax-file-upload + button, .ajax-upload-dragdrop .btn-group .fc .ajax-file-upload + button, .fc .ajax-upload-dragdrop .btn-group .ajax-file-upload + button, .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + button, .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + button, .btn-group .swal2-modal .swal2-buttonswrapper .fc .swal2-styled + button, .fc .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + button, .swal2-modal .swal2-buttonswrapper .btn-group .fc .swal2-styled + button, .fc .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + button, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + button, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + button, .btn-group .wizard > .actions .fc a + button, .fc .btn-group .wizard > .actions a + button, .wizard > .actions .btn-group .fc a + button, .fc .wizard > .actions .btn-group a + button, .fc .fc-button-group .wizard > .actions a + button, .wizard > .actions .fc .fc-button-group a + button, .btn-group .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .btn + .ajax-file-upload, .fc .fc-button-group .ajax-upload-dragdrop .btn + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group .btn + .ajax-file-upload, .btn-group .fc .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .fc button + .ajax-file-upload, .fc .btn-group .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .fc .btn-group button + .ajax-file-upload, .fc .fc-button-group .ajax-upload-dragdrop button + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group button + .ajax-file-upload, .btn-group .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .ajax-file-upload + .ajax-file-upload, .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + .ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + .ajax-file-upload, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .ajax-upload-dragdrop .swal2-styled + .ajax-file-upload, .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + .ajax-file-upload, .btn-group .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .btn-group .wizard > .actions a + .ajax-file-upload, .wizard > .actions .btn-group .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .btn-group a + .ajax-file-upload, .fc .fc-button-group .wizard > .actions .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .fc .fc-button-group .wizard > .actions a + .ajax-file-upload, .wizard > .actions .fc .fc-button-group .ajax-upload-dragdrop a + .ajax-file-upload, .ajax-upload-dragdrop .wizard > .actions .fc .fc-button-group a + .ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .btn + .swal2-styled, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .btn + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .btn + .swal2-styled, .btn-group .fc .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .fc button + .swal2-styled, .fc .btn-group .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .btn-group button + .swal2-styled, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper button + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group button + .swal2-styled, .btn-group .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .btn-group .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .btn-group .ajax-file-upload + .swal2-styled, .fc .fc-button-group .ajax-upload-dragdrop .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + .swal2-styled, .ajax-upload-dragdrop .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .ajax-file-upload + .swal2-styled, .swal2-modal .swal2-buttonswrapper .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + .swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + .swal2-styled, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + .swal2-styled, .btn-group .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .btn-group .wizard > .actions a + .swal2-styled, .wizard > .actions .btn-group .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .btn-group a + .swal2-styled, .fc .fc-button-group .wizard > .actions .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .wizard > .actions a + .swal2-styled, .wizard > .actions .fc .fc-button-group .swal2-modal .swal2-buttonswrapper a + .swal2-styled, .swal2-modal .swal2-buttonswrapper .wizard > .actions .fc .fc-button-group a + .swal2-styled, .btn-group .wizard > .actions .btn + a, .wizard > .actions .btn-group .btn + a, .fc .fc-button-group .wizard > .actions .btn + a, .wizard > .actions .fc .fc-button-group .btn + a, .btn-group .fc .wizard > .actions button + a, .wizard > .actions .btn-group .fc button + a, .fc .btn-group .wizard > .actions button + a, .wizard > .actions .fc .btn-group button + a, .fc .fc-button-group .wizard > .actions button + a, .wizard > .actions .fc .fc-button-group button + a, .btn-group .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .btn-group .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .btn-group .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .btn-group .ajax-file-upload + a, .fc .fc-button-group .ajax-upload-dragdrop .wizard > .actions .ajax-file-upload + a, .wizard > .actions .fc .fc-button-group .ajax-upload-dragdrop .ajax-file-upload + a, .ajax-upload-dragdrop .fc .fc-button-group .wizard > .actions .ajax-file-upload + a, .wizard > .actions .ajax-upload-dragdrop .fc .fc-button-group .ajax-file-upload + a, .btn-group .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .btn-group .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled + a, .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .wizard > .actions .swal2-styled + a, .wizard > .actions .fc .fc-button-group .swal2-modal .swal2-buttonswrapper .swal2-styled + a, .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .wizard > .actions .swal2-styled + a, .wizard > .actions .swal2-modal .swal2-buttonswrapper .fc .fc-button-group .swal2-styled + a, .btn-group .wizard > .actions a + a, .wizard > .actions .btn-group a + a, .fc .fc-button-group .wizard > .actions a + a, .wizard > .actions .fc .fc-button-group a + a {
    border-left: 0;
}

/*social buttons*/
.btn-twitter {
    background: #2caae1;
    color: #ffffff;
}

    .btn-twitter:hover, .btn-twitter:focus {
        background: #1b8dbf;
        color: #ffffff;
    }

    .btn-twitter.btn-social-icon-text {
        padding: 0 1.5rem 0 0;
        background: #59bce7;
    }

        .btn-twitter.btn-social-icon-text i {
            background: #2caae1;
            padding: .75rem;
            display: inline-block;
            margin-right: 1.5rem;
        }

.btn-outline-twitter {
    border: 1px solid #2caae1;
    color: #2caae1;
}

    .btn-outline-twitter:hover {
        background: #2caae1;
        color: #ffffff;
    }

.btn-facebook {
    background: #3b579d;
    color: #ffffff;
}

    .btn-facebook:hover, .btn-facebook:focus {
        background: #2d4278;
        color: #ffffff;
    }

    .btn-facebook.btn-social-icon-text {
        padding: 0 1.5rem 0 0;
        background: #4e6ebd;
    }

        .btn-facebook.btn-social-icon-text i {
            background: #3b579d;
            padding: .75rem;
            display: inline-block;
            margin-right: 1.5rem;
        }

.btn-outline-facebook {
    border: 1px solid #3b579d;
    color: #3b579d;
}

    .btn-outline-facebook:hover {
        background: #3b579d;
        color: #ffffff;
    }

.btn-google {
    background: #dc4a38;
    color: #ffffff;
}

    .btn-google:hover, .btn-google:focus {
        background: #bf3322;
        color: #ffffff;
    }

    .btn-google.btn-social-icon-text {
        padding: 0 1.5rem 0 0;
        background: #e47163;
    }

        .btn-google.btn-social-icon-text i {
            background: #dc4a38;
            padding: .75rem;
            display: inline-block;
            margin-right: 1.5rem;
        }

.btn-outline-google {
    border: 1px solid #dc4a38;
    color: #dc4a38;
}

    .btn-outline-google:hover {
        background: #dc4a38;
        color: #ffffff;
    }

.btn-linkedin {
    background: #0177b5;
    color: #ffffff;
}

    .btn-linkedin:hover, .btn-linkedin:focus {
        background: #015682;
        color: #ffffff;
    }

    .btn-linkedin.btn-social-icon-text {
        padding: 0 1.5rem 0 0;
        background: #0198e8;
    }

        .btn-linkedin.btn-social-icon-text i {
            background: #0177b5;
            padding: .75rem;
            display: inline-block;
            margin-right: 1.5rem;
        }

.btn-outline-linkedin {
    border: 1px solid #0177b5;
    color: #0177b5;
}

    .btn-outline-linkedin:hover {
        background: #0177b5;
        color: #ffffff;
    }

.btn-pinterest {
    background: #cc2127;
    color: #ffffff;
}

    .btn-pinterest:hover, .btn-pinterest:focus {
        background: #a01a1f;
        color: #ffffff;
    }

    .btn-pinterest.btn-social-icon-text {
        padding: 0 1.5rem 0 0;
        background: #e04046;
    }

        .btn-pinterest.btn-social-icon-text i {
            background: #cc2127;
            padding: .75rem;
            display: inline-block;
            margin-right: 1.5rem;
        }

.btn-outline-pinterest {
    border: 1px solid #cc2127;
    color: #cc2127;
}

    .btn-outline-pinterest:hover {
        background: #cc2127;
        color: #ffffff;
    }

.btn-youtube {
    background: #e52d27;
    color: #ffffff;
}

    .btn-youtube:hover, .btn-youtube:focus {
        background: #c21d17;
        color: #ffffff;
    }

    .btn-youtube.btn-social-icon-text {
        padding: 0 1.5rem 0 0;
        background: #ea5955;
    }

        .btn-youtube.btn-social-icon-text i {
            background: #e52d27;
            padding: .75rem;
            display: inline-block;
            margin-right: 1.5rem;
        }

.btn-outline-youtube {
    border: 1px solid #e52d27;
    color: #e52d27;
}

    .btn-outline-youtube:hover {
        background: #e52d27;
        color: #ffffff;
    }

.btn-github {
    background: #333333;
    color: #ffffff;
}

    .btn-github:hover, .btn-github:focus {
        background: #1a1a1a;
        color: #ffffff;
    }

    .btn-github.btn-social-icon-text {
        padding: 0 1.5rem 0 0;
        background: #4d4d4d;
    }

        .btn-github.btn-social-icon-text i {
            background: #333333;
            padding: .75rem;
            display: inline-block;
            margin-right: 1.5rem;
        }

.btn-outline-github {
    border: 1px solid #333333;
    color: #333333;
}

    .btn-outline-github:hover {
        background: #333333;
        color: #ffffff;
    }

.btn-behance {
    background: #1769ff;
    color: #ffffff;
}

    .btn-behance:hover, .btn-behance:focus {
        background: #0050e3;
        color: #ffffff;
    }

    .btn-behance.btn-social-icon-text {
        padding: 0 1.5rem 0 0;
        background: #4a8aff;
    }

        .btn-behance.btn-social-icon-text i {
            background: #1769ff;
            padding: .75rem;
            display: inline-block;
            margin-right: 1.5rem;
        }

.btn-outline-behance {
    border: 1px solid #1769ff;
    color: #1769ff;
}

    .btn-outline-behance:hover {
        background: #1769ff;
        color: #ffffff;
    }

.btn-dribbble {
    background: #ea4c89;
    color: #ffffff;
}

    .btn-dribbble:hover, .btn-dribbble:focus {
        background: #e51e6b;
        color: #ffffff;
    }

    .btn-dribbble.btn-social-icon-text {
        padding: 0 1.5rem 0 0;
        background: #ef7aa7;
    }

        .btn-dribbble.btn-social-icon-text i {
            background: #ea4c89;
            padding: .75rem;
            display: inline-block;
            margin-right: 1.5rem;
        }

.btn-outline-dribbble {
    border: 1px solid #ea4c89;
    color: #ea4c89;
}

    .btn-outline-dribbble:hover {
        background: #ea4c89;
        color: #ffffff;
    }

.btn-reddit {
    background: #ff4500;
    color: #ffffff;
}

    .btn-reddit:hover, .btn-reddit:focus {
        background: #cc3700;
        color: #ffffff;
    }

    .btn-reddit.btn-social-icon-text {
        padding: 0 1.5rem 0 0;
        background: #ff6a33;
    }

        .btn-reddit.btn-social-icon-text i {
            background: #ff4500;
            padding: .75rem;
            display: inline-block;
            margin-right: 1.5rem;
        }

.btn-outline-reddit {
    border: 1px solid #ff4500;
    color: #ff4500;
}

    .btn-outline-reddit:hover {
        background: #ff4500;
        color: #ffffff;
    }

/* inverse buttons */
.btn-inverse-primary {
    background-color: rgba(99, 62, 119, 0.2);
    background-image: none;
    border-color: rgba(99, 62, 119, 0);
}

    .btn-inverse-primary:not(.btn-inverse-light) {
        color: #633e77;
    }

    .btn-inverse-primary:hover {
        color: #ffffff;
        background-color: #633e77;
        border-color: #633e77;
    }

    .btn-inverse-primary.focus, .btn-inverse-primary:focus {
        box-shadow: 0 0 0 3px rgba(99, 62, 119, 0.5);
    }

    .btn-inverse-primary.disabled, .btn-inverse-primary:disabled {
        color: #633e77;
        background-color: transparent;
    }

    .btn-inverse-primary.active, .btn-inverse-primary:active,
    .show > .btn-inverse-primary.dropdown-toggle {
        color: #ffffff;
        background-color: #633e77;
        border-color: #633e77;
    }

.btn-primary, .wizard > .actions a, .btn-primary:hover, .wizard > .actions a:hover {
    box-shadow: 0 2px 2px 0 rgba(99, 62, 119, 0.14), 0 3px 1px -2px rgba(99, 62, 119, 0.2), 0 1px 5px 0 rgba(99, 62, 119, 0.12);
}

.btn-inverse-secondary {
    background-color: rgba(167, 176, 196, 0.2);
    background-image: none;
    border-color: rgba(167, 176, 196, 0);
}

    .btn-inverse-secondary:not(.btn-inverse-light) {
        color: #A7b0c4;
    }

    .btn-inverse-secondary:hover {
        color: #ffffff;
        background-color: #A7b0c4;
        border-color: #A7b0c4;
    }

    .btn-inverse-secondary.focus, .btn-inverse-secondary:focus {
        box-shadow: 0 0 0 3px rgba(167, 176, 196, 0.5);
    }

    .btn-inverse-secondary.disabled, .btn-inverse-secondary:disabled {
        color: #A7b0c4;
        background-color: transparent;
    }

    .btn-inverse-secondary.active, .btn-inverse-secondary:active,
    .show > .btn-inverse-secondary.dropdown-toggle {
        color: #ffffff;
        background-color: #A7b0c4;
        border-color: #A7b0c4;
    }

.btn-secondary, .wizard > .actions .disabled a, .btn-secondary:hover, .wizard > .actions .disabled a:hover {
    box-shadow: 0 2px 2px 0 rgba(167, 176, 196, 0.14), 0 3px 1px -2px rgba(167, 176, 196, 0.2), 0 1px 5px 0 rgba(167, 176, 196, 0.12);
}

.btn-inverse-success {
    background-color: rgba(10, 207, 151, 0.2);
    background-image: none;
    border-color: rgba(10, 207, 151, 0);
}

    .btn-inverse-success:not(.btn-inverse-light) {
        color: #0acf97;
    }

    .btn-inverse-success:hover {
        color: #ffffff;
        background-color: #0acf97;
        border-color: #0acf97;
    }

    .btn-inverse-success.focus, .btn-inverse-success:focus {
        box-shadow: 0 0 0 3px rgba(10, 207, 151, 0.5);
    }

    .btn-inverse-success.disabled, .btn-inverse-success:disabled {
        color: #0acf97;
        background-color: transparent;
    }

    .btn-inverse-success.active, .btn-inverse-success:active,
    .show > .btn-inverse-success.dropdown-toggle {
        color: #ffffff;
        background-color: #0acf97;
        border-color: #0acf97;
    }

.btn-success, .btn-success:hover {
    box-shadow: 0 2px 2px 0 rgba(10, 207, 151, 0.14), 0 3px 1px -2px rgba(10, 207, 151, 0.2), 0 1px 5px 0 rgba(10, 207, 151, 0.12);
}

.btn-inverse-info {
    background-color: rgba(67, 154, 255, 0.2);
    background-image: none;
    border-color: rgba(67, 154, 255, 0);
}

    .btn-inverse-info:not(.btn-inverse-light) {
        color: #439aff;
    }

    .btn-inverse-info:hover {
        color: #ffffff;
        background-color: #439aff;
        border-color: #439aff;
    }

    .btn-inverse-info.focus, .btn-inverse-info:focus {
        box-shadow: 0 0 0 3px rgba(67, 154, 255, 0.5);
    }

    .btn-inverse-info.disabled, .btn-inverse-info:disabled {
        color: #439aff;
        background-color: transparent;
    }

    .btn-inverse-info.active, .btn-inverse-info:active,
    .show > .btn-inverse-info.dropdown-toggle {
        color: #ffffff;
        background-color: #439aff;
        border-color: #439aff;
    }

.btn-info, .btn-info:hover {
    box-shadow: 0 2px 2px 0 rgba(67, 154, 255, 0.14), 0 3px 1px -2px rgba(67, 154, 255, 0.2), 0 1px 5px 0 rgba(67, 154, 255, 0.12);
}

.btn-inverse-warning {
    background-color: rgba(255, 164, 95, 0.2);
    background-image: none;
    border-color: rgba(255, 164, 95, 0);
}

    .btn-inverse-warning:not(.btn-inverse-light) {
        color: #ffa45f;
    }

    .btn-inverse-warning:hover {
        color: #ffffff;
        background-color: #ffa45f;
        border-color: #ffa45f;
    }

    .btn-inverse-warning.focus, .btn-inverse-warning:focus {
        box-shadow: 0 0 0 3px rgba(255, 164, 95, 0.5);
    }

    .btn-inverse-warning.disabled, .btn-inverse-warning:disabled {
        color: #ffa45f;
        background-color: transparent;
    }

    .btn-inverse-warning.active, .btn-inverse-warning:active,
    .show > .btn-inverse-warning.dropdown-toggle {
        color: #ffffff;
        background-color: #ffa45f;
        border-color: #ffa45f;
    }

.btn-warning, .btn-warning:hover {
    box-shadow: 0 2px 2px 0 rgba(255, 164, 95, 0.14), 0 3px 1px -2px rgba(255, 164, 95, 0.2), 0 1px 5px 0 rgba(255, 164, 95, 0.12);
}

.btn-inverse-danger {
    background-color: rgba(255, 73, 121, 0.2);
    background-image: none;
    border-color: rgba(255, 73, 121, 0);
}

    .btn-inverse-danger:not(.btn-inverse-light) {
        color: #ff4979;
    }

    .btn-inverse-danger:hover {
        color: #ffffff;
        background-color: #ff4979;
        border-color: #ff4979;
    }

    .btn-inverse-danger.focus, .btn-inverse-danger:focus {
        box-shadow: 0 0 0 3px rgba(255, 73, 121, 0.5);
    }

    .btn-inverse-danger.disabled, .btn-inverse-danger:disabled {
        color: #ff4979;
        background-color: transparent;
    }

    .btn-inverse-danger.active, .btn-inverse-danger:active,
    .show > .btn-inverse-danger.dropdown-toggle {
        color: #ffffff;
        background-color: #ff4979;
        border-color: #ff4979;
    }

.btn-danger, .btn-danger:hover {
    box-shadow: 0 2px 2px 0 rgba(255, 73, 121, 0.14), 0 3px 1px -2px rgba(255, 73, 121, 0.2), 0 1px 5px 0 rgba(255, 73, 121, 0.12);
}

.btn-inverse-light {
    background-color: rgba(248, 249, 250, 0.2);
    background-image: none;
    border-color: rgba(248, 249, 250, 0);
}

    .btn-inverse-light:not(.btn-inverse-light) {
        color: #f8f9fa;
    }

    .btn-inverse-light:hover {
        color: #ffffff;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-inverse-light.focus, .btn-inverse-light:focus {
        box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
    }

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

    .btn-inverse-light.active, .btn-inverse-light:active,
    .show > .btn-inverse-light.dropdown-toggle {
        color: #ffffff;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

.btn-light, .btn-light:hover {
    box-shadow: 0 2px 2px 0 rgba(248, 249, 250, 0.14), 0 3px 1px -2px rgba(248, 249, 250, 0.2), 0 1px 5px 0 rgba(248, 249, 250, 0.12);
}

.btn-inverse-dark {
    background-color: rgba(46, 42, 49, 0.2);
    background-image: none;
    border-color: rgba(46, 42, 49, 0);
}

    .btn-inverse-dark:not(.btn-inverse-light) {
        color: #2e2a31;
    }

    .btn-inverse-dark:hover {
        color: #ffffff;
        background-color: #2e2a31;
        border-color: #2e2a31;
    }

    .btn-inverse-dark.focus, .btn-inverse-dark:focus {
        box-shadow: 0 0 0 3px rgba(46, 42, 49, 0.5);
    }

    .btn-inverse-dark.disabled, .btn-inverse-dark:disabled {
        color: #2e2a31;
        background-color: transparent;
    }

    .btn-inverse-dark.active, .btn-inverse-dark:active,
    .show > .btn-inverse-dark.dropdown-toggle {
        color: #ffffff;
        background-color: #2e2a31;
        border-color: #2e2a31;
    }

.btn-dark, .btn-dark:hover {
    box-shadow: 0 2px 2px 0 rgba(46, 42, 49, 0.14), 0 3px 1px -2px rgba(46, 42, 49, 0.2), 0 1px 5px 0 rgba(46, 42, 49, 0.12);
}


/* inverse breadcrumb */
.bg-inverse-primary {
    background: #a47bba;
    border-color: #633e77;
}

    .bg-inverse-primary .breadcrumb-item {
        color: #633e77;
    }

        .bg-inverse-primary .breadcrumb-item:before {
            color: inherit;
        }

        .bg-inverse-primary .breadcrumb-item a {
            color: inherit;
        }

    .bg-inverse-primary.breadcrumb-custom {
        background: transparent;
    }

        .bg-inverse-primary.breadcrumb-custom .breadcrumb-item {
            background: #a47bba;
        }

            .bg-inverse-primary.breadcrumb-custom .breadcrumb-item a {
                color: #633e77;
                border: none;
            }

                .bg-inverse-primary.breadcrumb-custom .breadcrumb-item a:before {
                    border-left-color: #a47bba;
                }

            .bg-inverse-primary.breadcrumb-custom .breadcrumb-item span {
                color: #633e77;
            }

            .bg-inverse-primary.breadcrumb-custom .breadcrumb-item:last-child {
                background: transparent;
            }

.bg-inverse-secondary {
    background: #f3f5f7;
    border-color: #A7b0c4;
}

    .bg-inverse-secondary .breadcrumb-item {
        color: #A7b0c4;
    }

        .bg-inverse-secondary .breadcrumb-item:before {
            color: inherit;
        }

        .bg-inverse-secondary .breadcrumb-item a {
            color: inherit;
        }

    .bg-inverse-secondary.breadcrumb-custom {
        background: transparent;
    }

        .bg-inverse-secondary.breadcrumb-custom .breadcrumb-item {
            background: #f3f5f7;
        }

            .bg-inverse-secondary.breadcrumb-custom .breadcrumb-item a {
                color: #A7b0c4;
                border: none;
            }

                .bg-inverse-secondary.breadcrumb-custom .breadcrumb-item a:before {
                    border-left-color: #f3f5f7;
                }

            .bg-inverse-secondary.breadcrumb-custom .breadcrumb-item span {
                color: #A7b0c4;
            }

            .bg-inverse-secondary.breadcrumb-custom .breadcrumb-item:last-child {
                background: transparent;
            }

.bg-inverse-success {
    background: #61f7cd;
    border-color: #0acf97;
}

    .bg-inverse-success .breadcrumb-item {
        color: #0acf97;
    }

        .bg-inverse-success .breadcrumb-item:before {
            color: inherit;
        }

        .bg-inverse-success .breadcrumb-item a {
            color: inherit;
        }

    .bg-inverse-success.breadcrumb-custom {
        background: transparent;
    }

        .bg-inverse-success.breadcrumb-custom .breadcrumb-item {
            background: #61f7cd;
        }

            .bg-inverse-success.breadcrumb-custom .breadcrumb-item a {
                color: #0acf97;
                border: none;
            }

                .bg-inverse-success.breadcrumb-custom .breadcrumb-item a:before {
                    border-left-color: #61f7cd;
                }

            .bg-inverse-success.breadcrumb-custom .breadcrumb-item span {
                color: #0acf97;
            }

            .bg-inverse-success.breadcrumb-custom .breadcrumb-item:last-child {
                background: transparent;
            }

.bg-inverse-info {
    background: #c3deff;
    border-color: #439aff;
}

    .bg-inverse-info .breadcrumb-item {
        color: #439aff;
    }

        .bg-inverse-info .breadcrumb-item:before {
            color: inherit;
        }

        .bg-inverse-info .breadcrumb-item a {
            color: inherit;
        }

    .bg-inverse-info.breadcrumb-custom {
        background: transparent;
    }

        .bg-inverse-info.breadcrumb-custom .breadcrumb-item {
            background: #c3deff;
        }

            .bg-inverse-info.breadcrumb-custom .breadcrumb-item a {
                color: #439aff;
                border: none;
            }

                .bg-inverse-info.breadcrumb-custom .breadcrumb-item a:before {
                    border-left-color: #c3deff;
                }

            .bg-inverse-info.breadcrumb-custom .breadcrumb-item span {
                color: #439aff;
            }

            .bg-inverse-info.breadcrumb-custom .breadcrumb-item:last-child {
                background: transparent;
            }

.bg-inverse-warning {
    background: #ffeddf;
    border-color: #ffa45f;
}

    .bg-inverse-warning .breadcrumb-item {
        color: #ffa45f;
    }

        .bg-inverse-warning .breadcrumb-item:before {
            color: inherit;
        }

        .bg-inverse-warning .breadcrumb-item a {
            color: inherit;
        }

    .bg-inverse-warning.breadcrumb-custom {
        background: transparent;
    }

        .bg-inverse-warning.breadcrumb-custom .breadcrumb-item {
            background: #ffeddf;
        }

            .bg-inverse-warning.breadcrumb-custom .breadcrumb-item a {
                color: #ffa45f;
                border: none;
            }

                .bg-inverse-warning.breadcrumb-custom .breadcrumb-item a:before {
                    border-left-color: #ffeddf;
                }

            .bg-inverse-warning.breadcrumb-custom .breadcrumb-item span {
                color: #ffa45f;
            }

            .bg-inverse-warning.breadcrumb-custom .breadcrumb-item:last-child {
                background: transparent;
            }

.bg-inverse-danger {
    background: #ffc9d7;
    border-color: #ff4979;
}

    .bg-inverse-danger .breadcrumb-item {
        color: #ff4979;
    }

        .bg-inverse-danger .breadcrumb-item:before {
            color: inherit;
        }

        .bg-inverse-danger .breadcrumb-item a {
            color: inherit;
        }

    .bg-inverse-danger.breadcrumb-custom {
        background: transparent;
    }

        .bg-inverse-danger.breadcrumb-custom .breadcrumb-item {
            background: #ffc9d7;
        }

            .bg-inverse-danger.breadcrumb-custom .breadcrumb-item a {
                color: #ff4979;
                border: none;
            }

                .bg-inverse-danger.breadcrumb-custom .breadcrumb-item a:before {
                    border-left-color: #ffc9d7;
                }

            .bg-inverse-danger.breadcrumb-custom .breadcrumb-item span {
                color: #ff4979;
            }

            .bg-inverse-danger.breadcrumb-custom .breadcrumb-item:last-child {
                background: transparent;
            }

.bg-inverse-light {
    background: white;
    border-color: #f8f9fa;
}

    .bg-inverse-light .breadcrumb-item {
        color: #f8f9fa;
    }

        .bg-inverse-light .breadcrumb-item:before {
            color: inherit;
        }

        .bg-inverse-light .breadcrumb-item a {
            color: inherit;
        }

    .bg-inverse-light.breadcrumb-custom {
        background: transparent;
    }

        .bg-inverse-light.breadcrumb-custom .breadcrumb-item {
            background: white;
        }

            .bg-inverse-light.breadcrumb-custom .breadcrumb-item a {
                color: #f8f9fa;
                border: none;
            }

                .bg-inverse-light.breadcrumb-custom .breadcrumb-item a:before {
                    border-left-color: white;
                }

            .bg-inverse-light.breadcrumb-custom .breadcrumb-item span {
                color: #f8f9fa;
            }

            .bg-inverse-light.breadcrumb-custom .breadcrumb-item:last-child {
                background: transparent;
            }

.bg-inverse-dark {
    background: #6e6576;
    border-color: #2e2a31;
}

    .bg-inverse-dark .breadcrumb-item {
        color: #2e2a31;
    }

        .bg-inverse-dark .breadcrumb-item:before {
            color: inherit;
        }

        .bg-inverse-dark .breadcrumb-item a {
            color: inherit;
        }

    .bg-inverse-dark.breadcrumb-custom {
        background: transparent;
    }

        .bg-inverse-dark.breadcrumb-custom .breadcrumb-item {
            background: #6e6576;
        }

            .bg-inverse-dark.breadcrumb-custom .breadcrumb-item a {
                color: #2e2a31;
                border: none;
            }

                .bg-inverse-dark.breadcrumb-custom .breadcrumb-item a:before {
                    border-left-color: #6e6576;
                }

            .bg-inverse-dark.breadcrumb-custom .breadcrumb-item span {
                color: #2e2a31;
            }

            .bg-inverse-dark.breadcrumb-custom .breadcrumb-item:last-child {
                background: transparent;
            }

/* Cards */
.card {
    box-shadow: 6px 10px 16px -3px #e6e6e6;
    -webkit-box-shadow: 6px 10px 16px -3px #e6e6e6;
    -moz-box-shadow: 6px 10px 16px -3px #e6e6e6;
    -ms-box-shadow: 6px 10px 16px -3px #e6e6e6;
    border: 0;
}

    .card .card-body {
        padding: 1.88rem 1.81rem;
    }

        .card .card-body + .card-body {
            padding-top: 1rem;
        }

    .card .card-title {
        color: #4a4a4a;
        margin-bottom: 2rem;
        font-size: .875rem;
        font-weight: normal;
    }

    .card .card-subtitle {
        font-weight: 400;
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }

    .card .card-description {
        margin-bottom: 2.25rem;
        font-weight: 400;
        color: #76838f;
    }

    .card.card-outline-success {
        border: 1px solid #0acf97;
    }

    .card.card-outline-primary {
        border: 1px solid #633e77;
    }

    .card.card-outline-warning {
        border: 1px solid #ffa45f;
    }

    .card.card-outline-danger {
        border: 1px solid #ff4979;
    }

    .card.card-rounded {
        border-radius: 5px;
    }

    .card.card-faded {
        background: #b5b0b2;
        border-color: #b5b0b2;
    }

    .card.card-circle-progress {
        color: #ffffff;
        text-align: center;
    }

    .card.card-img-holder {
        position: relative;
    }

        .card.card-img-holder .card-img-absolute {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
        }

    .card.card-weather .weather-daily .weather-day {
        opacity: .5;
        font-weight: 900;
    }

    .card.card-weather .weather-daily i {
        font-size: 20px;
    }

    .card.card-weather .weather-daily .weather-temp {
        margin-top: .5rem;
        margin-bottom: 0;
        opacity: .5;
        font-size: .75rem;
    }

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

.card-inverse-primary {
    background: rgba(99, 62, 119, 0.2);
    border: 1px solid #5b396d;
    color: #4b2f5a;
}

.card-inverse-secondary {
    background: rgba(167, 176, 196, 0.2);
    border: 1px solid #9aa2b4;
    color: #7f8695;
}

.card-inverse-success {
    background: rgba(10, 207, 151, 0.2);
    border: 1px solid #09be8b;
    color: #089d73;
}

.card-inverse-info {
    background: rgba(67, 154, 255, 0.2);
    border: 1px solid #3e8eeb;
    color: #3375c2;
}

.card-inverse-warning {
    background: rgba(255, 164, 95, 0.2);
    border: 1px solid #eb9757;
    color: #c27d48;
}

.card-inverse-danger {
    background: rgba(255, 73, 121, 0.2);
    border: 1px solid #eb436f;
    color: #c2375c;
}

.card-inverse-light {
    background: rgba(248, 249, 250, 0.2);
    border: 1px solid #e4e5e6;
    color: #bcbdbe;
}

.card-inverse-dark {
    background: rgba(46, 42, 49, 0.2);
    border: 1px solid #2a272d;
    color: #232025;
}

/* Checkboxes and Radios */
.form-check {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
}

    .form-check .form-check-label {
        min-height: 18px;
        display: block;
        margin-left: 1.75rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }

.rtl .form-check .form-check-label {
    margin-left: 0;
    margin-right: 1.75rem;
}

.form-check .form-check-label input {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.rtl .form-check .form-check-label input {
    left: auto;
    right: 0;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:before, .form-check .form-check-label input[type="checkbox"] + .input-helper:after {
    position: absolute;
    top: 0;
    left: 0;
}

.rtl .form-check .form-check-label input[type="checkbox"] + .input-helper:before, .rtl .form-check .form-check-label input[type="checkbox"] + .input-helper:after {
    left: auto;
    right: 0;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: solid #633e77;
    border-width: 2px;
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:after {
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    font-family: Material Design Icons;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    content: '\F12C';
    font-size: .9375rem;
    font-weight: bold;
    color: #ffffff;
}

.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before {
    background: #633e77;
    border-width: 0;
}

.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:after {
    width: 18px;
    opacity: 1;
    line-height: 18px;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.form-check .form-check-label input[type="checkbox"]:disabled + .input-helper:before {
    border-color: #f3f3f3;
}

.form-check .form-check-label input[type="checkbox"]:disabled:checked + .input-helper:after {
    background: #f3f3f3;
    color: #ffffff;
}

.form-check .form-check-label input[type="radio"] + .input-helper:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border: solid #633e77;
    border-width: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-transition: all;
    -moz-transition: all;
    -ms-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

.rtl .form-check .form-check-label input[type="radio"] + .input-helper:before {
    left: auto;
    right: 0;
}

.form-check .form-check-label input[type="radio"] + .input-helper:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 50%;
    top: 6px;
    left: 6px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: absolute;
}

.rtl .form-check .form-check-label input[type="radio"] + .input-helper:after {
    left: auto;
    right: 6px;
}

.form-check .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: #633e77;
    border-width: 0;
}

.form-check .form-check-label input[type="radio"]:checked + .input-helper:after {
    opacity: 1;
    line-height: 1.5;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.form-check .form-check-label input[type="radio"]:disabled + .input-helper:before {
    border-color: #f3f3f3;
}

.form-check .form-check-label input[type="radio"]:disabled:checked + .input-helper:before {
    background: #f3f3f3;
}

.form-check .form-check-label input[type="radio"]:disabled:checked + .input-helper:after {
    background: #ffffff;
}

.form-check-primary.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-primary.form-check label input[type="radio"] + .input-helper:before {
    border-color: #633e77;
}

.form-check-primary.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-primary.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #633e77;
}

.form-check-secondary.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-secondary.form-check label input[type="radio"] + .input-helper:before {
    border-color: #A7b0c4;
}

.form-check-secondary.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-secondary.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #A7b0c4;
}

.form-check-success.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-success.form-check label input[type="radio"] + .input-helper:before {
    border-color: #0acf97;
}

.form-check-success.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-success.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #0acf97;
}

.form-check-info.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-info.form-check label input[type="radio"] + .input-helper:before {
    border-color: #439aff;
}

.form-check-info.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-info.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #439aff;
}

.form-check-warning.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-warning.form-check label input[type="radio"] + .input-helper:before {
    border-color: #ffa45f;
}

.form-check-warning.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-warning.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #ffa45f;
}

.form-check-danger.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-danger.form-check label input[type="radio"] + .input-helper:before {
    border-color: #ff4979;
}

.form-check-danger.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-danger.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #ff4979;
}

.form-check-light.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-light.form-check label input[type="radio"] + .input-helper:before {
    border-color: #f8f9fa;
}

.form-check-light.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-light.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #f8f9fa;
}

.form-check-dark.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-dark.form-check label input[type="radio"] + .input-helper:before {
    border-color: #2e2a31;
}

.form-check-dark.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-dark.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #2e2a31;
}

/* Dropdowns */
.dropdown .dropdown-toggle:after {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "\F35D";
    width: auto;
    height: auto;
    vertical-align: middle;
    line-height: .625rem;
    font-size: 1.25rem;
    margin-left: 0;
}

.dropdown .dropdown-menu {
    margin-top: .75rem;
    font-size: 0.875rem;
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
    border-radius: 0;
}

    .dropdown .dropdown-menu .dropdown-item {
        font-size: .875rem;
        padding: .25rem 1.5rem;
    }

        .dropdown .dropdown-menu .dropdown-item:active {
            background: initial;
        }

/* Forms */
.form-group {
    margin-bottom: 1.5rem;
}

.input-group-append,
.input-group-prepend {
    color: #c9c8c8;
    width: auto;
    border: none;
}

    .input-group-append .input-group-text,
    .input-group-prepend .input-group-text {
        border-color: #f3f3f3;
        padding: 0.875rem 0.75rem;
        color: #c9c8c8;
    }

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead,
.tt-query,
.tt-hint {
    border: 1px solid #f3f3f3;
    font-weight: 400;
    font-size: 0.875rem;
}

    select.form-control, select.asColorPicker-input, .dataTables_wrapper select,
    .jsgrid .jsgrid-table .jsgrid-filter-row select, .select2-container--default select.select2-selection--single, .select2-container--default .select2-selection--single select.select2-search__field, select.typeahead,
    select.tt-query,
    select.tt-hint {
        padding: .4375rem .75rem;
        border: 0;
        outline: 1px solid #f3f3f3;
        color: #c9c8c8;
    }

        select.form-control:focus, select.asColorPicker-input:focus, .dataTables_wrapper select:focus,
        .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .select2-container--default select.select2-selection--single:focus, .select2-container--default .select2-selection--single select.select2-search__field:focus, select.typeahead:focus,
        select.tt-query:focus,
        select.tt-hint:focus {
            outline: 1px solid #f3f3f3;
        }

        select.form-control.border-primary, select.border-primary.asColorPicker-input, .dataTables_wrapper select.border-primary,
        .jsgrid .jsgrid-table .jsgrid-filter-row select.border-primary, .select2-container--default select.border-primary.select2-selection--single, .select2-container--default .select2-selection--single select.border-primary.select2-search__field, select.border-primary.typeahead,
        select.border-primary.tt-query,
        select.border-primary.tt-hint {
            outline: 1px solid #633e77;
        }

            select.form-control.border-primary:focus, select.border-primary.asColorPicker-input:focus, .dataTables_wrapper select.border-primary:focus,
            .jsgrid .jsgrid-table .jsgrid-filter-row select.border-primary:focus, .select2-container--default select.border-primary.select2-selection--single:focus, .select2-container--default .select2-selection--single select.border-primary.select2-search__field:focus, select.border-primary.typeahead:focus,
            select.border-primary.tt-query:focus,
            select.border-primary.tt-hint:focus {
                outline: 1px solid #633e77;
            }

        select.form-control.border-secondary, select.form-control.loader-demo-box, select.loader-demo-box.asColorPicker-input, .dataTables_wrapper select.loader-demo-box,
        .jsgrid .jsgrid-table .jsgrid-filter-row select.loader-demo-box, .select2-container--default select.loader-demo-box.select2-selection--single, .select2-container--default .select2-selection--single select.loader-demo-box.select2-search__field, select.loader-demo-box.typeahead,
        select.loader-demo-box.tt-query,
        select.loader-demo-box.tt-hint, select.border-secondary.asColorPicker-input, .dataTables_wrapper select.border-secondary,
        .jsgrid .jsgrid-table .jsgrid-filter-row select.border-secondary, .select2-container--default select.border-secondary.select2-selection--single, .select2-container--default .select2-selection--single select.border-secondary.select2-search__field, select.border-secondary.typeahead,
        select.border-secondary.tt-query,
        select.border-secondary.tt-hint {
            outline: 1px solid #A7b0c4;
        }

            select.form-control.border-secondary:focus, select.form-control.loader-demo-box:focus, select.loader-demo-box.asColorPicker-input:focus, .dataTables_wrapper select.loader-demo-box:focus,
            .jsgrid .jsgrid-table .jsgrid-filter-row select.loader-demo-box:focus, .select2-container--default select.loader-demo-box.select2-selection--single:focus, .select2-container--default .select2-selection--single select.loader-demo-box.select2-search__field:focus, select.loader-demo-box.typeahead:focus,
            select.loader-demo-box.tt-query:focus,
            select.loader-demo-box.tt-hint:focus, select.border-secondary.asColorPicker-input:focus, .dataTables_wrapper select.border-secondary:focus,
            .jsgrid .jsgrid-table .jsgrid-filter-row select.border-secondary:focus, .select2-container--default select.border-secondary.select2-selection--single:focus, .select2-container--default .select2-selection--single select.border-secondary.select2-search__field:focus, select.border-secondary.typeahead:focus,
            select.border-secondary.tt-query:focus,
            select.border-secondary.tt-hint:focus {
                outline: 1px solid #A7b0c4;
            }

        select.form-control.border-success, select.border-success.asColorPicker-input, .swal2-modal .swal2-buttonswrapper select.asColorPicker-input.swal2-styled.swal2-confirm, .dataTables_wrapper select.border-success, .dataTables_wrapper .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .dataTables_wrapper select.swal2-styled.swal2-confirm,
        .jsgrid .jsgrid-table .jsgrid-filter-row select.border-success,
        .jsgrid .jsgrid-table .jsgrid-filter-row .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .jsgrid .jsgrid-table .jsgrid-filter-row select.swal2-styled.swal2-confirm, .select2-container--default select.border-success.select2-selection--single, .select2-container--default .swal2-modal .swal2-buttonswrapper select.select2-selection--single.swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .select2-container--default select.select2-selection--single.swal2-styled.swal2-confirm, .select2-container--default .select2-selection--single select.border-success.select2-search__field, .select2-container--default .select2-selection--single .swal2-modal .swal2-buttonswrapper select.select2-search__field.swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper .select2-container--default .select2-selection--single select.select2-search__field.swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper select.form-control.swal2-styled.swal2-confirm, .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.typeahead, .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-query, .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-hint, select.border-success.typeahead,
        select.border-success.tt-query,
        select.border-success.tt-hint {
            outline: 1px solid #0acf97;
        }

            select.form-control.border-success:focus, select.border-success.asColorPicker-input:focus, .swal2-modal .swal2-buttonswrapper select.asColorPicker-input.swal2-styled.swal2-confirm:focus, .dataTables_wrapper select.border-success:focus, .dataTables_wrapper .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm:focus, .swal2-modal .swal2-buttonswrapper .dataTables_wrapper select.swal2-styled.swal2-confirm:focus,
            .jsgrid .jsgrid-table .jsgrid-filter-row select.border-success:focus,
            .jsgrid .jsgrid-table .jsgrid-filter-row .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm:focus, .swal2-modal .swal2-buttonswrapper .jsgrid .jsgrid-table .jsgrid-filter-row select.swal2-styled.swal2-confirm:focus, .select2-container--default select.border-success.select2-selection--single:focus, .select2-container--default .swal2-modal .swal2-buttonswrapper select.select2-selection--single.swal2-styled.swal2-confirm:focus, .swal2-modal .swal2-buttonswrapper .select2-container--default select.select2-selection--single.swal2-styled.swal2-confirm:focus, .select2-container--default .select2-selection--single select.border-success.select2-search__field:focus, .select2-container--default .select2-selection--single .swal2-modal .swal2-buttonswrapper select.select2-search__field.swal2-styled.swal2-confirm:focus, .swal2-modal .swal2-buttonswrapper .select2-container--default .select2-selection--single select.select2-search__field.swal2-styled.swal2-confirm:focus, .swal2-modal .swal2-buttonswrapper select.form-control.swal2-styled.swal2-confirm:focus, .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.typeahead:focus, .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-query:focus, .swal2-modal .swal2-buttonswrapper select.swal2-styled.swal2-confirm.tt-hint:focus, select.border-success.typeahead:focus,
            select.border-success.tt-query:focus,
            select.border-success.tt-hint:focus {
                outline: 1px solid #0acf97;
            }

        select.form-control.border-info, select.border-info.asColorPicker-input, .dataTables_wrapper select.border-info,
        .jsgrid .jsgrid-table .jsgrid-filter-row select.border-info, .select2-container--default select.border-info.select2-selection--single, .select2-container--default .select2-selection--single select.border-info.select2-search__field, select.border-info.typeahead,
        select.border-info.tt-query,
        select.border-info.tt-hint {
            outline: 1px solid #439aff;
        }

            select.form-control.border-info:focus, select.border-info.asColorPicker-input:focus, .dataTables_wrapper select.border-info:focus,
            .jsgrid .jsgrid-table .jsgrid-filter-row select.border-info:focus, .select2-container--default select.border-info.select2-selection--single:focus, .select2-container--default .select2-selection--single select.border-info.select2-search__field:focus, select.border-info.typeahead:focus,
            select.border-info.tt-query:focus,
            select.border-info.tt-hint:focus {
                outline: 1px solid #439aff;
            }

        select.form-control.border-warning, select.border-warning.asColorPicker-input, .dataTables_wrapper select.border-warning,
        .jsgrid .jsgrid-table .jsgrid-filter-row select.border-warning, .select2-container--default select.border-warning.select2-selection--single, .select2-container--default .select2-selection--single select.border-warning.select2-search__field, select.border-warning.typeahead,
        select.border-warning.tt-query,
        select.border-warning.tt-hint {
            outline: 1px solid #ffa45f;
        }

            select.form-control.border-warning:focus, select.border-warning.asColorPicker-input:focus, .dataTables_wrapper select.border-warning:focus,
            .jsgrid .jsgrid-table .jsgrid-filter-row select.border-warning:focus, .select2-container--default select.border-warning.select2-selection--single:focus, .select2-container--default .select2-selection--single select.border-warning.select2-search__field:focus, select.border-warning.typeahead:focus,
            select.border-warning.tt-query:focus,
            select.border-warning.tt-hint:focus {
                outline: 1px solid #ffa45f;
            }

        select.form-control.border-danger, select.border-danger.asColorPicker-input, .dataTables_wrapper select.border-danger,
        .jsgrid .jsgrid-table .jsgrid-filter-row select.border-danger, .select2-container--default select.border-danger.select2-selection--single, .select2-container--default .select2-selection--single select.border-danger.select2-search__field, select.border-danger.typeahead,
        select.border-danger.tt-query,
        select.border-danger.tt-hint {
            outline: 1px solid #ff4979;
        }

            select.form-control.border-danger:focus, select.border-danger.asColorPicker-input:focus, .dataTables_wrapper select.border-danger:focus,
            .jsgrid .jsgrid-table .jsgrid-filter-row select.border-danger:focus, .select2-container--default select.border-danger.select2-selection--single:focus, .select2-container--default .select2-selection--single select.border-danger.select2-search__field:focus, select.border-danger.typeahead:focus,
            select.border-danger.tt-query:focus,
            select.border-danger.tt-hint:focus {
                outline: 1px solid #ff4979;
            }

        select.form-control.border-light, select.border-light.asColorPicker-input, .dataTables_wrapper select.border-light,
        .jsgrid .jsgrid-table .jsgrid-filter-row select.border-light, .select2-container--default select.border-light.select2-selection--single, .select2-container--default .select2-selection--single select.border-light.select2-search__field, select.border-light.typeahead,
        select.border-light.tt-query,
        select.border-light.tt-hint {
            outline: 1px solid #f8f9fa;
        }

            select.form-control.border-light:focus, select.border-light.asColorPicker-input:focus, .dataTables_wrapper select.border-light:focus,
            .jsgrid .jsgrid-table .jsgrid-filter-row select.border-light:focus, .select2-container--default select.border-light.select2-selection--single:focus, .select2-container--default .select2-selection--single select.border-light.select2-search__field:focus, select.border-light.typeahead:focus,
            select.border-light.tt-query:focus,
            select.border-light.tt-hint:focus {
                outline: 1px solid #f8f9fa;
            }

        select.form-control.border-dark, select.border-dark.asColorPicker-input, .dataTables_wrapper select.border-dark,
        .jsgrid .jsgrid-table .jsgrid-filter-row select.border-dark, .select2-container--default select.border-dark.select2-selection--single, .select2-container--default .select2-selection--single select.border-dark.select2-search__field, select.border-dark.typeahead,
        select.border-dark.tt-query,
        select.border-dark.tt-hint {
            outline: 1px solid #2e2a31;
        }

            select.form-control.border-dark:focus, select.border-dark.asColorPicker-input:focus, .dataTables_wrapper select.border-dark:focus,
            .jsgrid .jsgrid-table .jsgrid-filter-row select.border-dark:focus, .select2-container--default select.border-dark.select2-selection--single:focus, .select2-container--default .select2-selection--single select.border-dark.select2-search__field:focus, select.border-dark.typeahead:focus,
            select.border-dark.tt-query:focus,
            select.border-dark.tt-hint:focus {
                outline: 1px solid #2e2a31;
            }

.form-group label {
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: top;
    margin-bottom: .5rem;
}

.form-group.has-danger .form-control, .form-group.has-danger .asColorPicker-input, .form-group.has-danger .dataTables_wrapper select, .dataTables_wrapper .form-group.has-danger select, .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=text], .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger select, .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=number], .form-group.has-danger .select2-container--default .select2-selection--single, .select2-container--default .form-group.has-danger .select2-selection--single, .form-group.has-danger .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .form-group.has-danger .select2-search__field, .form-group.has-danger .typeahead, .form-group.has-danger .tt-query, .form-group.has-danger .tt-hint {
    border-color: #ff4979;
}

.form-group .file-upload-default {
    visibility: hidden;
    position: absolute;
}

.form-group .file-upload-info {
    background: transparent;
}

.map-container {
    position: relative;
    min-width: 100%;
    max-width: 100%;
    display: block;
    padding: 35% 0;
    overflow: hidden;
    border-radius: 5px;
}

    .map-container .google-map {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

        .map-container .google-map.no-controls .gmnoprint, .map-container .google-map.no-controls .gm-style-cc {
            display: none;
        }

/* Icons */
.icons-list {
    border-left: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
}

    .icons-list > div {
        background: #ffffff;
        border-bottom: 1px solid #f3f3f3;
        border-right: 1px solid #f3f3f3;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        padding: 15px 15px;
        font-weight: 400;
        font-size: 0.875rem;
    }

        .icons-list > div i {
            display: inline-block;
            font-size: 20px;
            width: 40px;
            text-align: left;
            color: #633e77;
        }

.icon-in-bg {
    width: 55px;
    height: 55px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.icon-lg {
    font-size: 2.5rem;
}

.icon-md {
    font-size: 1.875rem;
}

.icon-sm {
    font-size: 1rem;
}

/* Loaders */
#pgloading {
    position: static;
}

    #pgloading .bokeh {
        font-size: 100px;
        width: 1em;
        height: 1em;
        position: relative;
        margin: 0 auto;
        border-radius: 50%;
        border: 0.01em solid #f3f3f3;
        list-style: none;
        padding: 0;
    }

        #pgloading .bokeh li {
            position: absolute;
            width: .2em;
            height: .2em;
            border-radius: 50%;
        }

            #pgloading .bokeh li:nth-child(1) {
                left: 50%;
                top: 0;
                margin: 0 0 0 -.1em;
                background: #0acf97;
                -webkit-transform-origin: 50% 250%;
                transform-origin: 50% 250%;
                -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
                animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
            }

            #pgloading .bokeh li:nth-child(2) {
                top: 50%;
                right: 0;
                margin: -.1em 0 0 0;
                background: #ff4979;
                -webkit-transform-origin: -150% 50%;
                transform-origin: -150% 50%;
                -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
                animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
            }

            #pgloading .bokeh li:nth-child(3) {
                left: 50%;
                bottom: 0;
                margin: 0 0 0 -.1em;
                background: #ffa45f;
                -webkit-transform-origin: 50% -150%;
                transform-origin: 50% -150%;
                -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
                animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
            }

            #pgloading .bokeh li:nth-child(4) {
                top: 50%;
                left: 0;
                margin: -.1em 0 0 0;
                background: #633e77;
                -webkit-transform-origin: 250% 50%;
                transform-origin: 250% 50%;
                -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
                animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
            }

@-webkit-keyframes rota {
    from {
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rota {
    from {
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes opa {
    0% {
    }

    12.0% {
        opacity: 0.80;
    }

    19.5% {
        opacity: 0.88;
    }

    37.2% {
        opacity: 0.64;
    }

    40.5% {
        opacity: 0.52;
    }

    52.7% {
        opacity: 0.69;
    }

    60.2% {
        opacity: 0.60;
    }

    66.6% {
        opacity: 0.52;
    }

    70.0% {
        opacity: 0.63;
    }

    79.9% {
        opacity: 0.60;
    }

    84.2% {
        opacity: 0.75;
    }

    91.0% {
        opacity: 0.87;
    }
}

@keyframes opa {
    0% {
    }

    12.0% {
        opacity: 0.80;
    }

    19.5% {
        opacity: 0.88;
    }

    37.2% {
        opacity: 0.64;
    }

    40.5% {
        opacity: 0.52;
    }

    52.7% {
        opacity: 0.69;
    }

    60.2% {
        opacity: 0.60;
    }

    66.6% {
        opacity: 0.52;
    }

    70.0% {
        opacity: 0.63;
    }

    79.9% {
        opacity: 0.60;
    }

    84.2% {
        opacity: 0.75;
    }

    91.0% {
        opacity: 0.87;
    }
}

.glowing-loader {
    position: relative;
}

.s2 {
    position: absolute;
    height: 70px;
    width: 70px;
    top: 50px;
    background-color: transparent;
    left: 50%;
    transform: translate(-50%, -50%);
}

.s1 {
    position: absolute;
    height: 70px;
    width: 70px;
    left: 50%;
    top: 50px;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: transparent;
}

.bigcon {
    position: absolute;
    height: 75px;
    width: 75px;
    left: 50%;
    top: 50px;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(-45deg);
    background-color: transparent;
    animation: bigcon 2s infinite linear;
    animation-delay: 0.25s;
}

.b {
    border-radius: 50%;
    position: absolute;
}

.s {
    width: 15px;
    height: 15px;
    animation: small 2s infinite ease;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.3);
    background-color: #633e77;
}

    .s:nth-child(1) {
        top: 0%;
        left: 0%;
    }

    .s:nth-child(2) {
        top: 0%;
        right: 0%;
    }

    .s:nth-child(3) {
        right: 0%;
        bottom: 0%;
    }

    .s:nth-child(4) {
        bottom: 0%;
        left: 0%;
    }

.big {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 10px #633e77, 0px 0px 20px #633e77, 0px 0px 30px #633e77, 0px 0px 50px #633e77, 0px 0px 60px #633e77;
    z-index: 1;
    background-color: #633e77;
    animation: bigball 1s infinite linear;
}

.sb1 {
    animation-delay: -1.75s;
}

.sb6 {
    animation-delay: -1.5s;
}

.sb2 {
    animation-delay: -1.25s;
}

.sb7 {
    animation-delay: -1s;
}

.sb3 {
    animation-delay: -0.75s;
}

.sb8 {
    animation-delay: -0.5s;
}

.sb4 {
    animation-delay: -0.25s;
}

.sb5 {
    animation-delay: -0s;
}

@keyframes bigcon {
    0% {
        transform-origin: center;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    100% {
        transform-origin: center;
        transform: translate(-50%, -50%) rotate(405deg);
    }
}

@keyframes small {
    0% {
        transform: scale(1);
        background-color: #986ab1;
    }

    10% {
        transform: scale(1.3);
        background-color: #633e77;
    }

    15% {
        transform: scale(1);
    }

    25% {
        transform: scale(1);
        background-color: #633e77;
    }

    100% {
        transform: scale(1);
        background-color: #633e77;
    }
}

/* Pixel loader */
.pixel-loader {
    width: 10px;
    height: 10px;
    background: #ffa45f;
    color: #ffa45f;
    margin: 80px auto;
    box-shadow: 15px 15px 0 0, -15px -15px 0 0, 15px -15px 0 0, -15px 15px 0 0, 0 15px 0 0, 15px 0 0 0, -15px 0 0 0, 0 -15px 0 0;
    animation: anim 2s linear infinite;
}

@keyframes anim {
    0% {
        -webkit-filter: hue-rotate(0deg);
    }

    50% {
        box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0;
    }

    75% {
        box-shadow: 20px 20px 0 0, -20px -20px 0 0, 20px -20px 0 0, -20px 20px 0 0, 0 10px 0 0, 10px 0 0 0, -10px 0 0 0, 0 -10px 0 0;
    }

    100% {
        transform: rotate(360deg);
        -webkit-filter: hue-rotate(360deg);
    }
}

/* Square box loader */
@keyframes dyinglight {
    15% {
        transform: scale(1.6);
    }

    50% {
        transform: rotate(-89deg);
    }

    100% {
        transform: rotate(-90deg);
    }
}

.square-box-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
}

.square-box-loader-square {
    display: block;
    width: 30px;
    height: 30px;
    background: #633e77;
}

.square-box-loader-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform-origin: 50% 50% 0;
    animation: dyinglight 1s ease infinite;
    backface-visibility: hidden;
}

.square-box-loader-corner-top:before,
.square-box-loader-corner-top:after,
.square-box-loader-corner-bottom:before,
.square-box-loader-corner-bottom:after {
    position: absolute;
    width: 10px;
    height: 10px;
    color: #633e77;
    content: '';
}

.square-box-loader-corner-top:before {
    border-left: 1px solid;
    border-top: 1px solid;
    top: -4px;
    left: -4px;
}

.square-box-loader-corner-top:after {
    border-right: 1px solid;
    border-top: 1px solid;
    top: -4px;
    right: -4px;
}

.square-box-loader-corner-bottom:before {
    border-left: 1px solid;
    border-bottom: 1px solid;
    bottom: -4px;
    left: -4px;
}

.square-box-loader-corner-bottom:after {
    border-right: 1px solid;
    border-bottom: 1px solid;
    bottom: -4px;
    right: -4px;
}

/* Circle loader */
.circle-loader {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

    .circle-loader:before, .circle-loader:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        border: 10px solid transparent;
        border-top-color: #ffa45f;
    }

    .circle-loader:before {
        z-index: 100;
        animation: spin 1s infinite;
    }

    .circle-loader:after {
        border: 10px solid #A7b0c4;
    }

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Jumping dots loader */
.jumping-dots-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

    .jumping-dots-loader span {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background-color: rgba(255, 73, 121, 0.8);
        margin: 35px 5px;
    }

        .jumping-dots-loader span:nth-child(1) {
            animation: bounce 1s ease-in-out infinite;
        }

        .jumping-dots-loader span:nth-child(2) {
            animation: bounce 1s ease-in-out 0.33s infinite;
        }

        .jumping-dots-loader span:nth-child(3) {
            animation: bounce 1s ease-in-out 0.66s infinite;
        }

@keyframes bounce {
    0%, 75%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

/* Bar loader */
.bar-loader {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

    .bar-loader span {
        display: inline-block;
        width: 5px;
        height: 30px;
        background-color: rgba(255, 73, 121, 0.7);
    }

        .bar-loader span:nth-child(1) {
            animation: grow 1s ease-in-out infinite;
        }

        .bar-loader span:nth-child(2) {
            animation: grow 1s ease-in-out 0.15s infinite;
        }

        .bar-loader span:nth-child(3) {
            animation: grow 1s ease-in-out 0.30s infinite;
        }

        .bar-loader span:nth-child(4) {
            animation: grow 1s ease-in-out 0.45s infinite;
        }

@keyframes grow {
    0%, 100% {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    50% {
        -webkit-transform: scaleY(1.8);
        -ms-transform: scaleY(1.8);
        -o-transform: scaleY(1.8);
        transform: scaleY(1.8);
    }
}

/* Square path loader */
.square-path-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

    .square-path-loader:before, .square-path-loader:after {
        content: "";
        width: 15px;
        height: 15px;
        position: absolute;
        top: 0;
        left: calc(50% - 10px);
        background-color: rgba(10, 207, 151, 0.7);
        animation: squaremove 1s ease-in-out infinite;
    }

    .square-path-loader:after {
        bottom: 0;
        animation-delay: 0.5s;
    }

@keyframes squaremove {
    0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0);
        -ms-transform: translate(0, 0) rotate(0);
        -o-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }

    25% {
        -webkit-transform: translate(40px, 40px) rotate(45deg);
        -ms-transform: translate(40px, 40px) rotate(45deg);
        -o-transform: translate(40px, 40px) rotate(45deg);
        transform: translate(40px, 40px) rotate(45deg);
    }

    50% {
        -webkit-transform: translate(0px, 80px) rotate(0deg);
        -ms-transform: translate(0px, 80px) rotate(0deg);
        -o-transform: translate(0px, 80px) rotate(0deg);
        transform: translate(0px, 80px) rotate(0deg);
    }

    75% {
        -webkit-transform: translate(-40px, 40px) rotate(45deg);
        -ms-transform: translate(-40px, 40px) rotate(45deg);
        -o-transform: translate(-40px, 40px) rotate(45deg);
        transform: translate(-40px, 40px) rotate(45deg);
    }
}

/* Dot opacity loader */
.dot-opacity-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

    .dot-opacity-loader span {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background-color: #633e77;
        margin: 35px 5px;
        opacity: 0;
    }

        .dot-opacity-loader span:nth-child(1) {
            animation: opacitychange 1s ease-in-out infinite;
        }

        .dot-opacity-loader span:nth-child(2) {
            animation: opacitychange 1s ease-in-out 0.33s infinite;
        }

        .dot-opacity-loader span:nth-child(3) {
            animation: opacitychange 1s ease-in-out 0.66s infinite;
        }

@keyframes opacitychange {
    0%, 100% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }
}

/* Flip square */
.flip-square-loader {
    -webkit-perspective: 120px;
    -moz-perspective: 120px;
    -ms-perspective: 120px;
    perspective: 120px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

    .flip-square-loader:before {
        content: "";
        position: absolute;
        left: 25px;
        top: 25px;
        width: 50px;
        height: 50px;
        background-color: rgba(10, 207, 151, 0.7);
        animation: flip 1s infinite;
    }

@keyframes flip {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(180deg) rotateX(180deg);
    }
}

/* Moving square loader */
.moving-square-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

    .moving-square-loader:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: calc(50% - 10px);
        left: 0px;
        background-color: rgba(255, 73, 121, 0.7);
        animation: rotatemove 1s infinite;
    }

@keyframes rotatemove {
    0% {
        -webkit-transform: scale(1) translateX(0px);
        -ms-transform: scale(1) translateX(0px);
        -o-transform: scale(1) translateX(0px);
        transform: scale(1) translateX(0px);
    }

    100% {
        -webkit-transform: scale(2) translateX(45px);
        -ms-transform: scale(2) translateX(45px);
        -o-transform: scale(2) translateX(45px);
        transform: scale(2) translateX(45px);
    }
}

/* Lists */
ul,
ol,
dl {
    padding-left: 1rem;
    font-size: 0.875rem;
}

    ul li,
    ol li,
    dl li {
        line-height: 1.8;
    }

.list-ticked,
.list-arrow,
.list-star {
    list-style: none;
    padding: 0;
}

    .list-ticked li,
    .list-arrow li,
    .list-star li {
        padding-left: 1.5rem;
    }

        .list-ticked li:before,
        .list-arrow li:before,
        .list-star li:before {
            font-family: "Material Design Icons";
            margin-left: -1.5rem;
            width: 1.5rem;
            margin-right: .5rem;
        }

        .list-ticked li:before {
            content: '\F12D';
            color: #ff4979;
        }

        .list-arrow li:before {
            content: '\F142';
            color: #0acf97;
        }

        .list-star li:before {
            content: '\F4CE';
            color: #ffa45f;
        }

.solid-bullet-list {
    position: relative;
    padding-left: 0;
}

.rtl .solid-bullet-list {
    padding-right: 0;
}

.solid-bullet-list li {
    position: relative;
    list-style-type: none;
    padding-left: 25px;
    line-height: 1;
    padding-bottom: 2.125rem;
}

    .solid-bullet-list li * {
        line-height: .8;
    }

    .solid-bullet-list li:before, .solid-bullet-list li:after {
        content: "";
        position: absolute;
    }

    .solid-bullet-list li:before {
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: #633e77;
        z-index: 1;
    }

.solid-bullet-list:after {
    content: "";
    border: 1px solid #f3f3f3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    z-index: 0;
}

.bullet-line-list {
    padding-left: 30px;
    position: relative;
    list-style-type: none;
    margin-bottom: 0;
}

.rtl .bullet-line-list {
    padding-left: unset;
    padding-right: 30px;
}

.bullet-line-list li {
    position: relative;
    margin-bottom: 1.75rem;
}

    .bullet-line-list li:last-child {
        margin-bottom: 0;
    }

    .bullet-line-list li:before {
        content: "";
        width: 22px;
        height: 22px;
        left: -30px;
        top: 0;
        margin-right: 15px;
        z-index: 2;
        position: absolute;
        border: 4px solid #ffffff;
        border-radius: 100%;
    }

.rtl .bullet-line-list li:before {
    left: unset;
    right: -45px;
}

.bullet-line-list li:nth-child(n+1):before {
    background: #633e77;
}

.bullet-line-list li:nth-child(n+2):before {
    background: #0acf97;
}

.bullet-line-list li:nth-child(n+3):before {
    background: #ff4979;
}

.bullet-line-list li:nth-child(n+4):before {
    background: #439aff;
}

.bullet-line-list li:nth-child(n+15):before {
    background: #ffa45f;
}

.bullet-line-list:after {
    content: "";
    border: 1px solid #f3f3f3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
}

.rtl .bullet-line-list:after {
    left: unset;
    right: 7px;
}

/* Modals */
.modal .modal-dialog {
    margin-top: 100px;
}

    .modal .modal-dialog .modal-content .modal-header {
        padding: 25px 26px;
    }

        .modal .modal-dialog .modal-content .modal-header .close span {
            font-size: 20px;
            font-weight: 400;
            color: #6a6a6a;
        }

    .modal .modal-dialog .modal-content .modal-body {
        padding: 35px 26px;
    }

    .modal .modal-dialog .modal-content .modal-footer {
        padding: 15px 31px;
    }

/* Pagination */
.pagination .page-item .page-link, .jsgrid .jsgrid-pager .page-item .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    border-color: #f3f3f3;
    color: #000000;
    font-size: .875rem;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .pagination .page-item .page-link:focus, .jsgrid .jsgrid-pager .page-item .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus, .jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {
        background: inherit;
    }

    .pagination .page-item .page-link i:before, .jsgrid .jsgrid-pager .page-item .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a i:before, .jsgrid .jsgrid-pager .jsgrid-pager-page a i:before {
        font-size: inherit;
        line-height: 1;
        vertical-align: middle;
    }

.pagination .page-item.active .page-link, .jsgrid .jsgrid-pager .page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .pagination .page-item:hover .page-link, .jsgrid .jsgrid-pager .page-item:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a, .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .pagination .page-item:focus .page-link, .jsgrid .jsgrid-pager .page-item:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a, .jsgrid .jsgrid-pager .jsgrid-pager-page:focus a, .pagination .page-item:active .page-link, .jsgrid .jsgrid-pager .page-item:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a, .jsgrid .jsgrid-pager .jsgrid-pager-page:active a {
    background: #633e77;
    border-color: #633e77;
    color: #ffffff;
}

.pagination.pagination-flat .page-item, .jsgrid .pagination-flat.jsgrid-pager .page-item, .pagination.pagination-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.pagination-flat .jsgrid-pager-nav-button, .jsgrid .pagination-flat.jsgrid-pager .jsgrid-pager-nav-button, .pagination.pagination-flat .jsgrid .jsgrid-pager .jsgrid-pager-page,
.jsgrid .jsgrid-pager .pagination.pagination-flat .jsgrid-pager-page, .jsgrid .pagination-flat.jsgrid-pager .jsgrid-pager-page {
    margin: 0 .25rem;
}

    .pagination.pagination-flat .page-item .page-link, .jsgrid .pagination-flat.jsgrid-pager .page-item .page-link, .pagination.pagination-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.pagination-flat .jsgrid-pager-nav-button .page-link, .jsgrid .pagination-flat.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.pagination-flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
    .jsgrid .jsgrid-pager .pagination.pagination-flat .jsgrid-pager-page .page-link, .jsgrid .pagination-flat.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.pagination-flat .page-item a, .pagination.pagination-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.pagination-flat .jsgrid-pager-nav-button a, .jsgrid .pagination-flat.jsgrid-pager .jsgrid-pager-nav-button a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.pagination-flat .page-item a, .pagination.pagination-flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.pagination-flat .jsgrid-pager-page a, .jsgrid .pagination-flat.jsgrid-pager .jsgrid-pager-page a {
        border: none;
        border-radius: 2px;
    }

.pagination.pagination-separated .page-item, .jsgrid .pagination-separated.jsgrid-pager .page-item, .pagination.pagination-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.pagination-separated .jsgrid-pager-nav-button, .jsgrid .pagination-separated.jsgrid-pager .jsgrid-pager-nav-button, .pagination.pagination-separated .jsgrid .jsgrid-pager .jsgrid-pager-page,
.jsgrid .jsgrid-pager .pagination.pagination-separated .jsgrid-pager-page, .jsgrid .pagination-separated.jsgrid-pager .jsgrid-pager-page {
    margin-left: 2px;
    margin-right: 2px;
}

    .pagination.pagination-separated .page-item:first-child, .jsgrid .pagination-separated.jsgrid-pager .page-item:first-child, .pagination.pagination-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child, .jsgrid .jsgrid-pager .pagination.pagination-separated .jsgrid-pager-nav-button:first-child, .jsgrid .pagination-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child, .pagination.pagination-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child,
    .jsgrid .jsgrid-pager .pagination.pagination-separated .jsgrid-pager-page:first-child, .jsgrid .pagination-separated.jsgrid-pager .jsgrid-pager-page:first-child {
        margin-left: 0;
    }

    .pagination.pagination-separated .page-item:last-child, .jsgrid .pagination-separated.jsgrid-pager .page-item:last-child, .pagination.pagination-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child, .jsgrid .jsgrid-pager .pagination.pagination-separated .jsgrid-pager-nav-button:last-child, .jsgrid .pagination-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child, .pagination.pagination-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child,
    .jsgrid .jsgrid-pager .pagination.pagination-separated .jsgrid-pager-page:last-child, .jsgrid .pagination-separated.jsgrid-pager .jsgrid-pager-page:last-child {
        margin-right: 0;
    }

    .pagination.pagination-separated .page-item .page-link, .jsgrid .pagination-separated.jsgrid-pager .page-item .page-link, .pagination.pagination-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.pagination-separated .jsgrid-pager-nav-button .page-link, .jsgrid .pagination-separated.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.pagination-separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
    .jsgrid .jsgrid-pager .pagination.pagination-separated .jsgrid-pager-page .page-link, .jsgrid .pagination-separated.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.pagination-separated .page-item a, .pagination.pagination-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.pagination-separated .jsgrid-pager-nav-button a, .jsgrid .pagination-separated.jsgrid-pager .jsgrid-pager-nav-button a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.pagination-separated .page-item a, .pagination.pagination-separated .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.pagination-separated .jsgrid-pager-page a, .jsgrid .pagination-separated.jsgrid-pager .jsgrid-pager-page a {
        border-radius: 2px;
    }

.pagination.pagination-rounded .page-item:first-child .page-link, .jsgrid .pagination-rounded.jsgrid-pager .page-item:first-child .page-link, .pagination.pagination-rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.pagination-rounded .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .pagination.pagination-rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
.jsgrid .jsgrid-pager .pagination.pagination-rounded .jsgrid-pager-page:first-child .page-link, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .pagination.pagination-rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.pagination-rounded .page-item:first-child a, .jsgrid .pagination-rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .pagination.pagination-rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.pagination-rounded .jsgrid-pager-nav-button:first-child a, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child a, .pagination.pagination-rounded .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.pagination-rounded .page-item:first-child a, .jsgrid .pagination-rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-page .page-item:first-child a, .pagination.pagination-rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.pagination-rounded .jsgrid-pager-page:first-child a, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-page:first-child a {
    border-radius: 25px 0 0 25px;
}

.pagination.pagination-rounded .page-item:last-child .page-link, .jsgrid .pagination-rounded.jsgrid-pager .page-item:last-child .page-link, .pagination.pagination-rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.pagination-rounded .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .pagination.pagination-rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
.jsgrid .jsgrid-pager .pagination.pagination-rounded .jsgrid-pager-page:last-child .page-link, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .pagination.pagination-rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.pagination-rounded .page-item:last-child a, .jsgrid .pagination-rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .pagination.pagination-rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.pagination-rounded .jsgrid-pager-nav-button:last-child a, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child a, .pagination.pagination-rounded .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.pagination-rounded .page-item:last-child a, .jsgrid .pagination-rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-page .page-item:last-child a, .pagination.pagination-rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.pagination-rounded .jsgrid-pager-page:last-child a, .jsgrid .pagination-rounded.jsgrid-pager .jsgrid-pager-page:last-child a {
    border-radius: 0 25px 25px 0;
}

.pagination.pagination-rounded-flat .page-item, .jsgrid .pagination-rounded-flat.jsgrid-pager .page-item, .pagination.pagination-rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.pagination-rounded-flat .jsgrid-pager-nav-button, .jsgrid .pagination-rounded-flat.jsgrid-pager .jsgrid-pager-nav-button, .pagination.pagination-rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page,
.jsgrid .jsgrid-pager .pagination.pagination-rounded-flat .jsgrid-pager-page, .jsgrid .pagination-rounded-flat.jsgrid-pager .jsgrid-pager-page {
    margin-right: 3px;
    margin-left: 3px;
}

    .pagination.pagination-rounded-flat .page-item .page-link, .jsgrid .pagination-rounded-flat.jsgrid-pager .page-item .page-link, .pagination.pagination-rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.pagination-rounded-flat .jsgrid-pager-nav-button .page-link, .jsgrid .pagination-rounded-flat.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.pagination-rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
    .jsgrid .jsgrid-pager .pagination.pagination-rounded-flat .jsgrid-pager-page .page-link, .jsgrid .pagination-rounded-flat.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.pagination-rounded-flat .page-item a, .pagination.pagination-rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.pagination-rounded-flat .jsgrid-pager-nav-button a, .jsgrid .pagination-rounded-flat.jsgrid-pager .jsgrid-pager-nav-button a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.pagination-rounded-flat .page-item a, .pagination.pagination-rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.pagination-rounded-flat .jsgrid-pager-page a, .jsgrid .pagination-rounded-flat.jsgrid-pager .jsgrid-pager-page a {
        border: none;
        border-radius: 50px;
    }

.pagination.pagination-rounded-separated .page-item, .jsgrid .pagination-rounded-separated.jsgrid-pager .page-item, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-nav-button, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page,
.jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-page, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page {
    margin-left: 2px;
    margin-right: 2px;
}

    .pagination.pagination-rounded-separated .page-item:first-child, .jsgrid .pagination-rounded-separated.jsgrid-pager .page-item:first-child, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-nav-button:first-child, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child,
    .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-page:first-child, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child {
        margin-left: 0;
    }

        .pagination.pagination-rounded-separated .page-item:first-child .page-link, .jsgrid .pagination-rounded-separated.jsgrid-pager .page-item:first-child .page-link, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-nav-button:first-child .page-link, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
        .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-page:first-child .page-link, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child .page-link, .pagination.pagination-rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.pagination-rounded-separated .page-item:first-child a, .jsgrid .pagination-rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-nav-button:first-child a, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child a, .pagination.pagination-rounded-separated .page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
        .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.pagination-rounded-separated .page-item:first-child a, .jsgrid .pagination-rounded-separated.jsgrid-pager .page-item:first-child .jsgrid-pager-page a, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:first-child a, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-page:first-child a, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child a {
            border-radius: 10px 0 0 10px;
        }

    .pagination.pagination-rounded-separated .page-item:last-child, .jsgrid .pagination-rounded-separated.jsgrid-pager .page-item:last-child, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-nav-button:last-child, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child,
    .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-page:last-child, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child {
        margin-right: 0;
    }

        .pagination.pagination-rounded-separated .page-item:last-child .page-link, .jsgrid .pagination-rounded-separated.jsgrid-pager .page-item:last-child .page-link, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-nav-button:last-child .page-link, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
        .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-page:last-child .page-link, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child .page-link, .pagination.pagination-rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.pagination-rounded-separated .page-item:last-child a, .jsgrid .pagination-rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-nav-button:last-child a, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child a, .pagination.pagination-rounded-separated .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
        .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.pagination-rounded-separated .page-item:last-child a, .jsgrid .pagination-rounded-separated.jsgrid-pager .page-item:last-child .jsgrid-pager-page a, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page .page-item:last-child a, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-page:last-child a, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child a {
            border-radius: 0 10px 10px 0;
        }

    .pagination.pagination-rounded-separated .page-item .page-link, .jsgrid .pagination-rounded-separated.jsgrid-pager .page-item .page-link, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-nav-button .page-link, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-link, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
    .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-page .page-link, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.pagination-rounded-separated .page-item a, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-nav-button a, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-nav-button a,
    .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.pagination-rounded-separated .page-item a, .pagination.pagination-rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.pagination-rounded-separated .jsgrid-pager-page a, .jsgrid .pagination-rounded-separated.jsgrid-pager .jsgrid-pager-page a {
        border-radius: 2px;
    }

/* pagination variations */
.pagination-primary .page-item.active .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page .page-link, .pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item.active a, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button a, .pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item.active a, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page a {
    background: #633e77;
    border-color: #633e77;
}

.pagination-primary .page-item:hover .page-link, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button:hover .page-link, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page:hover .page-link, .pagination-primary .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item:hover a, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button:hover a, .pagination-primary .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item:hover a, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page:hover a {
    background: #714788;
    border-color: #633e77;
    color: #ffffff;
}

.pagination-secondary .page-item.active .page-link, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button .page-link, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page .page-link, .pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item.active a, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button a, .pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item.active a, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page a {
    background: #A7b0c4;
    border-color: #A7b0c4;
}

.pagination-secondary .page-item:hover .page-link, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button:hover .page-link, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page:hover .page-link, .pagination-secondary .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item:hover a, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button:hover a, .pagination-secondary .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item:hover a, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page:hover a {
    background: #b6bece;
    border-color: #A7b0c4;
    color: #ffffff;
}

.pagination-success .page-item.active .page-link, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button .page-link, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page .page-link, .pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item.active a, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button a, .pagination-success .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item.active a, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page a {
    background: #0acf97;
    border-color: #0acf97;
}

.pagination-success .page-item:hover .page-link, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button:hover .page-link, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page:hover .page-link, .pagination-success .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item:hover a, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button:hover a, .pagination-success .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item:hover a, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page:hover a {
    background: #0be7a9;
    border-color: #0acf97;
    color: #ffffff;
}

.pagination-info .page-item.active .page-link, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button .page-link, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page .page-link, .pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item.active a, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button a, .pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item.active a, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page a {
    background: #439aff;
    border-color: #439aff;
}

.pagination-info .page-item:hover .page-link, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button:hover .page-link, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page:hover .page-link, .pagination-info .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item:hover a, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button:hover a, .pagination-info .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item:hover a, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page:hover a {
    background: #5da8ff;
    border-color: #439aff;
    color: #ffffff;
}

.pagination-warning .page-item.active .page-link, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button .page-link, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page .page-link, .pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item.active a, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button a, .pagination-warning .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item.active a, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page a {
    background: #ffa45f;
    border-color: #ffa45f;
}

.pagination-warning .page-item:hover .page-link, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button:hover .page-link, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page:hover .page-link, .pagination-warning .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item:hover a, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button:hover a, .pagination-warning .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item:hover a, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page:hover a {
    background: #ffb379;
    border-color: #ffa45f;
    color: #ffffff;
}

.pagination-danger .page-item.active .page-link, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button .page-link, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page .page-link, .pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item.active a, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button a, .pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item.active a, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page a {
    background: #ff4979;
    border-color: #ff4979;
}

.pagination-danger .page-item:hover .page-link, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button:hover .page-link, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page:hover .page-link, .pagination-danger .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item:hover a, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button:hover a, .pagination-danger .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item:hover a, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page:hover a {
    background: #ff638c;
    border-color: #ff4979;
    color: #ffffff;
}

.pagination-light .page-item.active .page-link, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button .page-link, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page .page-link, .pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item.active a, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button a, .pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item.active a, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page a {
    background: #f8f9fa;
    border-color: #f8f9fa;
}

.pagination-light .page-item:hover .page-link, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button:hover .page-link, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page:hover .page-link, .pagination-light .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item:hover a, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button:hover a, .pagination-light .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item:hover a, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page:hover a {
    background: white;
    border-color: #f8f9fa;
    color: #ffffff;
}

.pagination-dark .page-item.active .page-link, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button .page-link, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page .page-link, .pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item.active a, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button a, .pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item.active a, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page a {
    background: #2e2a31;
    border-color: #2e2a31;
}

.pagination-dark .page-item:hover .page-link, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button:hover .page-link, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link,
.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page:hover .page-link, .pagination-dark .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item:hover a, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button:hover a, .pagination-dark .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item:hover a, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page:hover a {
    background: #3b363f;
    border-color: #2e2a31;
    color: #ffffff;
}

/* Popovers */
.popover-static-demo .popover {
    width: 185px;
    position: relative;
    display: block;
    float: left;
    margin: 1rem .5rem;
}

    .popover-static-demo .popover.bs-popover-bottom-demo .arrow, .popover-static-demo .popover.bs-popover-top-demo .arrow {
        left: 50%;
    }

    .popover-static-demo .popover.bs-popover-left-demo .arrow, .popover-static-demo .popover.bs-popover-right-demo .arrow {
        top: 50%;
    }

.popover {
    z-index: 1029;
}

    .popover.bs-popover-top-demo .arrow:before {
        border-top-color: rgba(0, 0, 0, 0.2);
    }

    .popover.bs-popover-top-demo .arrow:after {
        border-top-color: #fff;
    }

    .popover.bs-popover-right-demo .arrow:before {
        border-right-color: rgba(0, 0, 0, 0.2);
    }

    .popover.bs-popover-right-demo .arrow:after {
        border-right-color: #fff;
    }

    .popover.bs-popover-bottom-demo .arrow:before {
        border-bottom-color: rgba(0, 0, 0, 0.2);
    }

    .popover.bs-popover-bottom-demo .arrow:after {
        border-bottom-color: #fff;
    }

    .popover.bs-popover-bottom-demo .popover-header:before {
        border-bottom: 0;
    }

    .popover.bs-popover-left-demo .arrow:before {
        border-left-color: rgba(0, 0, 0, 0.2);
    }

    .popover.bs-popover-left-demo .arrow:after {
        border-left-color: #fff;
    }

    .popover .popover-header {
        font-size: .9375rem;
        border-bottom: 0;
        background: #ffffff;
        color: inherit;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    .popover .popover-body {
        color: #696969;
    }

    .popover.left .arrow:before {
        border-left-color: rgba(0, 0, 0, 0.2);
    }

    .popover.left .arrow:after {
        border-left-color: #fff;
    }

    .popover.right .arrow:before {
        border-right-color: rgba(0, 0, 0, 0.2);
    }

    .popover.right .arrow:after {
        border-right-color: #fff;
    }

    .popover.top .arrow:before {
        border-top-color: rgba(0, 0, 0, 0.2);
    }

    .popover.top .arrow:after {
        border-top-color: #fff;
    }

    .popover.bottom .arrow:before {
        border-bottom-color: rgba(0, 0, 0, 0.2);
    }

    .popover.bottom .arrow:after {
        border-bottom-color: #fff;
    }

.popover-primary {
    border-color: "primary";
}

    .popover-primary .popover-header {
        background: #633e77;
        color: #ffffff;
        border-bottom: 0;
    }

    .popover-primary.bs-popover-top .arrow:before, .popover-primary.bs-popover-auto[x-placement^="top"] .arrow:before, .popover-primary.bs-popover-top .arrow:after, .popover-primary.bs-popover-auto[x-placement^="top"] .arrow:after {
        border-top-color: #633e77;
    }

    .popover-primary.bs-popover-right .arrow:before, .popover-primary.bs-popover-auto[x-placement^="right"] .arrow:before, .popover-primary.bs-popover-right .arrow:after, .popover-primary.bs-popover-auto[x-placement^="right"] .arrow:after {
        border-right-color: #633e77;
    }

    .popover-primary.bs-popover-bottom .arrow:before, .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:before, .popover-primary.bs-popover-bottom .arrow:after, .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:after {
        border-bottom-color: #633e77;
    }

    .popover-primary.bs-popover-left .arrow:before, .popover-primary.bs-popover-auto[x-placement^="left"] .arrow:before, .popover-primary.bs-popover-left .arrow:after, .popover-primary.bs-popover-auto[x-placement^="left"] .arrow:after {
        border-left-color: #633e77;
    }

.popover-secondary {
    border-color: "secondary";
}

    .popover-secondary .popover-header {
        background: #A7b0c4;
        color: #ffffff;
        border-bottom: 0;
    }

    .popover-secondary.bs-popover-top .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:before, .popover-secondary.bs-popover-top .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:after {
        border-top-color: #A7b0c4;
    }

    .popover-secondary.bs-popover-right .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:before, .popover-secondary.bs-popover-right .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:after {
        border-right-color: #A7b0c4;
    }

    .popover-secondary.bs-popover-bottom .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:before, .popover-secondary.bs-popover-bottom .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:after {
        border-bottom-color: #A7b0c4;
    }

    .popover-secondary.bs-popover-left .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:before, .popover-secondary.bs-popover-left .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:after {
        border-left-color: #A7b0c4;
    }

.popover-success {
    border-color: "success";
}

    .popover-success .popover-header {
        background: #0acf97;
        color: #ffffff;
        border-bottom: 0;
    }

    .popover-success.bs-popover-top .arrow:before, .popover-success.bs-popover-auto[x-placement^="top"] .arrow:before, .popover-success.bs-popover-top .arrow:after, .popover-success.bs-popover-auto[x-placement^="top"] .arrow:after {
        border-top-color: #0acf97;
    }

    .popover-success.bs-popover-right .arrow:before, .popover-success.bs-popover-auto[x-placement^="right"] .arrow:before, .popover-success.bs-popover-right .arrow:after, .popover-success.bs-popover-auto[x-placement^="right"] .arrow:after {
        border-right-color: #0acf97;
    }

    .popover-success.bs-popover-bottom .arrow:before, .popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:before, .popover-success.bs-popover-bottom .arrow:after, .popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:after {
        border-bottom-color: #0acf97;
    }

    .popover-success.bs-popover-left .arrow:before, .popover-success.bs-popover-auto[x-placement^="left"] .arrow:before, .popover-success.bs-popover-left .arrow:after, .popover-success.bs-popover-auto[x-placement^="left"] .arrow:after {
        border-left-color: #0acf97;
    }

.popover-info {
    border-color: "info";
}

    .popover-info .popover-header {
        background: #439aff;
        color: #ffffff;
        border-bottom: 0;
    }

    .popover-info.bs-popover-top .arrow:before, .popover-info.bs-popover-auto[x-placement^="top"] .arrow:before, .popover-info.bs-popover-top .arrow:after, .popover-info.bs-popover-auto[x-placement^="top"] .arrow:after {
        border-top-color: #439aff;
    }

    .popover-info.bs-popover-right .arrow:before, .popover-info.bs-popover-auto[x-placement^="right"] .arrow:before, .popover-info.bs-popover-right .arrow:after, .popover-info.bs-popover-auto[x-placement^="right"] .arrow:after {
        border-right-color: #439aff;
    }

    .popover-info.bs-popover-bottom .arrow:before, .popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:before, .popover-info.bs-popover-bottom .arrow:after, .popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:after {
        border-bottom-color: #439aff;
    }

    .popover-info.bs-popover-left .arrow:before, .popover-info.bs-popover-auto[x-placement^="left"] .arrow:before, .popover-info.bs-popover-left .arrow:after, .popover-info.bs-popover-auto[x-placement^="left"] .arrow:after {
        border-left-color: #439aff;
    }

.popover-warning {
    border-color: "warning";
}

    .popover-warning .popover-header {
        background: #ffa45f;
        color: #ffffff;
        border-bottom: 0;
    }

    .popover-warning.bs-popover-top .arrow:before, .popover-warning.bs-popover-auto[x-placement^="top"] .arrow:before, .popover-warning.bs-popover-top .arrow:after, .popover-warning.bs-popover-auto[x-placement^="top"] .arrow:after {
        border-top-color: #ffa45f;
    }

    .popover-warning.bs-popover-right .arrow:before, .popover-warning.bs-popover-auto[x-placement^="right"] .arrow:before, .popover-warning.bs-popover-right .arrow:after, .popover-warning.bs-popover-auto[x-placement^="right"] .arrow:after {
        border-right-color: #ffa45f;
    }

    .popover-warning.bs-popover-bottom .arrow:before, .popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:before, .popover-warning.bs-popover-bottom .arrow:after, .popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:after {
        border-bottom-color: #ffa45f;
    }

    .popover-warning.bs-popover-left .arrow:before, .popover-warning.bs-popover-auto[x-placement^="left"] .arrow:before, .popover-warning.bs-popover-left .arrow:after, .popover-warning.bs-popover-auto[x-placement^="left"] .arrow:after {
        border-left-color: #ffa45f;
    }

.popover-danger {
    border-color: "danger";
}

    .popover-danger .popover-header {
        background: #ff4979;
        color: #ffffff;
        border-bottom: 0;
    }

    .popover-danger.bs-popover-top .arrow:before, .popover-danger.bs-popover-auto[x-placement^="top"] .arrow:before, .popover-danger.bs-popover-top .arrow:after, .popover-danger.bs-popover-auto[x-placement^="top"] .arrow:after {
        border-top-color: #ff4979;
    }

    .popover-danger.bs-popover-right .arrow:before, .popover-danger.bs-popover-auto[x-placement^="right"] .arrow:before, .popover-danger.bs-popover-right .arrow:after, .popover-danger.bs-popover-auto[x-placement^="right"] .arrow:after {
        border-right-color: #ff4979;
    }

    .popover-danger.bs-popover-bottom .arrow:before, .popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:before, .popover-danger.bs-popover-bottom .arrow:after, .popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:after {
        border-bottom-color: #ff4979;
    }

    .popover-danger.bs-popover-left .arrow:before, .popover-danger.bs-popover-auto[x-placement^="left"] .arrow:before, .popover-danger.bs-popover-left .arrow:after, .popover-danger.bs-popover-auto[x-placement^="left"] .arrow:after {
        border-left-color: #ff4979;
    }

.popover-light {
    border-color: "light";
}

    .popover-light .popover-header {
        background: #f8f9fa;
        color: #ffffff;
        border-bottom: 0;
    }

    .popover-light.bs-popover-top .arrow:before, .popover-light.bs-popover-auto[x-placement^="top"] .arrow:before, .popover-light.bs-popover-top .arrow:after, .popover-light.bs-popover-auto[x-placement^="top"] .arrow:after {
        border-top-color: #f8f9fa;
    }

    .popover-light.bs-popover-right .arrow:before, .popover-light.bs-popover-auto[x-placement^="right"] .arrow:before, .popover-light.bs-popover-right .arrow:after, .popover-light.bs-popover-auto[x-placement^="right"] .arrow:after {
        border-right-color: #f8f9fa;
    }

    .popover-light.bs-popover-bottom .arrow:before, .popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:before, .popover-light.bs-popover-bottom .arrow:after, .popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:after {
        border-bottom-color: #f8f9fa;
    }

    .popover-light.bs-popover-left .arrow:before, .popover-light.bs-popover-auto[x-placement^="left"] .arrow:before, .popover-light.bs-popover-left .arrow:after, .popover-light.bs-popover-auto[x-placement^="left"] .arrow:after {
        border-left-color: #f8f9fa;
    }

.popover-dark {
    border-color: "dark";
}

    .popover-dark .popover-header {
        background: #2e2a31;
        color: #ffffff;
        border-bottom: 0;
    }

    .popover-dark.bs-popover-top .arrow:before, .popover-dark.bs-popover-auto[x-placement^="top"] .arrow:before, .popover-dark.bs-popover-top .arrow:after, .popover-dark.bs-popover-auto[x-placement^="top"] .arrow:after {
        border-top-color: #2e2a31;
    }

    .popover-dark.bs-popover-right .arrow:before, .popover-dark.bs-popover-auto[x-placement^="right"] .arrow:before, .popover-dark.bs-popover-right .arrow:after, .popover-dark.bs-popover-auto[x-placement^="right"] .arrow:after {
        border-right-color: #2e2a31;
    }

    .popover-dark.bs-popover-bottom .arrow:before, .popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:before, .popover-dark.bs-popover-bottom .arrow:after, .popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:after {
        border-bottom-color: #2e2a31;
    }

    .popover-dark.bs-popover-left .arrow:before, .popover-dark.bs-popover-auto[x-placement^="left"] .arrow:before, .popover-dark.bs-popover-left .arrow:after, .popover-dark.bs-popover-auto[x-placement^="left"] .arrow:after {
        border-left-color: #2e2a31;
    }

/* Portfolio */
.portfolio-grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    background: #633e77;
    text-align: center;
    cursor: pointer;
}

@media (max-width: 767px) {
    .portfolio-grid figure {
        width: 270px;
    }
}

.portfolio-grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    width: 100%;
    opacity: 0.8;
}

.portfolio-grid figure figcaption {
    padding: 2em;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .portfolio-grid figure figcaption:after, .portfolio-grid figure figcaption:before {
        pointer-events: none;
    }

.portfolio-grid figure.effect-text-in {
    border-radius: 0.25rem;
}

    .portfolio-grid figure.effect-text-in h4,
    .portfolio-grid figure.effect-text-in img {
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    .portfolio-grid figure.effect-text-in img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .portfolio-grid figure.effect-text-in h4,
    .portfolio-grid figure.effect-text-in p {
        position: absolute;
        bottom: 10px;
        left: 0;
        padding: 10px;
        margin-bottom: 0;
        width: 100%;
    }

    .portfolio-grid figure.effect-text-in p {
        text-transform: none;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }

    .portfolio-grid figure.effect-text-in:hover img {
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0);
    }

    .portfolio-grid figure.effect-text-in:hover h4 {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }

    .portfolio-grid figure.effect-text-in:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

/* Preview */
.preview-list .preview-item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 1.25rem 0;
}

    .preview-list .preview-item:last-child {
        border-bottom: 0;
    }

    .preview-list .preview-item:hover {
        background: #eaeaf1;
    }

    .preview-list .preview-item .form-check {
        margin-top: 8px;
        margin-right: 1rem;
    }

    .preview-list .preview-item .preview-thumbnail {
        color: #ffffff;
        position: relative;
    }

        .preview-list .preview-item .preview-thumbnail img,
        .preview-list .preview-item .preview-thumbnail .preview-icon {
            width: 36px;
            height: 36px;
            border-radius: 100%;
        }

        .preview-list .preview-item .preview-thumbnail .preview-icon {
            padding: 6px;
            text-align: center;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
        }

            .preview-list .preview-item .preview-thumbnail .preview-icon i {
                font-size: 1.125rem;
                margin: 0;
            }

        .preview-list .preview-item .preview-thumbnail .badge {
            border: 2px solid #ffffff;
            border-radius: 100%;
            bottom: 5px;
            display: block;
            height: 14px;
            left: -5px;
            padding: 0;
            position: absolute;
            width: 14px;
        }

    .preview-list .preview-item .preview-item-content {
        line-height: 1;
        padding-left: 15px;
    }

        .preview-list .preview-item .preview-item-content:first-child {
            padding-left: 0;
        }

        .preview-list .preview-item .preview-item-content p {
            margin-bottom: 10px;
        }

            .preview-list .preview-item .preview-item-content p .content-category {
                font-family: 'source-sans-pro-semibold', sans-serif;
                padding-right: 15px;
                border-right: 1px solid #f3f3f3;
            }

.rtl .preview-list .preview-item .preview-item-content {
    padding-left: 0;
    padding-right: 1rem;
    margin-right: 0;
    margin-left: auto;
}

.preview-list .preview-item .preview-actions {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    .preview-list .preview-item .preview-actions i {
        width: 29px;
        color: #e6e9ed;
        height: 29px;
        border: 2px solid #e6e9ed;
        border-radius: 100%;
        padding: 3px 6px;
        display: inline-block;
    }

        .preview-list .preview-item .preview-actions i:first-child {
            margin-right: 10px;
        }

.preview-list.comment-preview .preview-item {
    padding: .87rem 0;
}

    .preview-list.comment-preview .preview-item:first-child {
        padding-top: 0;
    }

    .preview-list.comment-preview .preview-item p {
        line-height: 27px;
    }

.preview-list.bordered .preview-item {
    border-bottom: 1px solid #f3f3f3;
}

    .preview-list.bordered .preview-item:last-child {
        border-bottom: 0;
    }

/* Tables */
.table, .jsgrid .jsgrid-table {
    margin-bottom: 0;
}

    .table thead th, .jsgrid .jsgrid-table thead th {
        border-top: 0;
        border-bottom-width: 1px;
        font-weight: 500;
        font-size: .875rem;
        background: #eeeeee;
    }

        .table thead th i, .jsgrid .jsgrid-table thead th i {
            margin-left: 0.325rem;
        }

    .table th, .jsgrid .jsgrid-table th,
    .table td, .jsgrid .jsgrid-table td {
        vertical-align: middle;
        line-height: 1;
    }

    .table td, .jsgrid .jsgrid-table td {
        font-size: 0.875rem;
    }

        .table td img, .jsgrid .jsgrid-table td img {
            width: 36px;
            height: 36px;
            border-radius: 100%;
        }

        .table td .badge, .jsgrid .jsgrid-table td .badge {
            margin-bottom: 0;
        }

    .table.table-borderless, .jsgrid .table-borderless.jsgrid-table {
        border: none;
    }

        .table.table-borderless tr, .jsgrid .table-borderless.jsgrid-table tr,
        .table.table-borderless td, .jsgrid .table-borderless.jsgrid-table td,
        .table.table-borderless th, .jsgrid .table-borderless.jsgrid-table th {
            border: none;
        }

.nav-tabs .nav-link {
    background: #f6f8fa;
    color: #000000;
    border-radius: 0;
    border: 1px solid #f3f3f3;
    padding: .75rem 1.5rem;
}

@media (max-width: 767px) {
    .nav-tabs .nav-link {
        padding: .75rem .5rem;
    }
}

.nav-tabs .nav-item:first-child .nav-link {
    border-radius: 4px 0 0 0;
}

.nav-tabs .nav-item:last-child .nav-link {
    border-radius: 0 4px 0 0;
}

.nav-tabs.nav-tabs-vertical, .nav-tabs.nav-tabs-vertical-custom {
    border-bottom: 0;
}

    .nav-tabs.nav-tabs-vertical .nav-link.active, .nav-tabs.nav-tabs-vertical-custom .nav-link.active {
        border-bottom-color: #f3f3f3;
    }

    .nav-tabs.nav-tabs-vertical .nav-item:first-child .nav-link, .nav-tabs.nav-tabs-vertical-custom .nav-item:first-child .nav-link {
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-tabs-vertical .nav-item:last-child .nav-link, .nav-tabs.nav-tabs-vertical-custom .nav-item:last-child .nav-link {
        border-radius: 0 0 4px 4px;
    }

.nav-tabs.nav-tabs-vertical-custom {
    background: #633e77;
    border-radius: 4px;
}

    .nav-tabs.nav-tabs-vertical-custom .nav-link {
        background: transparent;
        border-color: rgba(255, 255, 255, 0.2);
        color: #0f0a12;
        font-weight: 600;
        padding: 1.75rem;
    }

        .nav-tabs.nav-tabs-vertical-custom .nav-link.active {
            color: #ffffff;
            border-color: rgba(255, 255, 255, 0.2);
        }

.nav-pills {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 1rem;
}

    .nav-pills .nav-link {
        border: 1px solid #f3f3f3;
        padding: .5rem 1.75rem;
    }

@media (max-width: 767px) {
    .nav-pills .nav-link {
        padding: .5rem .5rem;
    }
}

.nav-pills .nav-item {
    margin-right: 1rem;
}

@media (max-width: 767px) {
    .nav-pills .nav-item {
        margin-right: .5rem;
    }
}

.nav-pills.nav-pills-vertical {
    border-bottom: 0;
}

    .nav-pills.nav-pills-vertical .nav-item {
        margin-right: 0;
        margin-bottom: 1rem;
    }

.nav-pills.nav-pills-custom {
    border-bottom: 0;
}

    .nav-pills.nav-pills-custom .nav-link {
        border-radius: 20px;
        padding: .5rem 2.5rem;
        background: #fcfcfd;
        color: #000;
    }

        .nav-pills.nav-pills-custom .nav-link.active {
            background: #ff4979;
            color: #ffffff;
        }

/* Pills color variations */
.nav-pills-primary .nav-link {
    color: #633e77;
}

    .nav-pills-primary .nav-link.active {
        background: #633e77;
    }

.nav-pills-secondary .nav-link {
    color: #A7b0c4;
}

    .nav-pills-secondary .nav-link.active {
        background: #A7b0c4;
    }

.nav-pills-success .nav-link {
    color: #0acf97;
}

    .nav-pills-success .nav-link.active {
        background: #0acf97;
    }

.nav-pills-info .nav-link {
    color: #439aff;
}

    .nav-pills-info .nav-link.active {
        background: #439aff;
    }

.nav-pills-warning .nav-link {
    color: #ffa45f;
}

    .nav-pills-warning .nav-link.active {
        background: #ffa45f;
    }

.nav-pills-danger .nav-link {
    color: #ff4979;
}

    .nav-pills-danger .nav-link.active {
        background: #ff4979;
    }

.nav-pills-light .nav-link {
    color: #f8f9fa;
}

    .nav-pills-light .nav-link.active {
        background: #f8f9fa;
    }

.nav-pills-dark .nav-link {
    color: #2e2a31;
}

    .nav-pills-dark .nav-link.active {
        background: #2e2a31;
    }

.tab-content {
    border: 1px solid #f3f3f3;
    border-top: 0;
    padding: 2rem 1rem;
    text-align: justify;
}

    .tab-content.tab-content-vertical {
        border-top: 1px solid #f3f3f3;
    }

    .tab-content.tab-content-vertical-custom {
        border: 0;
        padding-top: 0;
    }

    .tab-content.tab-content-custom-pill {
        border: 0;
        padding-left: 0;
    }


/* Tabs */
.add-items {
    margin-bottom: 1.5rem;
    overflow: hidden;
}

    .add-items input[type="text"] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 100%;
        background: transparent;
    }

    .add-items .btn, .add-items .fc button, .fc .add-items button, .add-items .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .add-items .ajax-file-upload, .add-items .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .add-items .swal2-styled, .add-items .wizard > .actions a, .wizard > .actions .add-items a {
        margin-left: .5rem;
    }

.rtl .add-items .btn, .rtl .add-items .fc button, .fc .rtl .add-items button, .rtl .add-items .ajax-upload-dragdrop .ajax-file-upload, .ajax-upload-dragdrop .rtl .add-items .ajax-file-upload, .rtl .add-items .swal2-modal .swal2-buttonswrapper .swal2-styled, .swal2-modal .swal2-buttonswrapper .rtl .add-items .swal2-styled, .rtl .add-items .wizard > .actions a, .wizard > .actions .rtl .add-items a {
    margin-left: auto;
    margin-right: .5rem;
}

.list-wrapper {
    height: 100%;
    max-height: 100%;
}

    .list-wrapper ul {
        padding: 0;
        text-align: left;
        list-style: none;
        margin-bottom: 0;
    }

        .list-wrapper ul li {
            font-size: .9375rem;
            padding: .4rem 0;
            border-bottom: 1px solid #f3f3f3;
        }

            .list-wrapper ul li:first-child {
                border-bottom: none;
            }

            .list-wrapper ul li .form-check {
                max-width: 90%;
                margin-top: .25rem;
                margin-bottom: .25rem;
            }

    .list-wrapper input[type="checkbox"] {
        margin-right: 15px;
    }

    .list-wrapper .remove {
        cursor: pointer;
        font-size: 1.438rem;
        font-weight: 600;
        width: 1.25rem;
        height: 1.25rem;
        line-height: 20px;
        text-align: center;
    }

    .list-wrapper .completed {
        text-decoration: line-through;
        text-decoration-color: #439aff;
    }



.profile-navbar .nav-item .nav-link {
    color: #000000;
}

    .profile-navbar .nav-item .nav-link.active {
        color: #633e77;
    }

    .profile-navbar .nav-item .nav-link i {
        font-size: 1.25rem;
    }

.profile-feed-item {
    padding: 1.5rem 0;
    border-bottom: 1px solid #f3f3f3;
}

/* Slider Color variations */
.slider-primary .noUi-base .noUi-connect {
    background: #633e77;
}

.slider-primary .noUi-base .noUi-origin {
    background: #633e77;
}

    .slider-primary .noUi-base .noUi-origin .noUi-handle:after {
        background: #633e77;
    }

    .slider-primary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
        background: #633e77;
        color: #ffffff;
    }

.slider-secondary .noUi-base .noUi-connect {
    background: #A7b0c4;
}

.slider-secondary .noUi-base .noUi-origin {
    background: #A7b0c4;
}

    .slider-secondary .noUi-base .noUi-origin .noUi-handle:after {
        background: #A7b0c4;
    }

    .slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
        background: #A7b0c4;
        color: #ffffff;
    }

.slider-success .noUi-base .noUi-connect {
    background: #0acf97;
}

.slider-success .noUi-base .noUi-origin {
    background: #0acf97;
}

    .slider-success .noUi-base .noUi-origin .noUi-handle:after {
        background: #0acf97;
    }

    .slider-success .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
        background: #0acf97;
        color: #ffffff;
    }

.slider-info .noUi-base .noUi-connect {
    background: #439aff;
}

.slider-info .noUi-base .noUi-origin {
    background: #439aff;
}

    .slider-info .noUi-base .noUi-origin .noUi-handle:after {
        background: #439aff;
    }

    .slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
        background: #439aff;
        color: #ffffff;
    }

.slider-warning .noUi-base .noUi-connect {
    background: #ffa45f;
}

.slider-warning .noUi-base .noUi-origin {
    background: #ffa45f;
}

    .slider-warning .noUi-base .noUi-origin .noUi-handle:after {
        background: #ffa45f;
    }

    .slider-warning .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
        background: #ffa45f;
        color: #ffffff;
    }

.slider-danger .noUi-base .noUi-connect {
    background: #ff4979;
}

.slider-danger .noUi-base .noUi-origin {
    background: #ff4979;
}

    .slider-danger .noUi-base .noUi-origin .noUi-handle:after {
        background: #ff4979;
    }

    .slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
        background: #ff4979;
        color: #ffffff;
    }

.slider-light .noUi-base .noUi-connect {
    background: #f8f9fa;
}

.slider-light .noUi-base .noUi-origin {
    background: #f8f9fa;
}

    .slider-light .noUi-base .noUi-origin .noUi-handle:after {
        background: #f8f9fa;
    }

    .slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
        background: #f8f9fa;
        color: #ffffff;
    }

.slider-dark .noUi-base .noUi-connect {
    background: #2e2a31;
}

.slider-dark .noUi-base .noUi-origin {
    background: #2e2a31;
}

    .slider-dark .noUi-base .noUi-origin .noUi-handle:after {
        background: #2e2a31;
    }

    .slider-dark .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
        background: #2e2a31;
        color: #ffffff;
    }

/* Owl-carousel */
.owl-carousel img {
    border-radius: 4px;
}

.owl-carousel.full-width .owl-nav {
    position: absolute;
    top: 30%;
    width: 100%;
    margin-top: 0;
}

    .owl-carousel.full-width .owl-nav .owl-prev,
    .owl-carousel.full-width .owl-nav .owl-next {
        background: transparent;
        color: #ffffff;
    }

        .owl-carousel.full-width .owl-nav .owl-prev i:before,
        .owl-carousel.full-width .owl-nav .owl-next i:before {
            width: 60px;
            height: 60px;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 100%;
            font-size: 1.875rem;
            font-weight: bold;
            line-height: 2;
        }

    .owl-carousel.full-width .owl-nav .owl-prev {
        float: left;
    }

    .owl-carousel.full-width .owl-nav .owl-next {
        float: right;
    }

.owl-carousel.full-width .owl-dots {
    margin-top: 1rem;
}

.owl-carousel .item-video {
    width: 200px;
    height: 200px;
}

/* Progressbar-js */
.progress-bar-js-line {
    height: 6px;
}

.progressbar-js-circle {
    width: 100%;
    position: relative;
}

.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .tabcontrol a {
        outline: 0;
    }

    .tabcontrol ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .tabcontrol ul > li {
            display: block;
            padding: 0;
        }

    .tabcontrol > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

        .tabcontrol > .steps .current-info {
            position: absolute;
            left: -999em;
        }

        .tabcontrol > .steps > ul {
            position: relative;
            margin: 6px 0 0 0;
            top: 1px;
            z-index: 1;
        }

            .tabcontrol > .steps > ul > li {
                float: left;
                margin: 5px 2px 0 0;
                padding: 1px;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

                .tabcontrol > .steps > ul > li:hover {
                    background: #edecec;
                    border: 1px solid #f3f3f3;
                    padding: 0;
                }

                .tabcontrol > .steps > ul > li > a {
                    color: #aab2bd;
                    display: inline-block;
                    border: 0 none;
                    margin: 0;
                    padding: 10px 30px;
                    text-decoration: none;
                }

                    .tabcontrol > .steps > ul > li > a:hover {
                        text-decoration: none;
                    }

                .tabcontrol > .steps > ul > li.current {
                    background: #ffffff;
                    border: 1px solid #f3f3f3;
                    border-bottom: 0 none;
                    padding: 0 0 1px 0;
                    margin-top: 0;
                }

                    .tabcontrol > .steps > ul > li.current > a {
                        padding: 15px 30px 10px 30px;
                    }

    .tabcontrol > .content {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 35em;
        overflow: hidden;
        border-top: 1px solid #f3f3f3;
        padding-top: 20px;
    }

        .tabcontrol > .content > .title {
            position: absolute;
            left: -999em;
        }

        .tabcontrol > .content > .body {
            float: left;
            position: absolute;
            width: 95%;
            height: 95%;
            padding: 2.5%;
        }

            .tabcontrol > .content > .body ul {
                list-style: disc;
            }

                .tabcontrol > .content > .body ul > li {
                    display: list-item;
                }

/*-------------------------------------------------------------------*/
/* === Landing screens === */
/* Auth */


.auth .lock-profile-img {
    width: 90px;
    height: 90px;
    border-radius: 100%;
}

.auth .auth-form-light {
    background: #ffffff;
}

    .auth .auth-form-light select {
        color: #c9c8c8;
    }

    .auth .auth-form-light .input-group .form-control:focus, .auth .auth-form-light .asColorPicker-wrap .form-control:focus, .auth .auth-form-light .input-group .asColorPicker-input:focus, .auth .auth-form-light .asColorPicker-wrap .asColorPicker-input:focus, .auth .auth-form-light .input-group .dataTables_wrapper select:focus, .dataTables_wrapper .auth .auth-form-light .input-group select:focus, .auth .auth-form-light .asColorPicker-wrap .dataTables_wrapper select:focus, .dataTables_wrapper .auth .auth-form-light .asColorPicker-wrap select:focus, .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input[type=text]:focus, .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input[type=text]:focus, .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
    .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group select:focus, .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
    .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap select:focus, .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input[type=number]:focus, .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input[type=number]:focus, .auth .auth-form-light .input-group .select2-container--default .select2-selection--single:focus, .select2-container--default .auth .auth-form-light .input-group .select2-selection--single:focus, .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, .select2-container--default .auth .auth-form-light .asColorPicker-wrap .select2-selection--single:focus, .auth .auth-form-light .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth .auth-form-light .input-group .select2-search__field:focus, .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single .auth .auth-form-light .asColorPicker-wrap .select2-search__field:focus, .auth .auth-form-light .input-group .typeahead:focus, .auth .auth-form-light .asColorPicker-wrap .typeahead:focus, .auth .auth-form-light .input-group .tt-query:focus, .auth .auth-form-light .asColorPicker-wrap .tt-query:focus, .auth .auth-form-light .input-group .tt-hint:focus, .auth .auth-form-light .asColorPicker-wrap .tt-hint:focus, .auth .auth-form-light .input-group .form-control:active, .auth .auth-form-light .asColorPicker-wrap .form-control:active, .auth .auth-form-light .input-group .asColorPicker-input:active, .auth .auth-form-light .asColorPicker-wrap .asColorPicker-input:active, .auth .auth-form-light .input-group .dataTables_wrapper select:active, .dataTables_wrapper .auth .auth-form-light .input-group select:active, .auth .auth-form-light .asColorPicker-wrap .dataTables_wrapper select:active, .dataTables_wrapper .auth .auth-form-light .asColorPicker-wrap select:active, .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:active, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input[type=text]:active, .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:active, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input[type=text]:active, .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:active,
    .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group select:active, .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:active,
    .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap select:active, .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:active, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input[type=number]:active, .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:active, .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input[type=number]:active, .auth .auth-form-light .input-group .select2-container--default .select2-selection--single:active, .select2-container--default .auth .auth-form-light .input-group .select2-selection--single:active, .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single:active, .select2-container--default .auth .auth-form-light .asColorPicker-wrap .select2-selection--single:active, .auth .auth-form-light .input-group .select2-container--default .select2-selection--single .select2-search__field:active, .select2-container--default .select2-selection--single .auth .auth-form-light .input-group .select2-search__field:active, .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:active, .select2-container--default .select2-selection--single .auth .auth-form-light .asColorPicker-wrap .select2-search__field:active, .auth .auth-form-light .input-group .typeahead:active, .auth .auth-form-light .asColorPicker-wrap .typeahead:active, .auth .auth-form-light .input-group .tt-query:active, .auth .auth-form-light .asColorPicker-wrap .tt-query:active, .auth .auth-form-light .input-group .tt-hint:active, .auth .auth-form-light .asColorPicker-wrap .tt-hint:active {
        border-color: #f3f3f3;
    }

.auth .auth-form-transparent {
    background: transparent;
}

    .auth .auth-form-transparent .form-control, .auth .auth-form-transparent .asColorPicker-input, .auth .auth-form-transparent .dataTables_wrapper select, .dataTables_wrapper .auth .auth-form-transparent select, .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input[type=text], .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select,
    .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select, .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input[type=number], .auth .auth-form-transparent .select2-container--default .select2-selection--single, .select2-container--default .auth .auth-form-transparent .select2-selection--single, .auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field, .auth .auth-form-transparent .typeahead, .auth .auth-form-transparent .tt-query, .auth .auth-form-transparent .tt-hint,
    .auth .auth-form-transparent .input-group-text {
        border-color: #A7b0c4;
    }

      

    .auth .auth-form-transparent select {
        outline-color: #A7b0c4;
    }

.auth.auth-img-bg {
    padding: 0;
}

@media (min-width: 768px) {
    .auth.auth-img-bg .auth-form-transparent {
        width: 55%;
        margin: auto;
    }
}

.auth .brand-logo {
    margin-bottom: 2rem;
}

    .auth .brand-logo img {
        width: 150px;
    }

.auth form .form-group {
    margin-bottom: 1.5rem;
}

    .auth form .form-group label {
        font-size: .8125rem;
    }

    .auth form .form-group .form-control, .auth form .form-group .asColorPicker-input, .auth form .form-group .dataTables_wrapper select, .dataTables_wrapper .auth form .form-group select, .auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group input[type=text], .auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select,
    .jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group select, .auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group input[type=number], .auth form .form-group .select2-container--default .select2-selection--single, .select2-container--default .auth form .form-group .select2-selection--single, .auth form .form-group .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .auth form .form-group .select2-search__field, .auth form .form-group .typeahead, .auth form .form-group .tt-query, .auth form .form-group .tt-hint {
        background: transparent;
        border-radius: 0;
        font-size: .9375rem;
    }

.auth form .auth-form-btn {
    height: 50px;
    line-height: 1.5;
}

.auth form .auth-link {
    font-size: 0.875rem;
}

    .auth form .auth-link:hover {
        color: initial;
    }

.page-body-wrapper {
    min-height: calc(100vh - 70px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
    padding-top: 70px;
}

    .page-body-wrapper.full-page-wrapper {
        width: 100%;
        min-height: 100vh;
        padding-top: 0;
    }

.main-panel {
    transition: width 0.25s ease, margin 0.25s ease;
    width: calc(100% - 240px);
    min-height: calc(100vh - 70px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 991px) {
    .main-panel {
        margin-left: 0;
        width: 100%;
    }
}

.content-wrapper {
    background: #e9e8ea;
    padding: 2.5rem 2.5rem;
    width: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

/* Sidebar */
.sidebar {
    min-height: calc(100vh - 70px);
    background: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    padding: 0;
    width: 240px;
    z-index: 11;
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    box-shadow: 6px 16px 31px -18px #b7bcd1;
    -webkit-box-shadow: 6px 16px 31px -18px #b7bcd1;
    -moz-box-shadow: 6px 16px 31px -18px #b7bcd1;
    -ms-box-shadow: 6px 16px 31px -18px #b7bcd1;
}

    .sidebar .nav {
        overflow: hidden;
        flex-wrap: nowrap;
        flex-direction: column;
        margin-bottom: 60px;
    }

        .sidebar .nav .nav-item {
            -webkit-transition-duration: 0.25s;
            -moz-transition-duration: 0.25s;
            -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
            transition-property: background;
            -webkit-transition-property: background;
        }

            .sidebar .nav .nav-item .collapse {
                z-index: 999;
            }

            .sidebar .nav .nav-item .nav-link {
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                white-space: nowrap;
                padding: 0.75rem 2.5rem 0.75rem 2.5rem;
                color: #000000;
                -webkit-transition-duration: 0.45s;
                -moz-transition-duration: 0.45s;
                -o-transition-duration: 0.45s;
                transition-duration: 0.45s;
                transition-property: color;
                -webkit-transition-property: color;
            }

                .sidebar .nav .nav-item .nav-link i.menu-icon {
                    font-size: 1rem;
                    line-height: 1;
                    margin-right: 1.125rem;
                    color: #000000;
                }

.rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
    margin-left: 2rem;
    margin-right: 0;
}

.sidebar .nav .nav-item .nav-link i.menu-icon:before {
    vertical-align: middle;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: auto;
    margin-right: 0;
    color: #686868;
}

.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {
    margin-left: 0;
    margin-right: auto;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\F140";
    font-family: "Material Design Icons";
    font-style: normal;
    display: block;
    font-size: 1rem;
    line-height: 10px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.sidebar .nav .nav-item .nav-link .menu-title {
    color: inherit;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: middle;
}

.sidebar .nav .nav-item .nav-link .badge {
    margin-left: auto;
}

.rtl .sidebar .nav .nav-item .nav-link .badge {
    margin-left: 0;
    margin-right: auto;
}

.sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow:before {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sidebar .nav .nav-item.active > .nav-link {
    background: initial;
    position: relative;
}

    .sidebar .nav .nav-item.active > .nav-link .menu-title,
    .sidebar .nav .nav-item.active > .nav-link .menu-arrow {
        color: #633e77;
    }

    .sidebar .nav .nav-item.active > .nav-link i {
        color: #633e77;
    }

.sidebar .nav:not(.sub-menu) {
    margin-top: .5rem;
}

    .sidebar .nav:not(.sub-menu) > .nav-item {
        margin-top: .625rem;
    }

        .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link {
            margin: 0;
        }

        .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
            background: rgba(99, 62, 119, 0.2);
            color: #000;
        }

.sidebar .nav.sub-menu {
    margin-bottom: 0;
    margin-top: 0;
    list-style: none;
    padding: 0.25rem 0 0 4.25rem;
}

    .sidebar .nav.sub-menu .nav-item {
        padding: 0;
    }

        .sidebar .nav.sub-menu .nav-item .nav-link {
            color: #656565;
            padding: 1rem 1rem;
            position: relative;
            font-size: 0.875rem;
            line-height: 1;
            height: auto;
            border-top: 0;
        }

            .sidebar .nav.sub-menu .nav-item .nav-link:hover {
                color: #000;
            }

            .sidebar .nav.sub-menu .nav-item .nav-link.active {
                color: #000;
                background: transparent;
            }

        .sidebar .nav.sub-menu .nav-item:hover {
            background: transparent;
        }

.sidebar-dark .sidebar {
    background: #2e2a31;
}

    .sidebar-dark .sidebar .nav .nav-item .nav-link {
        color: #9b9b9b;
    }

        .sidebar-dark .sidebar .nav .nav-item .nav-link i {
            color: inherit;
        }

            .sidebar-dark .sidebar .nav .nav-item .nav-link i.menu-icon {
                color: #9b9b9b;
            }

        .sidebar-dark .sidebar .nav .nav-item .nav-link .menu-title {
            color: inherit;
        }

    .sidebar-dark .sidebar .nav .nav-item.active > .nav-link {
        background: initial;
    }

        .sidebar-dark .sidebar .nav .nav-item.active > .nav-link .menu-title,
        .sidebar-dark .sidebar .nav .nav-item.active > .nav-link i {
            color: #ffffff;
        }

    .sidebar-dark .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
        background: initial;
        color: #d0cfcf;
    }

    .sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link {
        color: #9b9b9b;
    }

        .sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link:before {
            color: #b5b5b5;
        }

        .sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link.active {
            color: #ffffff;
            background: transparent;
        }

        .sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link:hover {
            color: #e4e0e4;
        }

    .sidebar-dark .sidebar .nav.sub-menu .nav-item:hover {
        background: transparent;
    }

/* style for off-canvas menu*/
@media screen and (max-width: 991px) {
    .sidebar-offcanvas {
        position: fixed;
        max-height: calc(100vh - 70px);
        top: 70px;
        bottom: 0;
        overflow: auto;
        right: -240px;
        -webkit-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

        .sidebar-offcanvas.active {
            right: 0;
        }
}

/* Navbar */
.navbar {
    font-weight: 400;
    transition: background 0.25s ease;
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    -ms-transition: background 0.25s ease;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #ffffff;
    /* Navbar color variations */
}

.sidebar-dark .navbar {
    background: #2e2a31;
}

.navbar .navbar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    width: 240px;
    height: 70px;
}

    .navbar .navbar-brand-wrapper .navbar-brand {
        color: #27367f;
        font-size: 1.5rem;
        margin-right: 0;
        padding: .25rem 0;
    }

        .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
            display: none;
        }

        .navbar .navbar-brand-wrapper .navbar-brand:active, .navbar .navbar-brand-wrapper .navbar-brand:focus, .navbar .navbar-brand-wrapper .navbar-brand:hover {
            color: #1b2658;
        }

        .navbar .navbar-brand-wrapper .navbar-brand img {
            width: calc(240px - 80px);
            max-width: 100%;
            height: 34px;
            margin: auto;
            vertical-align: middle;
        }

    .navbar .navbar-brand-wrapper .brand-logo-mini {
        padding-left: 0;
        text-align: center;
    }

        .navbar .navbar-brand-wrapper .brand-logo-mini img {
            width: calc(70px - 30px);
            max-width: 100%;
            margin: auto;
        }

.navbar .navbar-menu-wrapper {
    background: #633e77;
    transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    color: #ffffff;
    width: calc(100% - 240px);
    height: 70px;
    padding-left: 1.5rem;
}

@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper {
        width: calc(100% - 55px);
        padding-left: 15px;
        padding-right: 15px;
    }
}

.navbar .navbar-menu-wrapper .navbar-toggler {
    border: 0;
    color: inherit;
    font-size: 1.5rem;
    padding: 0;
}

@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
        display: none;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
        padding-left: 15px;
        padding-right: 11px;
    }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item {
    border-right: 1px solid rgba(255, 255, 255, 0.21);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: -webkit-flex;
    display: flex;
}

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child {
        margin-right: 0;
        border-right: 0;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
        color: inherit;
        font-size: 1rem;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search {
        margin-left: 2rem;
        padding: 0;
    }

        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap {
            background: transparent;
            padding: 0;
        }


    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings {
        margin: 0;
        padding-left: 1.5rem;
    }

        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings .nav-link {
            padding: 0;
            text-align: center;
        }

        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings i {
            font-size: 1.5rem;
            vertical-align: middle;
        }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link:after {
        color: #ffffff;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile img {
        width: 30px;
        height: 30px;
        border-radius: 100%;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-profile-name {
        margin-left: .5rem;
    }

@media (max-width: 767px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-profile-name {
        display: none;
    }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
    border: none;
    -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
    position: absolute;
    font-size: 0.9rem;
    margin-top: 0;
    right: 0;
    left: auto;
    top: 48px;
    padding: 0;
}

.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
    right: auto;
    left: 0;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
    margin-bottom: 0;
    padding: 11px 13px;
}

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i {
        font-size: 17px;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .badge {
        margin-left: 2.5rem;
    }

@media (max-width: 767px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .badge {
        margin-left: .5rem;
    }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i {
    margin-left: 10px;
}

.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .badge {
    margin-left: 0;
    margin-right: 2.5rem;
}

@media (max-width: 767px) {
    .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .badge {
        margin-right: .5rem;
    }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider {
    margin: 0;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown i {
    margin-right: .5rem;
    vertical-align: middle;
}

@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
        position: static;
    }

        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
            left: 10px;
            right: 10px;
            top: 70px;
            width: calc(100% - 20px);
        }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator {
    position: relative;
    padding: 0;
    text-align: center;
}

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator i {
        font-size: 1.25rem;
        margin-right: 0;
        vertical-align: middle;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count {
        position: absolute;
        left: 34%;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background: #0acf97;
        top: -2px;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator:after {
        display: none;
    }

@media (min-width: 992px) {
    .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
        margin-left: auto;
    }

    .rtl .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
        margin-left: 0;
        margin-right: auto;
    }
}

.navbar.navbar-primary:not(.navbar-light) .navbar-menu-wrapper {
    background: #633e77;
}

.navbar.navbar-light .navbar-menu-wrapper {
    background: #ffffff;
}

    .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
        color: #633e77;
    }

    .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item {
        border-right: 1px solid #f3f3f3;
    }

        .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            color: #633e77;
        }

            .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:after {
                color: #633e77;
            }



.navbar.navbar-dark .navbar-menu-wrapper {
    border-left-color: #747474;
}

.navbar.navbar-success .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
    background: #633e77;
}

.navbar.navbar-secondary:not(.navbar-light) .navbar-menu-wrapper {
    background: #A7b0c4;
}

.navbar.navbar-light .navbar-menu-wrapper {
    background: #ffffff;
}

    .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
        color: #633e77;
    }

    .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item {
        border-right: 1px solid #f3f3f3;
    }

        .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            color: #633e77;
        }

            .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:after {
                color: #633e77;
            }



.navbar.navbar-dark .navbar-menu-wrapper {
    border-left-color: #747474;
}

.navbar.navbar-success .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
    background: #633e77;
}

.navbar.navbar-success:not(.navbar-light) .navbar-menu-wrapper {
    background: #0acf97;
}

.navbar.navbar-light .navbar-menu-wrapper {
    background: #ffffff;
}

    .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
        color: #633e77;
    }

    .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item {
        border-right: 1px solid #f3f3f3;
    }

        .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            color: #633e77;
        }

            .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:after {
                color: #633e77;
            }


.navbar.navbar-dark .navbar-menu-wrapper {
    border-left-color: #747474;
}

.navbar.navbar-success .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
    background: #633e77;
}

.navbar.navbar-info:not(.navbar-light) .navbar-menu-wrapper {
    background: #439aff;
}

.navbar.navbar-light .navbar-menu-wrapper {
    background: #ffffff;
}

    .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
        color: #633e77;
    }

    .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item {
        border-right: 1px solid #f3f3f3;
    }

        .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            color: #633e77;
        }

            .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:after {
                color: #633e77;
            }



.navbar.navbar-dark .navbar-menu-wrapper {
    border-left-color: #747474;
}

.navbar.navbar-success .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
    background: #633e77;
}

.navbar.navbar-warning:not(.navbar-light) .navbar-menu-wrapper {
    background: #ffa45f;
}

.navbar.navbar-light .navbar-menu-wrapper {
    background: #ffffff;
}

    .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
        color: #633e77;
    }

    .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item {
        border-right: 1px solid #f3f3f3;
    }

        .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            color: #633e77;
        }

            .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:after {
                color: #633e77;
            }


.navbar.navbar-dark .navbar-menu-wrapper {
    border-left-color: #747474;
}

.navbar.navbar-success .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
    background: #633e77;
}

.navbar.navbar-danger:not(.navbar-light) .navbar-menu-wrapper {
    background: #ff4979;
}

.navbar.navbar-light .navbar-menu-wrapper {
    background: #ffffff;
}

    .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
        color: #633e77;
    }

    .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item {
        border-right: 1px solid #f3f3f3;
    }

        .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            color: #633e77;
        }

            .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:after {
                color: #633e77;
            }





.navbar.navbar-dark .navbar-menu-wrapper {
    border-left-color: #747474;
}

.navbar.navbar-success .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
    background: #633e77;
}

.navbar.navbar-light:not(.navbar-light) .navbar-menu-wrapper {
    background: #f8f9fa;
}

.navbar.navbar-light .navbar-menu-wrapper {
    background: #ffffff;
}

    .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
        color: #633e77;
    }

    .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item {
        border-right: 1px solid #f3f3f3;
    }

        .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            color: #633e77;
        }

            .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:after {
                color: #633e77;
            }


.navbar.navbar-dark .navbar-menu-wrapper {
    border-left-color: #747474;
}

.navbar.navbar-success .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
    background: #633e77;
}

.navbar.navbar-dark:not(.navbar-light) .navbar-menu-wrapper {
    background: #2e2a31;
}

.navbar.navbar-light .navbar-menu-wrapper {
    background: #ffffff;
}

    .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
        color: #633e77;
    }

    .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item {
        border-right: 1px solid #f3f3f3;
    }

        .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            color: #633e77;
        }

            .navbar.navbar-light .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:after {
                color: #633e77;
            }


.navbar.navbar-dark .navbar-menu-wrapper {
    border-left-color: #747474;
}

.navbar.navbar-success .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
    background: #633e77;
}

@media (max-width: 991px) {
    .navbar {
        flex-direction: row;
    }

        .navbar .navbar-brand-wrapper {
            width: 55px;
        }

            .navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
                display: none;
            }

            .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
                display: inline-block;
            }

    .navbar-collapse {
        display: flex;
        margin-top: 0.5rem;
    }
}

@media (max-width: 480px) {
    .navbar .navbar-brand-wrapper {
        width: 55px;
    }

        .navbar .navbar-brand-wrapper .brand-logo-mini {
            padding-top: 0px;
        }
}

/* Layouts */
@media (min-width: 992px) {
    .sidebar-mini .navbar .navbar-brand-wrapper {
        width: 185px;
    }

    .sidebar-mini .navbar .navbar-menu-wrapper {
        width: calc(100% - 185px);
    }

    .sidebar-mini .sidebar {
        width: 185px;
    }

        .sidebar-mini .sidebar .nav .nav-item {
            padding: 0;
        }

            .sidebar-mini .sidebar .nav .nav-item .nav-link {
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-flex-direction: column;
                flex-direction: column;
                text-align: center;
                position: relative;
                border-bottom: none;
            }

                .sidebar-mini .sidebar .nav .nav-item .nav-link .menu-title {
                    display: block;
                    margin: auto;
                }

                .sidebar-mini .sidebar .nav .nav-item .nav-link .badge {
                    margin-left: 5px;
                    display: none;
                }

                .sidebar-mini .sidebar .nav .nav-item .nav-link i.menu-icon {
                    display: block;
                    margin-right: auto;
                    margin-left: auto;
                    margin-bottom: .625rem;
                }

                .sidebar-mini .sidebar .nav .nav-item .nav-link i.menu-arrow {
                    display: inline-block;
                    margin-left: 5px;
                    position: absolute;
                    top: 50%;
                    right: 20px;
                    -moz-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

    .sidebar-mini .main-panel {
        width: calc(100% - 185px);
    }

    .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav.sub-menu {
        padding: 0;
        border-top: none;
    }

        .sidebar-mini:not(.sidebar-icon-only) .sidebar .nav.sub-menu .nav-item .nav-link {
            padding: .75rem 0 .75rem 1.5rem;
            margin-left: auto;
            margin-right: auto;
            display: block;
            text-align: left;
            width: 66%;
        }
}

@media (min-width: 992px) {
    .sidebar-icon-only .navbar .navbar-brand-wrapper {
        width: 70px;
    }

        .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo {
            display: none;
        }

        .sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {
            display: inline-block;
        }

    .sidebar-icon-only .navbar .navbar-menu-wrapper {
        width: calc(100% - 70px);
    }

    .sidebar-icon-only .sidebar {
        width: 70px;
    }

        .sidebar-icon-only .sidebar .nav {
            overflow: visible;
        }

            .sidebar-icon-only .sidebar .nav .nav-item {
                position: relative;
            }

                .sidebar-icon-only .sidebar .nav .nav-item .nav-link {
                    display: block;
                    padding-left: .5rem;
                    padding-right: .5rem;
                    text-align: center;
                    position: static;
                }

                    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
                    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title {
                        display: none;
                    }

                    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
                        border-radius: 0 5px 5px 0px;
                    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
        border-radius: 5px 0 0 5px;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
        border-radius: 0 5px 0 0px;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
        border-radius: 5px 0 0 0;
    }

    .sidebar-icon-only .sidebar .nav .nav-item .collapse {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        background: #ffffff;
        padding: 0.5rem 1.4rem;
        left: 70px;
        position: absolute;
        text-align: left;
        top: 0;
        bottom: 0;
        width: 190px;
        z-index: 1;
        line-height: 1.8;
        box-shadow: 4px 0px 7px 0px rgba(182, 185, 189, 0.25);
    }

    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        background: #2e2a31;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        left: auto;
        right: 70px;
        text-align: left;
        box-shadow: -4px 0px 7px 0px rgba(182, 185, 189, 0.25);
    }

    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        color: #000;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {
        display: none;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title {
        background: #ffffff;
    }

    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title {
        background: #2e2a31;
    }

    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        display: block;
        padding: .5rem 0;
        background: #ffffff;
        border-radius: 0 0 5px 0;
        position: absolute;
        left: 70px;
        width: 190px;
        box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25);
    }

    .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        background: #2e2a31;
    }

    .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        left: auto;
        right: 70px;
        border-radius: 0 0 0 5px;
        box-shadow: -4px 4px 7px 0px rgba(182, 185, 189, 0.25);
    }

    .sidebar-icon-only .sidebar .nav.sub-menu {
        padding: 0 0 0 1.5rem;
    }

        .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
            text-align: left;
            padding-left: 20px;
        }

    .sidebar-icon-only .main-panel {
        width: calc(100% - 70px);
    }
}

@media (min-width: 992px) {
    .sidebar-hidden .sidebar {
        transition: width 0.25s ease;
        -webkit-transition: width 0.25s ease;
        -moz-transition: width 0.25s ease;
        -ms-transition: width 0.25s ease;
        width: 0;
    }

    .sidebar-hidden .main-panel {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .sidebar-absolute .page-body-wrapper {
        position: relative;
    }

        .sidebar-absolute .page-body-wrapper .sidebar {
            transition: none;
        }

    .sidebar-absolute:not(.sidebar-hidden) .sidebar {
        position: absolute;
        height: 100%;
        -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.3);
        /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.3);
        /* Firefox 3.5 - 3.6 */
        box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.3);
        /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    }

    .sidebar-absolute .main-panel {
        width: 100%;
        transition: none;
    }
}

@media (min-width: 992px) {
    .sidebar-fixed .sidebar {
        position: fixed;
        max-height: auto;
    }

        .sidebar-fixed .sidebar .nav {
            max-height: calc(100vh - 70px);
            overflow: auto;
            position: relative;
        }

            .sidebar-fixed .sidebar .nav.sub-menu {
                max-height: none;
            }

    .sidebar-fixed .main-panel {
        margin-left: 240px;
    }

    .sidebar-fixed.sidebar-icon-only .main-panel {
        margin-left: 70px;
    }
}

@media (min-width: 992px) {
    .boxed-layout .container-scroller {
        background: #c6c8ca;
        padding: 0 calc((100% - 1200px) / 2);
    }

    .boxed-layout .navbar.fixed-top {
        margin: auto;
        max-width: 1200px;
    }
}

.rtl {
    direction: rtl;
    text-align: right;
}

    .rtl .sidebar .nav {
        padding-right: 0;
    }

        .rtl .sidebar .nav.sub-menu {
            padding: 0 4.5rem 0 0;
        }

.sidebar-icon-only.rtl .sidebar .nav.sub-menu {
    padding-right: 0rem;
}

    .sidebar-icon-only.rtl .sidebar .nav.sub-menu .nav-item .nav-link {
        padding-right: 3rem;
        text-align: right;
    }

        .sidebar-icon-only.rtl .sidebar .nav.sub-menu .nav-item .nav-link:before {
            right: 1.75rem;
        }



/*# sourceMappingURL=../maps/vertical-layout-light/style.css.map */
.validation-error {
    display: block;
    margin-left: 15px;
}

validation-summary-errors ul {
    margin: 0;
    padding: 0;
}

.validation-summary-errors li {
    display: inline;
    list-style: none;
    margin: 0;
}

.field-validation-error {
    color: #e80c4d;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/* Theme Loader*/
.theme-loader .ball-scale {
    left: 50%;
    top: 50%;
    position: absolute;
    height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
}

    .theme-loader .ball-scale .contain {
        height: 100%;
        width: 100%;
    }

        .theme-loader .ball-scale .contain .ring {
            display: none;
        }

            .theme-loader .ball-scale .contain .ring:first-child {
                display: block;
                height: 100%;
                width: 100%;
                border-radius: 50%;
                padding: 10px;
                border: 3px solid transparent;
                border-left-color: #01a9ac;
                border-right-color: #01a9ac;
                -webkit-animation: round-rotate 1.5s ease-in-out infinite;
                animation: round-rotate 1.5s ease-in-out infinite;
            }

                .theme-loader .ball-scale .contain .ring:first-child .frame {
                    height: 100%;
                    width: 100%;
                    border-radius: 50%;
                    border: 3px solid transparent;
                    border-left-color: #0ac282;
                    border-right-color: #0ac282;
                    -webkit-animation: round-rotate 1.5s ease-in-out infinite;
                    animation: round-rotate 1.5s ease-in-out infinite;
                }

.notify {
    background: #BBBBBB;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #3A3737 0%, #AAAAAA 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #3A3737 0%, #AAAAAA 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #3A3737 0%, #AAAAAA 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3A3737), color-stop(1, #AAAAAA));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #3A3737 0%, #AAAAAA 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #3A3737 0%, #AAAAAA 100%);
    border-radius: 3px;
    border: 1px solid #3A3737;
    padding: 5px;
    padding-left: 20px;
    margin-top: 5px;
    left: 0;
    right: 0;
    color: #FFFFFF;
    min-height: 20px;
}

.notify.success
{
    background:#48801B;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #547A37 0%, #48801B 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #547A37 0%, #48801B 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #547A37 0%, #48801B 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #547A37), color-stop(1, #48801B));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #547A37 0%, #48801B 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #547A37 0%, #48801B 100%);
}

.notify.error 
{
    background:#D61015;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #C66161 0%, #D61015 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #C66161 0%, #D61015 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #C66161 0%, #D61015 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C66161), color-stop(1, #D61015));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #C66161 0%, #D61015 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #C66161 0%, #D61015 100%);
}

.notify .close
{
    font-weight:bold;
    font-size: 11px;
    padding: 5px 4px 4px;
    line-height: 0;
    position: absolute;
    top: 3px;
    right: 3px;
    color: #FFFFFF;
    cursor:pointer;
    opacity: 0.8;
}

.notify .close:hover {
    opacity:1;
}