@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700); .skin-default .topbar { background: #4F5467; } .skin-green { /*Theme Colors*/ } .skin-green .topbar { background: #00c292; } .skin-green .sidebar-nav ul li a.active, .skin-green .sidebar-nav ul li a:hover { color: #00c292; } .skin-green .sidebar-nav ul li a.active i, .skin-green .sidebar-nav ul li a:hover i { color: #00c292; } .skin-green .sidebar-nav > ul > li.active > a { color: #00c292; border-left: 3px solid #00c292; } .skin-green .sidebar-nav > ul > li.active > a i { color: #00c292; } .skin-green .page-titles .breadcrumb .breadcrumb-item.active { color: #00c292; } .skin-megna { /*Theme Colors*/ } .skin-megna .topbar { background: #01c0c8; } .skin-megna .sidebar-nav ul li a.active, .skin-megna .sidebar-nav ul li a:hover { color: #01c0c8; } .skin-megna .sidebar-nav ul li a.active i, .skin-megna .sidebar-nav ul li a:hover i { color: #01c0c8; } .skin-megna .sidebar-nav > ul > li.active > a { color: #01c0c8; border-left: 3px solid #01c0c8; } .skin-megna .sidebar-nav > ul > li.active > a i { color: #01c0c8; } .skin-megna .page-titles .breadcrumb .breadcrumb-item.active { color: #01c0c8; } .skin-purple { /*Theme Colors*/ } .skin-purple .topbar { background: #6f42c1; } .skin-purple .sidebar-nav ul li a.active, .skin-purple .sidebar-nav ul li a:hover { color: #6f42c1; } .skin-purple .sidebar-nav ul li a.active i, .skin-purple .sidebar-nav ul li a:hover i { color: #6f42c1; } .skin-purple .sidebar-nav > ul > li.active > a { color: #6f42c1; border-left: 3px solid #6f42c1; } .skin-purple .sidebar-nav > ul > li.active > a i { color: #6f42c1; } .skin-purple .page-titles .breadcrumb .breadcrumb-item.active { color: #6f42c1; } .skin-red { /*Theme Colors*/ } .skin-red .topbar { background: #e46a76; } .skin-red .sidebar-nav ul li a.active, .skin-red .sidebar-nav ul li a:hover { color: #e46a76; } .skin-red .sidebar-nav ul li a.active i, .skin-red .sidebar-nav ul li a:hover i { color: #e46a76; } .skin-red .sidebar-nav > ul > li.active > a { color: #e46a76; border-left: 3px solid #e46a76; } .skin-red .sidebar-nav > ul > li.active > a i { color: #e46a76; } .skin-red .page-titles .breadcrumb .breadcrumb-item.active { color: #e46a76; } .skin-blue { /*Theme Colors*/ } .skin-blue .topbar { background: #03a9f3; } .skin-blue .sidebar-nav ul li a.active, .skin-blue .sidebar-nav ul li a:hover { color: #03a9f3; } .skin-blue .sidebar-nav ul li a.active i, .skin-blue .sidebar-nav ul li a:hover i { color: #03a9f3; } .skin-blue .sidebar-nav > ul > li.active > a { color: #03a9f3; border-left: 3px solid #03a9f3; } .skin-blue .sidebar-nav > ul > li.active > a i { color: #03a9f3; } .skin-blue .page-titles .breadcrumb .breadcrumb-item.active { color: #03a9f3; } .skin-blue-dark { /*Theme Colors*/ } .skin-blue-dark .topbar { background: #03a9f3; } .skin-blue-dark .sidebar-nav ul li a.active, .skin-blue-dark .sidebar-nav ul li a:hover { color: #03a9f3; } .skin-blue-dark .sidebar-nav ul li a.active i, .skin-blue-dark .sidebar-nav ul li a:hover i { color: #03a9f3; } .skin-blue-dark .sidebar-nav > ul > li.active > a { color: #03a9f3; border-left: 3px solid #03a9f3; } .skin-blue-dark .sidebar-nav > ul > li.active > a i { color: #03a9f3; } .skin-blue-dark .page-titles .breadcrumb .breadcrumb-item.active { color: #03a9f3; } .skin-blue-dark .topbar .top-navbar .navbar-header { background: #2b2b2b; } .skin-blue-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo { display: none; } .skin-blue-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: inline-block; color: rgba(255, 255, 255, 0.8); } .skin-blue-dark .left-sidebar { background: #2b2b2b; } .skin-blue-dark .left-sidebar .user-pro-body a.link { color: #8d97ad; } @media (min-width: 768px) { .skin-blue-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-blue-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a { background: #1f2023; } } .skin-default-dark { /*Theme Colors*/ } .skin-default-dark .topbar { background: #a0aec4; } .skin-default-dark .sidebar-nav ul li a.active, .skin-default-dark .sidebar-nav ul li a:hover { color: #fb9678; } .skin-default-dark .sidebar-nav ul li a.active i, .skin-default-dark .sidebar-nav ul li a:hover i { color: #fb9678; } .skin-default-dark .sidebar-nav > ul > li.active > a { color: #fb9678; border-left: 3px solid #fb9678; } .skin-default-dark .sidebar-nav > ul > li.active > a i { color: #fb9678; } .skin-default-dark .page-titles .breadcrumb .breadcrumb-item.active { color: #fb9678; } .skin-default-dark .topbar .top-navbar .navbar-header { background: #2b2b2b; } .skin-default-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo { display: none; } .skin-default-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: inline-block; color: rgba(255, 255, 255, 0.8); } .skin-default-dark .left-sidebar { background: #2b2b2b; } .skin-default-dark .left-sidebar .user-pro-body a.link { color: #8d97ad; } @media (min-width: 768px) { .skin-default-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-default-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a { background: #1f2023; } } .skin-green-dark { /*Theme Colors*/ } .skin-green-dark .topbar { background: #00c292; } .skin-green-dark .sidebar-nav ul li a.active, .skin-green-dark .sidebar-nav ul li a:hover { color: #00c292; } .skin-green-dark .sidebar-nav ul li a.active i, .skin-green-dark .sidebar-nav ul li a:hover i { color: #00c292; } .skin-green-dark .sidebar-nav > ul > li.active > a { color: #00c292; border-left: 3px solid #00c292; } .skin-green-dark .sidebar-nav > ul > li.active > a i { color: #00c292; } .skin-green-dark .page-titles .breadcrumb .breadcrumb-item.active { color: #00c292; } .skin-green-dark .topbar .top-navbar .navbar-header { background: #2b2b2b; } .skin-green-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo { display: none; } .skin-green-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: inline-block; color: rgba(255, 255, 255, 0.8); } .skin-green-dark .left-sidebar { background: #2b2b2b; } .skin-green-dark .left-sidebar .user-pro-body a.link { color: #8d97ad; } @media (min-width: 768px) { .skin-green-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-green-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a { background: #1f2023; } } .skin-red-dark { /*Theme Colors*/ } .skin-red-dark .topbar { background: #e46a76; } .skin-red-dark .sidebar-nav ul li a.active, .skin-red-dark .sidebar-nav ul li a:hover { color: #e46a76; } .skin-red-dark .sidebar-nav ul li a.active i, .skin-red-dark .sidebar-nav ul li a:hover i { color: #e46a76; } .skin-red-dark .sidebar-nav > ul > li.active > a { color: #e46a76; border-left: 3px solid #e46a76; } .skin-red-dark .sidebar-nav > ul > li.active > a i { color: #e46a76; } .skin-red-dark .page-titles .breadcrumb .breadcrumb-item.active { color: #e46a76; } .skin-red-dark .topbar .top-navbar .navbar-header { background: #2b2b2b; } .skin-red-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo { display: none; } .skin-red-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: inline-block; color: rgba(255, 255, 255, 0.8); } .skin-red-dark .left-sidebar { background: #2b2b2b; } .skin-red-dark .left-sidebar .user-pro-body a.link { color: #8d97ad; } @media (min-width: 768px) { .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a { background: #1f2023; } } .skin-megna-dark { /*Theme Colors*/ } .skin-megna-dark .topbar { background: #01c0c8; } .skin-megna-dark .sidebar-nav ul li a.active, .skin-megna-dark .sidebar-nav ul li a:hover { color: #01c0c8; } .skin-megna-dark .sidebar-nav ul li a.active i, .skin-megna-dark .sidebar-nav ul li a:hover i { color: #01c0c8; } .skin-megna-dark .sidebar-nav > ul > li.active > a { color: #01c0c8; border-left: 3px solid #01c0c8; } .skin-megna-dark .sidebar-nav > ul > li.active > a i { color: #01c0c8; } .skin-megna-dark .page-titles .breadcrumb .breadcrumb-item.active { color: #01c0c8; } .skin-megna-dark .topbar .top-navbar .navbar-header { background: #2b2b2b; } .skin-megna-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo { display: none; } .skin-megna-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: inline-block; color: rgba(255, 255, 255, 0.8); } .skin-megna-dark .left-sidebar { background: #2b2b2b; } .skin-megna-dark .left-sidebar .user-pro-body a.link { color: #8d97ad; } @media (min-width: 768px) { .skin-megna-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-megna-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a { background: #1f2023; } } .skin-purple-dark { /*Theme Colors*/ } .skin-purple-dark .topbar { background: #6f42c1; } .skin-purple-dark .sidebar-nav ul li a.active, .skin-purple-dark .sidebar-nav ul li a:hover { color: #6f42c1; } .skin-purple-dark .sidebar-nav ul li a.active i, .skin-purple-dark .sidebar-nav ul li a:hover i { color: #6f42c1; } .skin-purple-dark .sidebar-nav > ul > li.active > a { color: #6f42c1; border-left: 3px solid #6f42c1; } .skin-purple-dark .sidebar-nav > ul > li.active > a i { color: #6f42c1; } .skin-purple-dark .page-titles .breadcrumb .breadcrumb-item.active { color: #6f42c1; } .skin-purple-dark .topbar .top-navbar .navbar-header { background: #2b2b2b; } .skin-purple-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo { display: none; } .skin-purple-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: inline-block; color: rgba(255, 255, 255, 0.8); } .skin-purple-dark .left-sidebar { background: #2b2b2b; } .skin-purple-dark .left-sidebar .user-pro-body a.link { color: #8d97ad; } @media (min-width: 768px) { .skin-purple-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul, .skin-purple-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a { background: #1f2023; } } /*! * Bootstrap v5.0.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #03a9f3; --bs-indigo: #6610f2; --bs-purple: #ab8ce4; --bs-pink: #e83e8c; --bs-red: #e46a76; --bs-orange: #fb9678; --bs-yellow: #fec107; --bs-green: #00c292; --bs-teal: #20c997; --bs-cyan: #01c0c8; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #fb9678; --bs-secondary: #f8f9fa; --bs-success: #00c292; --bs-info: #03a9f3; --bs-warning: #fec107; --bs-danger: #e46a76; --bs-light: #f8f9fa; --bs-cyan: #01c0c8; --bs-dark: #343a40; --bs-purple: #ab8ce4; --bs-font-sans-serif: "Poppins", sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #edf1f5; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0.5rem; font-family: "Poppins", sans-serif; font-weight: 300; line-height: 1.2; color: inherit; } h1, .h1 { font-size: calc(1.35rem + 1.2vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.25rem; } } h2, .h2 { font-size: calc(1.3125rem + 0.75vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 1.875rem; } } h3, .h3 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.5rem; } } h4, .h4 { font-size: 1.125rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.875rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 80%; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #fb9678; text-decoration: underline; } a:hover { color: #c97860; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 87.5%; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 87.5%; color: #e83e8c; word-wrap: 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: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 1rem; padding-bottom: 1rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.09375rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 80%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.09375rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; 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: #edf1f5; 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: 80%; color: #6c757d; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x, 10px); padding-left: var(--bs-gutter-x, 10px); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1400px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1320px; } .row { --bs-gutter-x: 20px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66667%; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66667%; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66667%; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66667%; } } @media (min-width: 1400px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66667%; } } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333%; } .col-2 { flex: 0 0 auto; width: 16.66667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333%; } .col-5 { flex: 0 0 auto; width: 41.66667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333%; } .col-8 { flex: 0 0 auto; width: 66.66667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333%; } .col-11 { flex: 0 0 auto; width: 91.66667%; } .col-12 { flex: 0 0 auto; width: 100%; } .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%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .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%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333%; } .col-md-2 { flex: 0 0 auto; width: 16.66667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333%; } .col-md-5 { flex: 0 0 auto; width: 41.66667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333%; } .col-md-8 { flex: 0 0 auto; width: 66.66667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333%; } .col-md-11 { flex: 0 0 auto; width: 91.66667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .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%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .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%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .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%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: #f8f9fa; width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #e9ecef; } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table > :not(:last-child) > :last-child > * { border-bottom-color: #dee2e6; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: 1px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover > tbody > tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #feeae4; --bs-table-striped-bg: #f1ded9; --bs-table-striped-color: #000; --bs-table-active-bg: #e5d3cd; --bs-table-active-color: #000; --bs-table-hover-bg: #ebd8d3; --bs-table-hover-color: #000; color: #000; border-color: #e5d3cd; } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; } .table-success { --bs-table-bg: #ccf3e9; --bs-table-striped-bg: #c2e7dd; --bs-table-striped-color: #000; --bs-table-active-bg: #b8dbd2; --bs-table-active-color: #000; --bs-table-hover-bg: #bde1d8; --bs-table-hover-color: #000; color: #000; border-color: #b8dbd2; } .table-info { --bs-table-bg: #ccf2f4; --bs-table-striped-bg: #c2e6e8; --bs-table-striped-color: #000; --bs-table-active-bg: #b8dadc; --bs-table-active-color: #000; --bs-table-hover-bg: #bde0e2; --bs-table-hover-color: #000; color: #000; border-color: #b8dadc; } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; } .table-danger { --bs-table-bg: #fae1e4; --bs-table-striped-bg: #eed6d9; --bs-table-striped-color: #000; --bs-table-active-bg: #e1cbcd; --bs-table-active-color: #000; --bs-table-hover-bg: #e7d0d3; --bs-table-hover-color: #000; color: #000; border-color: #e1cbcd; } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.09375rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.76563rem; } .form-text { margin-top: 0.25rem; font-size: 80%; color: #6c757d; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #e9ecef; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type="file"] { overflow: hidden; } .form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0.1); outline: 0; box-shadow: transparent; } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #f8f9fa; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #ecedee; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #f8f9fa; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #ecedee; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + (0.5rem + 2px)); padding: 0.25rem 0.5rem; font-size: 0.76563rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + (1rem + 2px)); padding: 0.5rem 1rem; font-size: 1.09375rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + (0.75rem + 2px)); } textarea.form-control-sm { min-height: calc(1.5em + (0.5rem + 2px)); } textarea.form-control-lg { min-height: calc(1.5em + (1rem + 2px)); } .form-control-color { max-width: 3rem; height: auto; padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #e9ecef; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: rgba(0, 0, 0, 0.1); outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.76563rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.09375rem; } .form-check { display: block; min-height: 1.14em; padding-left: 1.66em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.66em; } .form-check-input { width: 1.16em; height: 1.16em; margin-top: 0.17em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); appearance: none; color-adjust: exact; } .form-check-input[type="checkbox"] { border-radius: 0.25em; } .form-check-input[type="radio"] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: rgba(0, 0, 0, 0.1); outline: 0; box-shadow: transparent; } .form-check-input:checked { background-color: #fb9678; border-color: #fb9678; } .form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type="radio"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type="checkbox"]:indeterminate { background-color: #fb9678; border-color: #fb9678; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.1%29'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; appearance: none; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #edf1f5, transparent; } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #edf1f5, transparent; } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #fb9678; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #fee0d7; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #fb9678; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { transition: none; } } .form-range::-moz-range-thumb:active { background-color: #fee0d7; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control { padding: 1rem 0.75rem; } .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 0.25rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.09375rem; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.76563rem; border-radius: 0.2rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #00c292; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.76563rem; color: #000; background-color: rgba(0, 194, 146, 0.9); border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #00c292; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300c292' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #00c292; box-shadow: 0 0 0 0.25rem rgba(0, 194, 146, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #00c292; } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300c292' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #00c292; box-shadow: 0 0 0 0.25rem rgba(0, 194, 146, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #00c292; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #00c292; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(0, 194, 146, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #00c292; } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em; } .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; } .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #e46a76; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.76563rem; color: #000; background-color: rgba(228, 106, 118, 0.9); border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #e46a76; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e46a76'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e46a76' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #e46a76; box-shadow: 0 0 0 0.25rem rgba(228, 106, 118, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #e46a76; } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e46a76'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e46a76' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #e46a76; box-shadow: 0 0 0 0.25rem rgba(228, 106, 118, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #e46a76; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #e46a76; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(228, 106, 118, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #e46a76; } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em; } .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; } .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.875rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: transparent; } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } .btn-primary { color: #000; background-color: #fb9678; border-color: #fb9678; } .btn-primary:hover { color: #000; background-color: #fca68c; border-color: #fba186; } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #000; background-color: #fca68c; border-color: #fba186; box-shadow: 0 0 0 0.25rem rgba(213, 128, 102, 0.5); } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #000; background-color: #fcab93; border-color: #fba186; } .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(213, 128, 102, 0.5); } .btn-primary:disabled, .btn-primary.disabled { color: #000; background-color: #fb9678; border-color: #fb9678; } .btn-secondary { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-secondary:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-secondary:disabled, .btn-secondary.disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-success { color: #000; background-color: #00c292; border-color: #00c292; } .btn-success:hover { color: #000; background-color: #26cba2; border-color: #1ac89d; } .btn-check:focus + .btn-success, .btn-success:focus { color: #000; background-color: #26cba2; border-color: #1ac89d; box-shadow: 0 0 0 0.25rem rgba(0, 165, 124, 0.5); } .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #000; background-color: #33cea8; border-color: #1ac89d; } .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(0, 165, 124, 0.5); } .btn-success:disabled, .btn-success.disabled { color: #000; background-color: #00c292; border-color: #00c292; } .btn-info { color: #000; background-color: #03a9f3; border-color: #03a9f3; } .btn-info:hover { color: #000; background-color: #29b6f5; border-color: #1cb2f4; } .btn-check:focus + .btn-info, .btn-info:focus { color: #000; background-color: #29b6f5; border-color: #1cb2f4; box-shadow: 0 0 0 0.25rem rgba(3, 144, 207, 0.5); } .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #000; background-color: #35baf5; border-color: #1cb2f4; } .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(3, 144, 207, 0.5); } .btn-info:disabled, .btn-info.disabled { color: #000; background-color: #03a9f3; border-color: #03a9f3; } .btn-warning { color: #000; background-color: #fec107; border-color: #fec107; } .btn-warning:hover { color: #000; background-color: #feca2c; border-color: #fec720; } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #feca2c; border-color: #fec720; box-shadow: 0 0 0 0.25rem rgba(216, 164, 6, 0.5); } .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #fecd39; border-color: #fec720; } .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(216, 164, 6, 0.5); } .btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #fec107; border-color: #fec107; } .btn-danger { color: #000; background-color: #e46a76; border-color: #e46a76; } .btn-danger:hover { color: #000; background-color: #e8808b; border-color: #e77984; } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #000; background-color: #e8808b; border-color: #e77984; box-shadow: 0 0 0 0.25rem rgba(194, 90, 100, 0.5); } .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #000; background-color: #e98891; border-color: #e77984; } .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(194, 90, 100, 0.5); } .btn-danger:disabled, .btn-danger.disabled { color: #000; background-color: #e46a76; border-color: #e46a76; } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-light:disabled, .btn-light.disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-cyan { color: #000; background-color: #01c0c8; border-color: #01c0c8; } .btn-cyan:hover { color: #000; background-color: #27c9d0; border-color: #1ac6ce; } .btn-check:focus + .btn-cyan, .btn-cyan:focus { color: #000; background-color: #27c9d0; border-color: #1ac6ce; box-shadow: 0 0 0 0.25rem rgba(1, 163, 170, 0.5); } .btn-check:checked + .btn-cyan, .btn-check:active + .btn-cyan, .btn-cyan:active, .btn-cyan.active, .show > .btn-cyan.dropdown-toggle { color: #000; background-color: #34cdd3; border-color: #1ac6ce; } .btn-check:checked + .btn-cyan:focus, .btn-check:active + .btn-cyan:focus, .btn-cyan:active:focus, .btn-cyan.active:focus, .show > .btn-cyan.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(1, 163, 170, 0.5); } .btn-cyan:disabled, .btn-cyan.disabled { color: #000; background-color: #01c0c8; border-color: #01c0c8; } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #2c3136; border-color: #2a2e33; } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #2c3136; border-color: #2a2e33; box-shadow: 0 0 0 0.25rem rgba(82, 88, 93, 0.5); } .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #2a2e33; border-color: #272c30; } .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(82, 88, 93, 0.5); } .btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-purple { color: #000; background-color: #ab8ce4; border-color: #ab8ce4; } .btn-purple:hover { color: #000; background-color: #b89de8; border-color: #b398e7; } .btn-check:focus + .btn-purple, .btn-purple:focus { color: #000; background-color: #b89de8; border-color: #b398e7; box-shadow: 0 0 0 0.25rem rgba(145, 119, 194, 0.5); } .btn-check:checked + .btn-purple, .btn-check:active + .btn-purple, .btn-purple:active, .btn-purple.active, .show > .btn-purple.dropdown-toggle { color: #000; background-color: #bca3e9; border-color: #b398e7; } .btn-check:checked + .btn-purple:focus, .btn-check:active + .btn-purple:focus, .btn-purple:active:focus, .btn-purple.active:focus, .show > .btn-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(145, 119, 194, 0.5); } .btn-purple:disabled, .btn-purple.disabled { color: #000; background-color: #ab8ce4; border-color: #ab8ce4; } .btn-outline-primary { color: #fb9678; border-color: #fb9678; } .btn-outline-primary:hover { color: #000; background-color: #fb9678; border-color: #fb9678; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(251, 150, 120, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #000; background-color: #fb9678; border-color: #fb9678; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(251, 150, 120, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #fb9678; background-color: transparent; } .btn-outline-secondary { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-secondary:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-success { color: #00c292; border-color: #00c292; } .btn-outline-success:hover { color: #000; background-color: #00c292; border-color: #00c292; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 0.25rem rgba(0, 194, 146, 0.5); } .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #000; background-color: #00c292; border-color: #00c292; } .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(0, 194, 146, 0.5); } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #00c292; background-color: transparent; } .btn-outline-info { color: #03a9f3; border-color: #03a9f3; } .btn-outline-info:hover { color: #000; background-color: #03a9f3; border-color: #03a9f3; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 0.25rem rgba(3, 169, 243, 0.5); } .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #03a9f3; border-color: #03a9f3; } .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(3, 169, 243, 0.5); } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #03a9f3; background-color: transparent; } .btn-outline-warning { color: #fec107; border-color: #fec107; } .btn-outline-warning:hover { color: #000; background-color: #fec107; border-color: #fec107; } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 0.25rem rgba(254, 193, 7, 0.5); } .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #fec107; border-color: #fec107; } .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(254, 193, 7, 0.5); } .btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #fec107; background-color: transparent; } .btn-outline-danger { color: #e46a76; border-color: #e46a76; } .btn-outline-danger:hover { color: #000; background-color: #e46a76; border-color: #e46a76; } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 0.25rem rgba(228, 106, 118, 0.5); } .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #000; background-color: #e46a76; border-color: #e46a76; } .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(228, 106, 118, 0.5); } .btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #e46a76; background-color: transparent; } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-outline-light:disabled, .btn-outline-light.disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-cyan { color: #01c0c8; border-color: #01c0c8; } .btn-outline-cyan:hover { color: #000; background-color: #01c0c8; border-color: #01c0c8; } .btn-check:focus + .btn-outline-cyan, .btn-outline-cyan:focus { box-shadow: 0 0 0 0.25rem rgba(1, 192, 200, 0.5); } .btn-check:checked + .btn-outline-cyan, .btn-check:active + .btn-outline-cyan, .btn-outline-cyan:active, .btn-outline-cyan.active, .btn-outline-cyan.dropdown-toggle.show { color: #000; background-color: #01c0c8; border-color: #01c0c8; } .btn-check:checked + .btn-outline-cyan:focus, .btn-check:active + .btn-outline-cyan:focus, .btn-outline-cyan:active:focus, .btn-outline-cyan.active:focus, .btn-outline-cyan.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(1, 192, 200, 0.5); } .btn-outline-cyan:disabled, .btn-outline-cyan.disabled { color: #01c0c8; background-color: transparent; } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(52, 58, 64, 0.5); } .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(52, 58, 64, 0.5); } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: #343a40; background-color: transparent; } .btn-outline-purple { color: #ab8ce4; border-color: #ab8ce4; } .btn-outline-purple:hover { color: #000; background-color: #ab8ce4; border-color: #ab8ce4; } .btn-check:focus + .btn-outline-purple, .btn-outline-purple:focus { box-shadow: 0 0 0 0.25rem rgba(171, 140, 228, 0.5); } .btn-check:checked + .btn-outline-purple, .btn-check:active + .btn-outline-purple, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.dropdown-toggle.show { color: #000; background-color: #ab8ce4; border-color: #ab8ce4; } .btn-check:checked + .btn-outline-purple:focus, .btn-check:active + .btn-outline-purple:focus, .btn-outline-purple:active:focus, .btn-outline-purple.active:focus, .btn-outline-purple.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(171, 140, 228, 0.5); } .btn-outline-purple:disabled, .btn-outline-purple.disabled { color: #ab8ce4; background-color: transparent; } .btn-link { font-weight: 400; color: #fb9678; text-decoration: underline; } .btn-link:hover { color: #c97860; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.09375rem; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.76563rem; border-radius: 0.2rem; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropend, .dropdown, .dropstart { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 0.875rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #e9ecef; border-radius: 0.25rem; } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: 0.125rem; } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #f8f9fa; } .dropdown-item { display: block; width: 100%; padding: 0.65rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #fb9678; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.76563rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.65rem 1rem; color: #212529; } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: #e9ecef; } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #fb9678; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: #f8f9fa; } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; color: #fb9678; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: #c97860; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background: none; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #4F5467; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #fb9678; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.33594rem; padding-bottom: 0.33594rem; margin-right: 1rem; font-size: 1.09375rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.09375rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (min-width: 1400px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0px solid transparent; border-radius: 0px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: 0px; border-top-right-radius: 0px; } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: 1.25rem 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.625rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 0px solid transparent; } .card-header:first-child { border-radius: 0px 0px 0 0; } .card-footer { padding: 0.625rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 0px solid transparent; } .card-footer:last-child { border-radius: 0 0 0px 0px; } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.625rem; 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: 1rem; border-radius: 0px; } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: 0px; border-top-right-radius: 0px; } .card-img, .card-img-bottom { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .card-group > .card { margin-bottom: 10px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 0.875rem; color: #212529; text-align: left; background-color: #edf1f5; border: 0; border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: #e2876c; background-color: #fff5f2; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e2876c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: rgba(0, 0, 0, 0.1); outline: 0; box-shadow: transparent; } .accordion-header { margin-bottom: 0; } .accordion-item { background-color: #edf1f5; border: 1px solid rgba(0, 0, 0, 0.125); } .accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button { border-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1.5rem; list-style: none; background-color: #fff; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: #fb9678; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: #c97860; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: #c97860; background-color: #e9ecef; outline: 0; box-shadow: transparent; } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #fb9678; border-color: #fb9678; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.09375rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.76563rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.2em 1em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #975a48; background-color: #feeae4; border-color: #fee0d7; } .alert-primary .alert-link { color: #79483a; } .alert-secondary { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-secondary .alert-link { color: #4f5050; } .alert-success { color: #007458; background-color: #ccf3e9; border-color: #b3edde; } .alert-success .alert-link { color: #005d46; } .alert-info { color: #026592; background-color: #cdeefd; border-color: #b3e5fb; } .alert-info .alert-link { color: #025175; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { color: #894047; background-color: #fae1e4; border-color: #f7d2d6; } .alert-danger .alert-link { color: #6e3339; } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-cyan { color: #017378; background-color: #ccf2f4; border-color: #b3ecef; } .alert-cyan .alert-link { color: #015c60; } .alert-dark { color: #1f2326; background-color: #d6d8d9; border-color: #c2c4c6; } .alert-dark .alert-link { color: #191c1e; } .alert-purple { color: #675489; background-color: #eee8fa; border-color: #e6ddf7; } .alert-purple .alert-link { color: #52436e; } @keyframes progress-bar-stripes { 0% { background-position-x: auto; } } .progress { display: flex; height: auto; overflow: hidden; font-size: 0.65625rem; background-color: #f8f9fa; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #fb9678; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: auto auto; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: #4F5467; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #4F5467; 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; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #fb9678; border-color: #fb9678; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #975a48; background-color: #feeae4; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #975a48; background-color: #e5d3cd; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #975a48; border-color: #975a48; } .list-group-item-secondary { color: #636464; background-color: #fefefe; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-success { color: #007458; background-color: #ccf3e9; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #007458; background-color: #b8dbd2; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #007458; border-color: #007458; } .list-group-item-info { color: #026592; background-color: #cdeefd; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #026592; background-color: #b9d6e4; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #026592; border-color: #026592; } .list-group-item-warning { color: #664d03; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; } .list-group-item-danger { color: #894047; background-color: #fae1e4; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #894047; background-color: #e1cbcd; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #894047; border-color: #894047; } .list-group-item-light { color: #636464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-cyan { color: #017378; background-color: #ccf2f4; } .list-group-item-cyan.list-group-item-action:hover, .list-group-item-cyan.list-group-item-action:focus { color: #017378; background-color: #b8dadc; } .list-group-item-cyan.list-group-item-action.active { color: #fff; background-color: #017378; border-color: #017378; } .list-group-item-dark { color: #1f2326; background-color: #d6d8d9; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1f2326; background-color: #c1c2c3; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1f2326; border-color: #1f2326; } .list-group-item-purple { color: #675489; background-color: #eee8fa; } .list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { color: #675489; background-color: #d6d1e1; } .list-group-item-purple.list-group-item-action.active { color: #fff; background-color: #675489; border-color: #675489; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: 0; box-shadow: transparent; opacity: 1; } .btn-close:disabled, .btn-close.disabled { pointer-events: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .toast-container { width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: 10px; } .toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; word-wrap: break-word; } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #e9ecef; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1400px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1399.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.76563rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.76563rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: inherit; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } /* rtl:end:ignore */ .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .offcanvas { position: fixed; bottom: 0; z-index: 1050; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; } .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: -0.5rem; margin-bottom: -0.5rem; } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(-100%); } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(100%); } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(100%); } .offcanvas.show { transform: none; } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: #fb9678; } .link-primary:hover, .link-primary:focus { color: #fcab93; } .link-secondary { color: #f8f9fa; } .link-secondary:hover, .link-secondary:focus { color: #f9fafb; } .link-success { color: #00c292; } .link-success:hover, .link-success:focus { color: #33cea8; } .link-info { color: #03a9f3; } .link-info:hover, .link-info:focus { color: #35baf5; } .link-warning { color: #fec107; } .link-warning:hover, .link-warning:focus { color: #fecd39; } .link-danger { color: #e46a76; } .link-danger:hover, .link-danger:focus { color: #e98891; } .link-light { color: #f8f9fa; } .link-light:hover, .link-light:focus { color: #f9fafb; } .link-cyan { color: #01c0c8; } .link-cyan:hover, .link-cyan:focus { color: #34cdd3; } .link-dark { color: #343a40; } .link-dark:hover, .link-dark:focus { color: #2a2e33; } .link-purple { color: #ab8ce4; } .link-purple:hover, .link-purple:focus { color: #bca3e9; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #e9ecef !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #e9ecef !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #e9ecef !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #e9ecef !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #e9ecef !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: #fb9678 !important; } .border-secondary { border-color: #f8f9fa !important; } .border-success { border-color: #00c292 !important; } .border-info { border-color: #03a9f3 !important; } .border-warning { border-color: #fec107 !important; } .border-danger { border-color: #e46a76 !important; } .border-light { border-color: #f8f9fa !important; } .border-cyan { border-color: #01c0c8 !important; } .border-dark { border-color: #343a40 !important; } .border-purple { border-color: #ab8ce4 !important; } .border-white { border-color: #fff !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.35rem + 1.2vw) !important; } .fs-2 { font-size: calc(1.3125rem + 0.75vw) !important; } .fs-3 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-4 { font-size: 1.125rem !important; } .fs-5 { font-size: 1rem !important; } .fs-6 { font-size: 0.875rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { color: #fb9678 !important; } .text-secondary { color: #f8f9fa !important; } .text-success { color: #00c292 !important; } .text-info { color: #03a9f3 !important; } .text-warning { color: #fec107 !important; } .text-danger { color: #e46a76 !important; } .text-light { color: #f8f9fa !important; } .text-cyan { color: #01c0c8 !important; } .text-dark { color: #343a40 !important; } .text-purple { color: #ab8ce4 !important; } .text-white { color: #fff !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-reset { color: inherit !important; } .bg-primary { background-color: #fb9678 !important; } .bg-secondary { background-color: #f8f9fa !important; } .bg-success { background-color: #00c292 !important; } .bg-info { background-color: #03a9f3 !important; } .bg-warning { background-color: #fec107 !important; } .bg-danger { background-color: #e46a76 !important; } .bg-light { background-color: #f8f9fa !important; } .bg-cyan { background-color: #01c0c8 !important; } .bg-dark { background-color: #343a40 !important; } .bg-purple { background-color: #ab8ce4 !important; } .bg-body { background-color: #edf1f5 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0.25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0.2rem !important; } .rounded-2 { border-radius: 0.25rem !important; } .rounded-3 { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-end { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.25rem !important; } .fs-2 { font-size: 1.875rem !important; } .fs-3 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } @font-face { font-family: 'icomoon'; src: url("../../../assets/icons/iconmind/fonts/icomoon.eot?-rdmvgc"); src: url("../../../assets/icons/iconmind/fonts/icomoon.eot?#iefix-rdmvgc") format("embedded-opentype"), url("../../../assets/icons/iconmind/fonts/icomoon.woff?-rdmvgc") format("woff"), url("../../../assets/icons/iconmind/fonts/icomoon.ttf?-rdmvgc") format("truetype"), url("../../../assets/icons/iconmind/fonts/icomoon.svg?-rdmvgc#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icons-"], [class*=" icons-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icons-A-Z, .icons-Aa, .icons-Add-Bag, .icons-Add-Basket, .icons-Add-Cart, .icons-Add-File, .icons-Add-SpaceAfterParagraph, .icons-Add-SpaceBeforeParagraph, .icons-Add-User, .icons-Add-UserStar, .icons-Add-Window, .icons-Add, .icons-Address-Book, .icons-Address-Book2, .icons-Administrator, .icons-Aerobics-2, .icons-Aerobics-3, .icons-Aerobics, .icons-Affiliate, .icons-Aim, .icons-Air-Balloon, .icons-Airbrush, .icons-Airship, .icons-Alarm-Clock, .icons-Alarm-Clock2, .icons-Alarm, .icons-Alien-2, .icons-Alien, .icons-Aligator, .icons-Align-Center, .icons-Align-JustifyAll, .icons-Align-JustifyCenter, .icons-Align-JustifyLeft, .icons-Align-JustifyRight, .icons-Align-Left, .icons-Align-Right, .icons-Alpha, .icons-Ambulance, .icons-AMX, .icons-Anchor-2, .icons-Anchor, .icons-Android-Store, .icons-Android, .icons-Angel-Smiley, .icons-Angel, .icons-Angry, .icons-Apple-Bite, .icons-Apple-Store, .icons-Apple, .icons-Approved-Window, .icons-Aquarius-2, .icons-Aquarius, .icons-Archery-2, .icons-Archery, .icons-Argentina, .icons-Aries-2, .icons-Aries, .icons-Army-Key, .icons-Arrow-Around, .icons-Arrow-Back3, .icons-Arrow-Back, .icons-Arrow-Back2, .icons-Arrow-Barrier, .icons-Arrow-Circle, .icons-Arrow-Cross, .icons-Arrow-Down, .icons-Arrow-Down2, .icons-Arrow-Down3, .icons-Arrow-DowninCircle, .icons-Arrow-Fork, .icons-Arrow-Forward, .icons-Arrow-Forward2, .icons-Arrow-From, .icons-Arrow-Inside, .icons-Arrow-Inside45, .icons-Arrow-InsideGap, .icons-Arrow-InsideGap45, .icons-Arrow-Into, .icons-Arrow-Join, .icons-Arrow-Junction, .icons-Arrow-Left, .icons-Arrow-Left2, .icons-Arrow-LeftinCircle, .icons-Arrow-Loop, .icons-Arrow-Merge, .icons-Arrow-Mix, .icons-Arrow-Next, .icons-Arrow-OutLeft, .icons-Arrow-OutRight, .icons-Arrow-Outside, .icons-Arrow-Outside45, .icons-Arrow-OutsideGap, .icons-Arrow-OutsideGap45, .icons-Arrow-Over, .icons-Arrow-Refresh, .icons-Arrow-Refresh2, .icons-Arrow-Right, .icons-Arrow-Right2, .icons-Arrow-RightinCircle, .icons-Arrow-Shuffle, .icons-Arrow-Squiggly, .icons-Arrow-Through, .icons-Arrow-To, .icons-Arrow-TurnLeft, .icons-Arrow-TurnRight, .icons-Arrow-Up, .icons-Arrow-Up2, .icons-Arrow-Up3, .icons-Arrow-UpinCircle, .icons-Arrow-XLeft, .icons-Arrow-XRight, .icons-Ask, .icons-Assistant, .icons-Astronaut, .icons-At-Sign, .icons-ATM, .icons-Atom, .icons-Audio, .icons-Auto-Flash, .icons-Autumn, .icons-Baby-Clothes, .icons-Baby-Clothes2, .icons-Baby-Cry, .icons-Baby, .icons-Back2, .icons-Back-Media, .icons-Back-Music, .icons-Back, .icons-Background, .icons-Bacteria, .icons-Bag-Coins, .icons-Bag-Items, .icons-Bag-Quantity, .icons-Bag, .icons-Bakelite, .icons-Ballet-Shoes, .icons-Balloon, .icons-Banana, .icons-Band-Aid, .icons-Bank, .icons-Bar-Chart, .icons-Bar-Chart2, .icons-Bar-Chart3, .icons-Bar-Chart4, .icons-Bar-Chart5, .icons-Bar-Code, .icons-Barricade-2, .icons-Barricade, .icons-Baseball, .icons-Basket-Ball, .icons-Basket-Coins, .icons-Basket-Items, .icons-Basket-Quantity, .icons-Bat-2, .icons-Bat, .icons-Bathrobe, .icons-Batman-Mask, .icons-Battery-0, .icons-Battery-25, .icons-Battery-50, .icons-Battery-75, .icons-Battery-100, .icons-Battery-Charge, .icons-Bear, .icons-Beard-2, .icons-Beard-3, .icons-Beard, .icons-Bebo, .icons-Bee, .icons-Beer-Glass, .icons-Beer, .icons-Bell-2, .icons-Bell, .icons-Belt-2, .icons-Belt-3, .icons-Belt, .icons-Berlin-Tower, .icons-Beta, .icons-Betvibes, .icons-Bicycle-2, .icons-Bicycle-3, .icons-Bicycle, .icons-Big-Bang, .icons-Big-Data, .icons-Bike-Helmet, .icons-Bikini, .icons-Bilk-Bottle2, .icons-Billing, .icons-Bing, .icons-Binocular, .icons-Bio-Hazard, .icons-Biotech, .icons-Bird-DeliveringLetter, .icons-Bird, .icons-Birthday-Cake, .icons-Bisexual, .icons-Bishop, .icons-Bitcoin, .icons-Black-Cat, .icons-Blackboard, .icons-Blinklist, .icons-Block-Cloud, .icons-Block-Window, .icons-Blogger, .icons-Blood, .icons-Blouse, .icons-Blueprint, .icons-Board, .icons-Bodybuilding, .icons-Bold-Text, .icons-Bone, .icons-Bones, .icons-Book, .icons-Bookmark, .icons-Books-2, .icons-Books, .icons-Boom, .icons-Boot-2, .icons-Boot, .icons-Bottom-ToTop, .icons-Bow-2, .icons-Bow-3, .icons-Bow-4, .icons-Bow-5, .icons-Bow-6, .icons-Bow, .icons-Bowling-2, .icons-Bowling, .icons-Box2, .icons-Box-Close, .icons-Box-Full, .icons-Box-Open, .icons-Box-withFolders, .icons-Box, .icons-Boy, .icons-Bra, .icons-Brain-2, .icons-Brain-3, .icons-Brain, .icons-Brazil, .icons-Bread-2, .icons-Bread, .icons-Bridge, .icons-Brightkite, .icons-Broke-Link2, .icons-Broken-Link, .icons-Broom, .icons-Brush, .icons-Bucket, .icons-Bug, .icons-Building, .icons-Bulleted-List, .icons-Bus-2, .icons-Bus, .icons-Business-Man, .icons-Business-ManWoman, .icons-Business-Mens, .icons-Business-Woman, .icons-Butterfly, .icons-Button, .icons-Cable-Car, .icons-Cake, .icons-Calculator-2, .icons-Calculator-3, .icons-Calculator, .icons-Calendar-2, .icons-Calendar-3, .icons-Calendar-4, .icons-Calendar-Clock, .icons-Calendar, .icons-Camel, .icons-Camera-2, .icons-Camera-3, .icons-Camera-4, .icons-Camera-5, .icons-Camera-Back, .icons-Camera, .icons-Can-2, .icons-Can, .icons-Canada, .icons-Cancer-2, .icons-Cancer-3, .icons-Cancer, .icons-Candle, .icons-Candy-Cane, .icons-Candy, .icons-Cannon, .icons-Cap-2, .icons-Cap-3, .icons-Cap-Smiley, .icons-Cap, .icons-Capricorn-2, .icons-Capricorn, .icons-Car-2, .icons-Car-3, .icons-Car-Coins, .icons-Car-Items, .icons-Car-Wheel, .icons-Car, .icons-Cardigan, .icons-Cardiovascular, .icons-Cart-Quantity, .icons-Casette-Tape, .icons-Cash-Register, .icons-Cash-register2, .icons-Castle, .icons-Cat, .icons-Cathedral, .icons-Cauldron, .icons-CD-2, .icons-CD-Cover, .icons-CD, .icons-Cello, .icons-Celsius, .icons-Chacked-Flag, .icons-Chair, .icons-Charger, .icons-Check-2, .icons-Check, .icons-Checked-User, .icons-Checkmate, .icons-Checkout-Bag, .icons-Checkout-Basket, .icons-Checkout, .icons-Cheese, .icons-Cheetah, .icons-Chef-Hat, .icons-Chef-Hat2, .icons-Chef, .icons-Chemical-2, .icons-Chemical-3, .icons-Chemical-4, .icons-Chemical-5, .icons-Chemical, .icons-Chess-Board, .icons-Chess, .icons-Chicken, .icons-Chile, .icons-Chimney, .icons-China, .icons-Chinese-Temple, .icons-Chip, .icons-Chopsticks-2, .icons-Chopsticks, .icons-Christmas-Ball, .icons-Christmas-Bell, .icons-Christmas-Candle, .icons-Christmas-Hat, .icons-Christmas-Sleigh, .icons-Christmas-Snowman, .icons-Christmas-Sock, .icons-Christmas-Tree, .icons-Christmas, .icons-Chrome, .icons-Chrysler-Building, .icons-Cinema, .icons-Circular-Point, .icons-City-Hall, .icons-Clamp, .icons-Clapperboard-Close, .icons-Clapperboard-Open, .icons-Claps, .icons-Clef, .icons-Clinic, .icons-Clock-2, .icons-Clock-3, .icons-Clock-4, .icons-Clock-Back, .icons-Clock-Forward, .icons-Clock, .icons-Close-Window, .icons-Close, .icons-Clothing-Store, .icons-Cloud--, .icons-Cloud-, .icons-Cloud-Camera, .icons-Cloud-Computer, .icons-Cloud-Email, .icons-Cloud-Hail, .icons-Cloud-Laptop, .icons-Cloud-Lock, .icons-Cloud-Moon, .icons-Cloud-Music, .icons-Cloud-Picture, .icons-Cloud-Rain, .icons-Cloud-Remove, .icons-Cloud-Secure, .icons-Cloud-Settings, .icons-Cloud-Smartphone, .icons-Cloud-Snow, .icons-Cloud-Sun, .icons-Cloud-Tablet, .icons-Cloud-Video, .icons-Cloud-Weather, .icons-Cloud, .icons-Clouds-Weather, .icons-Clouds, .icons-Clown, .icons-CMYK, .icons-Coat, .icons-Cocktail, .icons-Coconut, .icons-Code-Window, .icons-Coding, .icons-Coffee-2, .icons-Coffee-Bean, .icons-Coffee-Machine, .icons-Coffee-toGo, .icons-Coffee, .icons-Coffin, .icons-Coin, .icons-Coins-2, .icons-Coins-3, .icons-Coins, .icons-Colombia, .icons-Colosseum, .icons-Column-2, .icons-Column-3, .icons-Column, .icons-Comb-2, .icons-Comb, .icons-Communication-Tower, .icons-Communication-Tower2, .icons-Compass-2, .icons-Compass-3, .icons-Compass-4, .icons-Compass-Rose, .icons-Compass, .icons-Computer-2, .icons-Computer-3, .icons-Computer-Secure, .icons-Computer, .icons-Conference, .icons-Confused, .icons-Conservation, .icons-Consulting, .icons-Contrast, .icons-Control-2, .icons-Control, .icons-Cookie-Man, .icons-Cookies, .icons-Cool-Guy, .icons-Cool, .icons-Copyright, .icons-Costume, .icons-Couple-Sign, .icons-Cow, .icons-CPU, .icons-Crane, .icons-Cranium, .icons-Credit-Card, .icons-Credit-Card2, .icons-Credit-Card3, .icons-Cricket, .icons-Criminal, .icons-Croissant, .icons-Crop-2, .icons-Crop-3, .icons-Crown-2, .icons-Crown, .icons-Crying, .icons-Cube-Molecule, .icons-Cube-Molecule2, .icons-Cupcake, .icons-Cursor-Click, .icons-Cursor-Click2, .icons-Cursor-Move, .icons-Cursor-Move2, .icons-Cursor-Select, .icons-Cursor, .icons-D-Eyeglasses, .icons-D-Eyeglasses2, .icons-Dam, .icons-Danemark, .icons-Danger-2, .icons-Danger, .icons-Dashboard, .icons-Data-Backup, .icons-Data-Block, .icons-Data-Center, .icons-Data-Clock, .icons-Data-Cloud, .icons-Data-Compress, .icons-Data-Copy, .icons-Data-Download, .icons-Data-Financial, .icons-Data-Key, .icons-Data-Lock, .icons-Data-Network, .icons-Data-Password, .icons-Data-Power, .icons-Data-Refresh, .icons-Data-Save, .icons-Data-Search, .icons-Data-Security, .icons-Data-Settings, .icons-Data-Sharing, .icons-Data-Shield, .icons-Data-Signal, .icons-Data-Storage, .icons-Data-Stream, .icons-Data-Transfer, .icons-Data-Unlock, .icons-Data-Upload, .icons-Data-Yes, .icons-Data, .icons-David-Star, .icons-Daylight, .icons-Death, .icons-Debian, .icons-Dec, .icons-Decrase-Inedit, .icons-Deer-2, .icons-Deer, .icons-Delete-File, .icons-Delete-Window, .icons-Delicious, .icons-Depression, .icons-Deviantart, .icons-Device-SyncwithCloud, .icons-Diamond, .icons-Dice-2, .icons-Dice, .icons-Digg, .icons-Digital-Drawing, .icons-Diigo, .icons-Dinosaur, .icons-Diploma-2, .icons-Diploma, .icons-Direction-East, .icons-Direction-North, .icons-Direction-South, .icons-Direction-West, .icons-Director, .icons-Disk, .icons-Dj, .icons-DNA-2, .icons-DNA-Helix, .icons-DNA, .icons-Doctor, .icons-Dog, .icons-Dollar-Sign, .icons-Dollar-Sign2, .icons-Dollar, .icons-Dolphin, .icons-Domino, .icons-Door-Hanger, .icons-Door, .icons-Doplr, .icons-Double-Circle, .icons-Double-Tap, .icons-Doughnut, .icons-Dove, .icons-Down-2, .icons-Down-3, .icons-Down-4, .icons-Down, .icons-Download-2, .icons-Download-fromCloud, .icons-Download-Window, .icons-Download, .icons-Downward, .icons-Drag-Down, .icons-Drag-Left, .icons-Drag-Right, .icons-Drag-Up, .icons-Drag, .icons-Dress, .icons-Drill-2, .icons-Drill, .icons-Drop, .icons-Dropbox, .icons-Drum, .icons-Dry, .icons-Duck, .icons-Dumbbell, .icons-Duplicate-Layer, .icons-Duplicate-Window, .icons-DVD, .icons-Eagle, .icons-Ear, .icons-Earphones-2, .icons-Earphones, .icons-Eci-Icon, .icons-Edit-Map, .icons-Edit, .icons-Eggs, .icons-Egypt, .icons-Eifel-Tower, .icons-eject-2, .icons-Eject, .icons-El-Castillo, .icons-Elbow, .icons-Electric-Guitar, .icons-Electricity, .icons-Elephant, .icons-Email, .icons-Embassy, .icons-Empire-StateBuilding, .icons-Empty-Box, .icons-End2, .icons-End-2, .icons-End, .icons-Endways, .icons-Engineering, .icons-Envelope-2, .icons-Envelope, .icons-Environmental-2, .icons-Environmental-3, .icons-Environmental, .icons-Equalizer, .icons-Eraser-2, .icons-Eraser-3, .icons-Eraser, .icons-Error-404Window, .icons-Euro-Sign, .icons-Euro-Sign2, .icons-Euro, .icons-Evernote, .icons-Evil, .icons-Explode, .icons-Eye-2, .icons-Eye-Blind, .icons-Eye-Invisible, .icons-Eye-Scan, .icons-Eye-Visible, .icons-Eye, .icons-Eyebrow-2, .icons-Eyebrow-3, .icons-Eyebrow, .icons-Eyeglasses-Smiley, .icons-Eyeglasses-Smiley2, .icons-Face-Style, .icons-Face-Style2, .icons-Face-Style3, .icons-Face-Style4, .icons-Face-Style5, .icons-Face-Style6, .icons-Facebook-2, .icons-Facebook, .icons-Factory-2, .icons-Factory, .icons-Fahrenheit, .icons-Family-Sign, .icons-Fan, .icons-Farmer, .icons-Fashion, .icons-Favorite-Window, .icons-Fax, .icons-Feather, .icons-Feedburner, .icons-Female-2, .icons-Female-Sign, .icons-Female, .icons-File-Block, .icons-File-Bookmark, .icons-File-Chart, .icons-File-Clipboard, .icons-File-ClipboardFileText, .icons-File-ClipboardTextImage, .icons-File-Cloud, .icons-File-Copy, .icons-File-Copy2, .icons-File-CSV, .icons-File-Download, .icons-File-Edit, .icons-File-Excel, .icons-File-Favorite, .icons-File-Fire, .icons-File-Graph, .icons-File-Hide, .icons-File-Horizontal, .icons-File-HorizontalText, .icons-File-HTML, .icons-File-JPG, .icons-File-Link, .icons-File-Loading, .icons-File-Lock, .icons-File-Love, .icons-File-Music, .icons-File-Network, .icons-File-Pictures, .icons-File-Pie, .icons-File-Presentation, .icons-File-Refresh, .icons-File-Search, .icons-File-Settings, .icons-File-Share, .icons-File-TextImage, .icons-File-Trash, .icons-File-TXT, .icons-File-Upload, .icons-File-Video, .icons-File-Word, .icons-File-Zip, .icons-File, .icons-Files, .icons-Film-Board, .icons-Film-Cartridge, .icons-Film-Strip, .icons-Film-Video, .icons-Film, .icons-Filter-2, .icons-Filter, .icons-Financial, .icons-Find-User, .icons-Finger-DragFourSides, .icons-Finger-DragTwoSides, .icons-Finger-Print, .icons-Finger, .icons-Fingerprint-2, .icons-Fingerprint, .icons-Fire-Flame, .icons-Fire-Flame2, .icons-Fire-Hydrant, .icons-Fire-Staion, .icons-Firefox, .icons-Firewall, .icons-First-Aid, .icons-First, .icons-Fish-Food, .icons-Fish, .icons-Fit-To, .icons-Fit-To2, .icons-Five-Fingers, .icons-Five-FingersDrag, .icons-Five-FingersDrag2, .icons-Five-FingersTouch, .icons-Flag-2, .icons-Flag-3, .icons-Flag-4, .icons-Flag-5, .icons-Flag-6, .icons-Flag, .icons-Flamingo, .icons-Flash-2, .icons-Flash-Video, .icons-Flash, .icons-Flashlight, .icons-Flask-2, .icons-Flask, .icons-Flick, .icons-Flickr, .icons-Flowerpot, .icons-Fluorescent, .icons-Fog-Day, .icons-Fog-Night, .icons-Folder-Add, .icons-Folder-Archive, .icons-Folder-Binder, .icons-Folder-Binder2, .icons-Folder-Block, .icons-Folder-Bookmark, .icons-Folder-Close, .icons-Folder-Cloud, .icons-Folder-Delete, .icons-Folder-Download, .icons-Folder-Edit, .icons-Folder-Favorite, .icons-Folder-Fire, .icons-Folder-Hide, .icons-Folder-Link, .icons-Folder-Loading, .icons-Folder-Lock, .icons-Folder-Love, .icons-Folder-Music, .icons-Folder-Network, .icons-Folder-Open, .icons-Folder-Open2, .icons-Folder-Organizing, .icons-Folder-Pictures, .icons-Folder-Refresh, .icons-Folder-Remove-, .icons-Folder-Search, .icons-Folder-Settings, .icons-Folder-Share, .icons-Folder-Trash, .icons-Folder-Upload, .icons-Folder-Video, .icons-Folder-WithDocument, .icons-Folder-Zip, .icons-Folder, .icons-Folders, .icons-Font-Color, .icons-Font-Name, .icons-Font-Size, .icons-Font-Style, .icons-Font-StyleSubscript, .icons-Font-StyleSuperscript, .icons-Font-Window, .icons-Foot-2, .icons-Foot, .icons-Football-2, .icons-Football, .icons-Footprint-2, .icons-Footprint-3, .icons-Footprint, .icons-Forest, .icons-Fork, .icons-Formspring, .icons-Formula, .icons-Forsquare, .icons-Forward, .icons-Fountain-Pen, .icons-Four-Fingers, .icons-Four-FingersDrag, .icons-Four-FingersDrag2, .icons-Four-FingersTouch, .icons-Fox, .icons-Frankenstein, .icons-French-Fries, .icons-Friendfeed, .icons-Friendster, .icons-Frog, .icons-Fruits, .icons-Fuel, .icons-Full-Bag, .icons-Full-Basket, .icons-Full-Cart, .icons-Full-Moon, .icons-Full-Screen, .icons-Full-Screen2, .icons-Full-View, .icons-Full-View2, .icons-Full-ViewWindow, .icons-Function, .icons-Funky, .icons-Funny-Bicycle, .icons-Furl, .icons-Gamepad-2, .icons-Gamepad, .icons-Gas-Pump, .icons-Gaugage-2, .icons-Gaugage, .icons-Gay, .icons-Gear-2, .icons-Gear, .icons-Gears-2, .icons-Gears, .icons-Geek-2, .icons-Geek, .icons-Gemini-2, .icons-Gemini, .icons-Genius, .icons-Gentleman, .icons-Geo--, .icons-Geo-, .icons-Geo-Close, .icons-Geo-Love, .icons-Geo-Number, .icons-Geo-Star, .icons-Geo, .icons-Geo2--, .icons-Geo2-, .icons-Geo2-Close, .icons-Geo2-Love, .icons-Geo2-Number, .icons-Geo2-Star, .icons-Geo2, .icons-Geo3--, .icons-Geo3-, .icons-Geo3-Close, .icons-Geo3-Love, .icons-Geo3-Number, .icons-Geo3-Star, .icons-Geo3, .icons-Gey, .icons-Gift-Box, .icons-Giraffe, .icons-Girl, .icons-Glass-Water, .icons-Glasses-2, .icons-Glasses-3, .icons-Glasses, .icons-Global-Position, .icons-Globe-2, .icons-Globe, .icons-Gloves, .icons-Go-Bottom, .icons-Go-Top, .icons-Goggles, .icons-Golf-2, .icons-Golf, .icons-Google-Buzz, .icons-Google-Drive, .icons-Google-Play, .icons-Google-Plus, .icons-Google, .icons-Gopro, .icons-Gorilla, .icons-Gowalla, .icons-Grave, .icons-Graveyard, .icons-Greece, .icons-Green-Energy, .icons-Green-House, .icons-Guitar, .icons-Gun-2, .icons-Gun-3, .icons-Gun, .icons-Gymnastics, .icons-Hair-2, .icons-Hair-3, .icons-Hair-4, .icons-Hair, .icons-Half-Moon, .icons-Halloween-HalfMoon, .icons-Halloween-Moon, .icons-Hamburger, .icons-Hammer, .icons-Hand-Touch, .icons-Hand-Touch2, .icons-Hand-TouchSmartphone, .icons-Hand, .icons-Hands, .icons-Handshake, .icons-Hanger, .icons-Happy, .icons-Hat-2, .icons-Hat, .icons-Haunted-House, .icons-HD-Video, .icons-HD, .icons-HDD, .icons-Headphone, .icons-Headphones, .icons-Headset, .icons-Heart-2, .icons-Heart, .icons-Heels-2, .icons-Heels, .icons-Height-Window, .icons-Helicopter-2, .icons-Helicopter, .icons-Helix-2, .icons-Hello, .icons-Helmet-2, .icons-Helmet-3, .icons-Helmet, .icons-Hipo, .icons-Hipster-Glasses, .icons-Hipster-Glasses2, .icons-Hipster-Glasses3, .icons-Hipster-Headphones, .icons-Hipster-Men, .icons-Hipster-Men2, .icons-Hipster-Men3, .icons-Hipster-Sunglasses, .icons-Hipster-Sunglasses2, .icons-Hipster-Sunglasses3, .icons-Hokey, .icons-Holly, .icons-Home-2, .icons-Home-3, .icons-Home-4, .icons-Home-5, .icons-Home-Window, .icons-Home, .icons-Homosexual, .icons-Honey, .icons-Hong-Kong, .icons-Hoodie, .icons-Horror, .icons-Horse, .icons-Hospital-2, .icons-Hospital, .icons-Host, .icons-Hot-Dog, .icons-Hotel, .icons-Hour, .icons-Hub, .icons-Humor, .icons-Hurt, .icons-Ice-Cream, .icons-ICQ, .icons-ID-2, .icons-ID-3, .icons-ID-Card, .icons-Idea-2, .icons-Idea-3, .icons-Idea-4, .icons-Idea-5, .icons-Idea, .icons-Identification-Badge, .icons-ImDB, .icons-Inbox-Empty, .icons-Inbox-Forward, .icons-Inbox-Full, .icons-Inbox-Into, .icons-Inbox-Out, .icons-Inbox-Reply, .icons-Inbox, .icons-Increase-Inedit, .icons-Indent-FirstLine, .icons-Indent-LeftMargin, .icons-Indent-RightMargin, .icons-India, .icons-Info-Window, .icons-Information, .icons-Inifity, .icons-Instagram, .icons-Internet-2, .icons-Internet-Explorer, .icons-Internet-Smiley, .icons-Internet, .icons-iOS-Apple, .icons-Israel, .icons-Italic-Text, .icons-Jacket-2, .icons-Jacket, .icons-Jamaica, .icons-Japan, .icons-Japanese-Gate, .icons-Jeans, .icons-Jeep-2, .icons-Jeep, .icons-Jet, .icons-Joystick, .icons-Juice, .icons-Jump-Rope, .icons-Kangoroo, .icons-Kenya, .icons-Key-2, .icons-Key-3, .icons-Key-Lock, .icons-Key, .icons-Keyboard, .icons-Keyboard3, .icons-Keypad, .icons-King-2, .icons-King, .icons-Kiss, .icons-Knee, .icons-Knife-2, .icons-Knife, .icons-Knight, .icons-Koala, .icons-Korea, .icons-Lamp, .icons-Landscape-2, .icons-Landscape, .icons-Lantern, .icons-Laptop-2, .icons-Laptop-3, .icons-Laptop-Phone, .icons-Laptop-Secure, .icons-Laptop-Tablet, .icons-Laptop, .icons-Laser, .icons-Last-FM, .icons-Last, .icons-Laughing, .icons-Layer-1635, .icons-Layer-1646, .icons-Layer-Backward, .icons-Layer-Forward, .icons-Leafs-2, .icons-Leafs, .icons-Leaning-Tower, .icons-Left--Right, .icons-Left--Right3, .icons-Left-2, .icons-Left-3, .icons-Left-4, .icons-Left-ToRight, .icons-Left, .icons-Leg-2, .icons-Leg, .icons-Lego, .icons-Lemon, .icons-Len-2, .icons-Len-3, .icons-Len, .icons-Leo-2, .icons-Leo, .icons-Leopard, .icons-Lesbian, .icons-Lesbians, .icons-Letter-Close, .icons-Letter-Open, .icons-Letter-Sent, .icons-Libra-2, .icons-Libra, .icons-Library-2, .icons-Library, .icons-Life-Jacket, .icons-Life-Safer, .icons-Light-Bulb, .icons-Light-Bulb2, .icons-Light-BulbLeaf, .icons-Lighthouse, .icons-Like-2, .icons-Like, .icons-Line-Chart, .icons-Line-Chart2, .icons-Line-Chart3, .icons-Line-Chart4, .icons-Line-Spacing, .icons-Line-SpacingText, .icons-Link-2, .icons-Link, .icons-Linkedin-2, .icons-Linkedin, .icons-Linux, .icons-Lion, .icons-Livejournal, .icons-Loading-2, .icons-Loading-3, .icons-Loading-Window, .icons-Loading, .icons-Location-2, .icons-Location, .icons-Lock-2, .icons-Lock-3, .icons-Lock-User, .icons-Lock-Window, .icons-Lock, .icons-Lollipop-2, .icons-Lollipop-3, .icons-Lollipop, .icons-Loop, .icons-Loud, .icons-Loudspeaker, .icons-Love-2, .icons-Love-User, .icons-Love-Window, .icons-Love, .icons-Lowercase-Text, .icons-Luggafe-Front, .icons-Luggage-2, .icons-Macro, .icons-Magic-Wand, .icons-Magnet, .icons-Magnifi-Glass-, .icons-Magnifi-Glass, .icons-Magnifi-Glass2, .icons-Mail-2, .icons-Mail-3, .icons-Mail-Add, .icons-Mail-Attachement, .icons-Mail-Block, .icons-Mail-Delete, .icons-Mail-Favorite, .icons-Mail-Forward, .icons-Mail-Gallery, .icons-Mail-Inbox, .icons-Mail-Link, .icons-Mail-Lock, .icons-Mail-Love, .icons-Mail-Money, .icons-Mail-Open, .icons-Mail-Outbox, .icons-Mail-Password, .icons-Mail-Photo, .icons-Mail-Read, .icons-Mail-Removex, .icons-Mail-Reply, .icons-Mail-ReplyAll, .icons-Mail-Search, .icons-Mail-Send, .icons-Mail-Settings, .icons-Mail-Unread, .icons-Mail-Video, .icons-Mail-withAtSign, .icons-Mail-WithCursors, .icons-Mail, .icons-Mailbox-Empty, .icons-Mailbox-Full, .icons-Male-2, .icons-Male-Sign, .icons-Male, .icons-MaleFemale, .icons-Man-Sign, .icons-Management, .icons-Mans-Underwear, .icons-Mans-Underwear2, .icons-Map-Marker, .icons-Map-Marker2, .icons-Map-Marker3, .icons-Map, .icons-Map2, .icons-Marker-2, .icons-Marker-3, .icons-Marker, .icons-Martini-Glass, .icons-Mask, .icons-Master-Card, .icons-Maximize-Window, .icons-Maximize, .icons-Medal-2, .icons-Medal-3, .icons-Medal, .icons-Medical-Sign, .icons-Medicine-2, .icons-Medicine-3, .icons-Medicine, .icons-Megaphone, .icons-Memory-Card, .icons-Memory-Card2, .icons-Memory-Card3, .icons-Men, .icons-Menorah, .icons-Mens, .icons-Metacafe, .icons-Mexico, .icons-Mic, .icons-Microphone-2, .icons-Microphone-3, .icons-Microphone-4, .icons-Microphone-5, .icons-Microphone-6, .icons-Microphone-7, .icons-Microphone, .icons-Microscope, .icons-Milk-Bottle, .icons-Mine, .icons-Minimize-Maximize-Close-Window, .icons-Minimize-Window, .icons-Minimize, .icons-Mirror, .icons-Mixer, .icons-Mixx, .icons-Money-2, .icons-Money-Bag, .icons-Money-Smiley, .icons-Money, .icons-Monitor-2, .icons-Monitor-3, .icons-Monitor-4, .icons-Monitor-5, .icons-Monitor-Analytics, .icons-Monitor-Laptop, .icons-Monitor-phone, .icons-Monitor-Tablet, .icons-Monitor-Vertical, .icons-Monitor, .icons-Monitoring, .icons-Monkey, .icons-Monster, .icons-Morocco, .icons-Motorcycle, .icons-Mouse-2, .icons-Mouse-3, .icons-Mouse-4, .icons-Mouse-Pointer, .icons-Mouse, .icons-Moustache-Smiley, .icons-Movie-Ticket, .icons-Movie, .icons-Mp3-File, .icons-Museum, .icons-Mushroom, .icons-Music-Note, .icons-Music-Note2, .icons-Music-Note3, .icons-Music-Note4, .icons-Music-Player, .icons-Mustache-2, .icons-Mustache-3, .icons-Mustache-4, .icons-Mustache-5, .icons-Mustache-6, .icons-Mustache-7, .icons-Mustache-8, .icons-Mustache, .icons-Mute, .icons-Myspace, .icons-Navigat-Start, .icons-Navigate-End, .icons-Navigation-LeftWindow, .icons-Navigation-RightWindow, .icons-Nepal, .icons-Netscape, .icons-Network-Window, .icons-Network, .icons-Neutron, .icons-New-Mail, .icons-New-Tab, .icons-Newspaper-2, .icons-Newspaper, .icons-Newsvine, .icons-Next2, .icons-Next-3, .icons-Next-Music, .icons-Next, .icons-No-Battery, .icons-No-Drop, .icons-No-Flash, .icons-No-Smoking, .icons-Noose, .icons-Normal-Text, .icons-Note, .icons-Notepad-2, .icons-Notepad, .icons-Nuclear, .icons-Numbering-List, .icons-Nurse, .icons-Office-Lamp, .icons-Office, .icons-Oil, .icons-Old-Camera, .icons-Old-Cassette, .icons-Old-Clock, .icons-Old-Radio, .icons-Old-Sticky, .icons-Old-Sticky2, .icons-Old-Telephone, .icons-Old-TV, .icons-On-Air, .icons-On-Off-2, .icons-On-Off-3, .icons-On-off, .icons-One-Finger, .icons-One-FingerTouch, .icons-One-Window, .icons-Open-Banana, .icons-Open-Book, .icons-Opera-House, .icons-Opera, .icons-Optimization, .icons-Orientation-2, .icons-Orientation-3, .icons-Orientation, .icons-Orkut, .icons-Ornament, .icons-Over-Time, .icons-Over-Time2, .icons-Owl, .icons-Pac-Man, .icons-Paint-Brush, .icons-Paint-Bucket, .icons-Paintbrush, .icons-Palette, .icons-Palm-Tree, .icons-Panda, .icons-Panorama, .icons-Pantheon, .icons-Pantone, .icons-Pants, .icons-Paper-Plane, .icons-Paper, .icons-Parasailing, .icons-Parrot, .icons-Password-2shopping, .icons-Password-Field, .icons-Password-shopping, .icons-Password, .icons-pause-2, .icons-Pause, .icons-Paw, .icons-Pawn, .icons-Paypal, .icons-Pen-2, .icons-Pen-3, .icons-Pen-4, .icons-Pen-5, .icons-Pen-6, .icons-Pen, .icons-Pencil-Ruler, .icons-Pencil, .icons-Penguin, .icons-Pentagon, .icons-People-onCloud, .icons-Pepper-withFire, .icons-Pepper, .icons-Petrol, .icons-Petronas-Tower, .icons-Philipines, .icons-Phone-2, .icons-Phone-3, .icons-Phone-3G, .icons-Phone-4G, .icons-Phone-Simcard, .icons-Phone-SMS, .icons-Phone-Wifi, .icons-Phone, .icons-Photo-2, .icons-Photo-3, .icons-Photo-Album, .icons-Photo-Album2, .icons-Photo-Album3, .icons-Photo, .icons-Photos, .icons-Physics, .icons-Pi, .icons-Piano, .icons-Picasa, .icons-Pie-Chart, .icons-Pie-Chart2, .icons-Pie-Chart3, .icons-Pilates-2, .icons-Pilates-3, .icons-Pilates, .icons-Pilot, .icons-Pinch, .icons-Ping-Pong, .icons-Pinterest, .icons-Pipe, .icons-Pipette, .icons-Piramids, .icons-Pisces-2, .icons-Pisces, .icons-Pizza-Slice, .icons-Pizza, .icons-Plane-2, .icons-Plane, .icons-Plant, .icons-Plasmid, .icons-Plaster, .icons-Plastic-CupPhone, .icons-Plastic-CupPhone2, .icons-Plate, .icons-Plates, .icons-Plaxo, .icons-Play-Music, .icons-Plug-In, .icons-Plug-In2, .icons-Plurk, .icons-Pointer, .icons-Poland, .icons-Police-Man, .icons-Police-Station, .icons-Police-Woman, .icons-Police, .icons-Polo-Shirt, .icons-Portrait, .icons-Portugal, .icons-Post-Mail, .icons-Post-Mail2, .icons-Post-Office, .icons-Post-Sign, .icons-Post-Sign2ways, .icons-Posterous, .icons-Pound-Sign, .icons-Pound-Sign2, .icons-Pound, .icons-Power-2, .icons-Power-3, .icons-Power-Cable, .icons-Power-Station, .icons-Power, .icons-Prater, .icons-Present, .icons-Presents, .icons-Press, .icons-Preview, .icons-Previous, .icons-Pricing, .icons-Printer, .icons-Professor, .icons-Profile, .icons-Project, .icons-Projector-2, .icons-Projector, .icons-Pulse, .icons-Pumpkin, .icons-Punk, .icons-Punker, .icons-Puzzle, .icons-QIK, .icons-QR-Code, .icons-Queen-2, .icons-Queen, .icons-Quill-2, .icons-Quill-3, .icons-Quill, .icons-Quotes-2, .icons-Quotes, .icons-Radio, .icons-Radioactive, .icons-Rafting, .icons-Rain-Drop, .icons-Rainbow-2, .icons-Rainbow, .icons-Ram, .icons-Razzor-Blade, .icons-Receipt-2, .icons-Receipt-3, .icons-Receipt-4, .icons-Receipt, .icons-Record2, .icons-Record-3, .icons-Record-Music, .icons-Record, .icons-Recycling-2, .icons-Recycling, .icons-Reddit, .icons-Redhat, .icons-Redirect, .icons-Redo, .icons-Reel, .icons-Refinery, .icons-Refresh-Window, .icons-Refresh, .icons-Reload-2, .icons-Reload-3, .icons-Reload, .icons-Remote-Controll, .icons-Remote-Controll2, .icons-Remove-Bag, .icons-Remove-Basket, .icons-Remove-Cart, .icons-Remove-File, .icons-Remove-User, .icons-Remove-Window, .icons-Remove, .icons-Rename, .icons-Repair, .icons-Repeat-2, .icons-Repeat-3, .icons-Repeat-4, .icons-Repeat-5, .icons-Repeat-6, .icons-Repeat-7, .icons-Repeat, .icons-Reset, .icons-Resize, .icons-Restore-Window, .icons-Retouching, .icons-Retro-Camera, .icons-Retro, .icons-Retweet, .icons-Reverbnation, .icons-Rewind, .icons-RGB, .icons-Ribbon-2, .icons-Ribbon-3, .icons-Ribbon, .icons-Right-2, .icons-Right-3, .icons-Right-4, .icons-Right-ToLeft, .icons-Right, .icons-Road-2, .icons-Road-3, .icons-Road, .icons-Robot-2, .icons-Robot, .icons-Rock-andRoll, .icons-Rocket, .icons-Roller, .icons-Roof, .icons-Rook, .icons-Rotate-Gesture, .icons-Rotate-Gesture2, .icons-Rotate-Gesture3, .icons-Rotation-390, .icons-Rotation, .icons-Router-2, .icons-Router, .icons-RSS, .icons-Ruler-2, .icons-Ruler, .icons-Running-Shoes, .icons-Running, .icons-Safari, .icons-Safe-Box, .icons-Safe-Box2, .icons-Safety-PinClose, .icons-Safety-PinOpen, .icons-Sagittarus-2, .icons-Sagittarus, .icons-Sailing-Ship, .icons-Sand-watch, .icons-Sand-watch2, .icons-Santa-Claus, .icons-Santa-Claus2, .icons-Santa-onSled, .icons-Satelite-2, .icons-Satelite, .icons-Save-Window, .icons-Save, .icons-Saw, .icons-Saxophone, .icons-Scale, .icons-Scarf, .icons-Scissor, .icons-Scooter-Front, .icons-Scooter, .icons-Scorpio-2, .icons-Scorpio, .icons-Scotland, .icons-Screwdriver, .icons-Scroll-Fast, .icons-Scroll, .icons-Scroller-2, .icons-Scroller, .icons-Sea-Dog, .icons-Search-onCloud, .icons-Search-People, .icons-secound, .icons-secound2, .icons-Security-Block, .icons-Security-Bug, .icons-Security-Camera, .icons-Security-Check, .icons-Security-Settings, .icons-Security-Smiley, .icons-Securiy-Remove, .icons-Seed, .icons-Selfie, .icons-Serbia, .icons-Server-2, .icons-Server, .icons-Servers, .icons-Settings-Window, .icons-Sewing-Machine, .icons-Sexual, .icons-Share-onCloud, .icons-Share-Window, .icons-Share, .icons-Sharethis, .icons-Shark, .icons-Sheep, .icons-Sheriff-Badge, .icons-Shield, .icons-Ship-2, .icons-Ship, .icons-Shirt, .icons-Shoes-2, .icons-Shoes-3, .icons-Shoes, .icons-Shop-2, .icons-Shop-3, .icons-Shop-4, .icons-Shop, .icons-Shopping-Bag, .icons-Shopping-Basket, .icons-Shopping-Cart, .icons-Short-Pants, .icons-Shoutwire, .icons-Shovel, .icons-Shuffle-2, .icons-Shuffle-3, .icons-Shuffle-4, .icons-Shuffle, .icons-Shutter, .icons-Sidebar-Window, .icons-Signal, .icons-Singapore, .icons-Skate-Shoes, .icons-Skateboard-2, .icons-Skateboard, .icons-Skeleton, .icons-Ski, .icons-Skirt, .icons-Skrill, .icons-Skull, .icons-Skydiving, .icons-Skype, .icons-Sled-withGifts, .icons-Sled, .icons-Sleeping, .icons-Sleet, .icons-Slippers, .icons-Smart, .icons-Smartphone-2, .icons-Smartphone-3, .icons-Smartphone-4, .icons-Smartphone-Secure, .icons-Smartphone, .icons-Smile, .icons-Smoking-Area, .icons-Smoking-Pipe, .icons-Snake, .icons-Snorkel, .icons-Snow-2, .icons-Snow-Dome, .icons-Snow-Storm, .icons-Snow, .icons-Snowflake-2, .icons-Snowflake-3, .icons-Snowflake-4, .icons-Snowflake, .icons-Snowman, .icons-Soccer-Ball, .icons-Soccer-Shoes, .icons-Socks, .icons-Solar, .icons-Sound-Wave, .icons-Sound, .icons-Soundcloud, .icons-Soup, .icons-South-Africa, .icons-Space-Needle, .icons-Spain, .icons-Spam-Mail, .icons-Speach-Bubble, .icons-Speach-Bubble2, .icons-Speach-Bubble3, .icons-Speach-Bubble4, .icons-Speach-Bubble5, .icons-Speach-Bubble6, .icons-Speach-Bubble7, .icons-Speach-Bubble8, .icons-Speach-Bubble9, .icons-Speach-Bubble10, .icons-Speach-Bubble11, .icons-Speach-Bubble12, .icons-Speach-Bubble13, .icons-Speach-BubbleAsking, .icons-Speach-BubbleComic, .icons-Speach-BubbleComic2, .icons-Speach-BubbleComic3, .icons-Speach-BubbleComic4, .icons-Speach-BubbleDialog, .icons-Speach-Bubbles, .icons-Speak-2, .icons-Speak, .icons-Speaker-2, .icons-Speaker, .icons-Spell-Check, .icons-Spell-CheckABC, .icons-Spermium, .icons-Spider, .icons-Spiderweb, .icons-Split-FourSquareWindow, .icons-Split-Horizontal, .icons-Split-Horizontal2Window, .icons-Split-Vertical, .icons-Split-Vertical2, .icons-Split-Window, .icons-Spoder, .icons-Spoon, .icons-Sport-Mode, .icons-Sports-Clothings1, .icons-Sports-Clothings2, .icons-Sports-Shirt, .icons-Spot, .icons-Spray, .icons-Spread, .icons-Spring, .icons-Spurl, .icons-Spy, .icons-Squirrel, .icons-SSL, .icons-St-BasilsCathedral, .icons-St-PaulsCathedral, .icons-Stamp-2, .icons-Stamp, .icons-Stapler, .icons-Star-Track, .icons-Star, .icons-Starfish, .icons-Start2, .icons-Start-3, .icons-Start-ways, .icons-Start, .icons-Statistic, .icons-Stethoscope, .icons-stop--2, .icons-Stop-Music, .icons-Stop, .icons-Stopwatch-2, .icons-Stopwatch, .icons-Storm, .icons-Street-View, .icons-Street-View2, .icons-Strikethrough-Text, .icons-Stroller, .icons-Structure, .icons-Student-Female, .icons-Student-Hat, .icons-Student-Hat2, .icons-Student-Male, .icons-Student-MaleFemale, .icons-Students, .icons-Studio-Flash, .icons-Studio-Lightbox, .icons-Stumbleupon, .icons-Suit, .icons-Suitcase, .icons-Sum-2, .icons-Sum, .icons-Summer, .icons-Sun-CloudyRain, .icons-Sun, .icons-Sunglasses-2, .icons-Sunglasses-3, .icons-Sunglasses-Smiley, .icons-Sunglasses-Smiley2, .icons-Sunglasses-W, .icons-Sunglasses-W2, .icons-Sunglasses-W3, .icons-Sunglasses, .icons-Sunrise, .icons-Sunset, .icons-Superman, .icons-Support, .icons-Surprise, .icons-Sushi, .icons-Sweden, .icons-Swimming-Short, .icons-Swimming, .icons-Swimmwear, .icons-Switch, .icons-Switzerland, .icons-Sync-Cloud, .icons-Sync, .icons-Synchronize-2, .icons-Synchronize, .icons-T-Shirt, .icons-Tablet-2, .icons-Tablet-3, .icons-Tablet-Orientation, .icons-Tablet-Phone, .icons-Tablet-Secure, .icons-Tablet-Vertical, .icons-Tablet, .icons-Tactic, .icons-Tag-2, .icons-Tag-3, .icons-Tag-4, .icons-Tag-5, .icons-Tag, .icons-Taj-Mahal, .icons-Talk-Man, .icons-Tap, .icons-Target-Market, .icons-Target, .icons-Taurus-2, .icons-Taurus, .icons-Taxi-2, .icons-Taxi-Sign, .icons-Taxi, .icons-Teacher, .icons-Teapot, .icons-Technorati, .icons-Teddy-Bear, .icons-Tee-Mug, .icons-Telephone-2, .icons-Telephone, .icons-Telescope, .icons-Temperature-2, .icons-Temperature-3, .icons-Temperature, .icons-Temple, .icons-Tennis-Ball, .icons-Tennis, .icons-Tent, .icons-Test-Tube, .icons-Test-Tube2, .icons-Testimonal, .icons-Text-Box, .icons-Text-Effect, .icons-Text-HighlightColor, .icons-Text-Paragraph, .icons-Thailand, .icons-The-WhiteHouse, .icons-This-SideUp, .icons-Thread, .icons-Three-ArrowFork, .icons-Three-Fingers, .icons-Three-FingersDrag, .icons-Three-FingersDrag2, .icons-Three-FingersTouch, .icons-Thumb, .icons-Thumbs-DownSmiley, .icons-Thumbs-UpSmiley, .icons-Thunder, .icons-Thunderstorm, .icons-Ticket, .icons-Tie-2, .icons-Tie-3, .icons-Tie-4, .icons-Tie, .icons-Tiger, .icons-Time-Backup, .icons-Time-Bomb, .icons-Time-Clock, .icons-Time-Fire, .icons-Time-Machine, .icons-Time-Window, .icons-Timer-2, .icons-Timer, .icons-To-Bottom, .icons-To-Bottom2, .icons-To-Left, .icons-To-Right, .icons-To-Top, .icons-To-Top2, .icons-Token-, .icons-Tomato, .icons-Tongue, .icons-Tooth-2, .icons-Tooth, .icons-Top-ToBottom, .icons-Touch-Window, .icons-Tourch, .icons-Tower-2, .icons-Tower-Bridge, .icons-Tower, .icons-Trace, .icons-Tractor, .icons-traffic-Light, .icons-Traffic-Light2, .icons-Train-2, .icons-Train, .icons-Tram, .icons-Transform-2, .icons-Transform-3, .icons-Transform-4, .icons-Transform, .icons-Trash-withMen, .icons-Tree-2, .icons-Tree-3, .icons-Tree-4, .icons-Tree-5, .icons-Tree, .icons-Trekking, .icons-Triangle-ArrowDown, .icons-Triangle-ArrowLeft, .icons-Triangle-ArrowRight, .icons-Triangle-ArrowUp, .icons-Tripod-2, .icons-Tripod-andVideo, .icons-Tripod-withCamera, .icons-Tripod-withGopro, .icons-Trophy-2, .icons-Trophy, .icons-Truck, .icons-Trumpet, .icons-Tumblr, .icons-Turkey, .icons-Turn-Down, .icons-Turn-Down2, .icons-Turn-DownFromLeft, .icons-Turn-DownFromRight, .icons-Turn-Left, .icons-Turn-Left3, .icons-Turn-Right, .icons-Turn-Right3, .icons-Turn-Up, .icons-Turn-Up2, .icons-Turtle, .icons-Tuxedo, .icons-TV, .icons-Twister, .icons-Twitter-2, .icons-Twitter, .icons-Two-Fingers, .icons-Two-FingersDrag, .icons-Two-FingersDrag2, .icons-Two-FingersScroll, .icons-Two-FingersTouch, .icons-Two-Windows, .icons-Type-Pass, .icons-Ukraine, .icons-Umbrela, .icons-Umbrella-2, .icons-Umbrella-3, .icons-Under-LineText, .icons-Undo, .icons-United-Kingdom, .icons-United-States, .icons-University-2, .icons-University, .icons-Unlike-2, .icons-Unlike, .icons-Unlock-2, .icons-Unlock-3, .icons-Unlock, .icons-Up--Down, .icons-Up--Down3, .icons-Up-2, .icons-Up-3, .icons-Up-4, .icons-Up, .icons-Upgrade, .icons-Upload-2, .icons-Upload-toCloud, .icons-Upload-Window, .icons-Upload, .icons-Uppercase-Text, .icons-Upward, .icons-URL-Window, .icons-Usb-2, .icons-Usb-Cable, .icons-Usb, .icons-User, .icons-Ustream, .icons-Vase, .icons-Vector-2, .icons-Vector-3, .icons-Vector-4, .icons-Vector-5, .icons-Vector, .icons-Venn-Diagram, .icons-Vest-2, .icons-Vest, .icons-Viddler, .icons-Video-2, .icons-Video-3, .icons-Video-4, .icons-Video-5, .icons-Video-6, .icons-Video-GameController, .icons-Video-Len, .icons-Video-Len2, .icons-Video-Photographer, .icons-Video-Tripod, .icons-Video, .icons-Vietnam, .icons-View-Height, .icons-View-Width, .icons-Vimeo, .icons-Virgo-2, .icons-Virgo, .icons-Virus-2, .icons-Virus-3, .icons-Virus, .icons-Visa, .icons-Voice, .icons-Voicemail, .icons-Volleyball, .icons-Volume-Down, .icons-Volume-Up, .icons-VPN, .icons-Wacom-Tablet, .icons-Waiter, .icons-Walkie-Talkie, .icons-Wallet-2, .icons-Wallet-3, .icons-Wallet, .icons-Warehouse, .icons-Warning-Window, .icons-Watch-2, .icons-Watch-3, .icons-Watch, .icons-Wave-2, .icons-Wave, .icons-Webcam, .icons-weight-Lift, .icons-Wheelbarrow, .icons-Wheelchair, .icons-Width-Window, .icons-Wifi-2, .icons-Wifi-Keyboard, .icons-Wifi, .icons-Wind-Turbine, .icons-Windmill, .icons-Window-2, .icons-Window, .icons-Windows-2, .icons-Windows-Microsoft, .icons-Windows, .icons-Windsock, .icons-Windy, .icons-Wine-Bottle, .icons-Wine-Glass, .icons-Wink, .icons-Winter-2, .icons-Winter, .icons-Wireless, .icons-Witch-Hat, .icons-Witch, .icons-Wizard, .icons-Wolf, .icons-Woman-Sign, .icons-WomanMan, .icons-Womans-Underwear, .icons-Womans-Underwear2, .icons-Women, .icons-Wonder-Woman, .icons-Wordpress, .icons-Worker-Clothes, .icons-Worker, .icons-Wrap-Text, .icons-Wreath, .icons-Wrench, .icons-X-Box, .icons-X-ray, .icons-Xanga, .icons-Xing, .icons-Yacht, .icons-Yahoo-Buzz, .icons-Yahoo, .icons-Yelp, .icons-Yes, .icons-Ying-Yang, .icons-Youtube, .icons-Z-A, .icons-Zebra, .icons-Zombie, .icons-Zoom-Gesture, .icons-Zootool { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icons-A-Z:before { content: "\e600"; } .icons-Aa:before { content: "\e601"; } .icons-Add-Bag:before { content: "\e602"; } .icons-Add-Basket:before { content: "\e603"; } .icons-Add-Cart:before { content: "\e604"; } .icons-Add-File:before { content: "\e605"; } .icons-Add-SpaceAfterParagraph:before { content: "\e606"; } .icons-Add-SpaceBeforeParagraph:before { content: "\e607"; } .icons-Add-User:before { content: "\e608"; } .icons-Add-UserStar:before { content: "\e609"; } .icons-Add-Window:before { content: "\e60a"; } .icons-Add:before { content: "\e60b"; } .icons-Address-Book:before { content: "\e60c"; } .icons-Address-Book2:before { content: "\e60d"; } .icons-Administrator:before { content: "\e60e"; } .icons-Aerobics-2:before { content: "\e60f"; } .icons-Aerobics-3:before { content: "\e610"; } .icons-Aerobics:before { content: "\e611"; } .icons-Affiliate:before { content: "\e612"; } .icons-Aim:before { content: "\e613"; } .icons-Air-Balloon:before { content: "\e614"; } .icons-Airbrush:before { content: "\e615"; } .icons-Airship:before { content: "\e616"; } .icons-Alarm-Clock:before { content: "\e617"; } .icons-Alarm-Clock2:before { content: "\e618"; } .icons-Alarm:before { content: "\e619"; } .icons-Alien-2:before { content: "\e61a"; } .icons-Alien:before { content: "\e61b"; } .icons-Aligator:before { content: "\e61c"; } .icons-Align-Center:before { content: "\e61d"; } .icons-Align-JustifyAll:before { content: "\e61e"; } .icons-Align-JustifyCenter:before { content: "\e61f"; } .icons-Align-JustifyLeft:before { content: "\e620"; } .icons-Align-JustifyRight:before { content: "\e621"; } .icons-Align-Left:before { content: "\e622"; } .icons-Align-Right:before { content: "\e623"; } .icons-Alpha:before { content: "\e624"; } .icons-Ambulance:before { content: "\e625"; } .icons-AMX:before { content: "\e626"; } .icons-Anchor-2:before { content: "\e627"; } .icons-Anchor:before { content: "\e628"; } .icons-Android-Store:before { content: "\e629"; } .icons-Android:before { content: "\e62a"; } .icons-Angel-Smiley:before { content: "\e62b"; } .icons-Angel:before { content: "\e62c"; } .icons-Angry:before { content: "\e62d"; } .icons-Apple-Bite:before { content: "\e62e"; } .icons-Apple-Store:before { content: "\e62f"; } .icons-Apple:before { content: "\e630"; } .icons-Approved-Window:before { content: "\e631"; } .icons-Aquarius-2:before { content: "\e632"; } .icons-Aquarius:before { content: "\e633"; } .icons-Archery-2:before { content: "\e634"; } .icons-Archery:before { content: "\e635"; } .icons-Argentina:before { content: "\e636"; } .icons-Aries-2:before { content: "\e637"; } .icons-Aries:before { content: "\e638"; } .icons-Army-Key:before { content: "\e639"; } .icons-Arrow-Around:before { content: "\e63a"; } .icons-Arrow-Back3:before { content: "\e63b"; } .icons-Arrow-Back:before { content: "\e63c"; } .icons-Arrow-Back2:before { content: "\e63d"; } .icons-Arrow-Barrier:before { content: "\e63e"; } .icons-Arrow-Circle:before { content: "\e63f"; } .icons-Arrow-Cross:before { content: "\e640"; } .icons-Arrow-Down:before { content: "\e641"; } .icons-Arrow-Down2:before { content: "\e642"; } .icons-Arrow-Down3:before { content: "\e643"; } .icons-Arrow-DowninCircle:before { content: "\e644"; } .icons-Arrow-Fork:before { content: "\e645"; } .icons-Arrow-Forward:before { content: "\e646"; } .icons-Arrow-Forward2:before { content: "\e647"; } .icons-Arrow-From:before { content: "\e648"; } .icons-Arrow-Inside:before { content: "\e649"; } .icons-Arrow-Inside45:before { content: "\e64a"; } .icons-Arrow-InsideGap:before { content: "\e64b"; } .icons-Arrow-InsideGap45:before { content: "\e64c"; } .icons-Arrow-Into:before { content: "\e64d"; } .icons-Arrow-Join:before { content: "\e64e"; } .icons-Arrow-Junction:before { content: "\e64f"; } .icons-Arrow-Left:before { content: "\e650"; } .icons-Arrow-Left2:before { content: "\e651"; } .icons-Arrow-LeftinCircle:before { content: "\e652"; } .icons-Arrow-Loop:before { content: "\e653"; } .icons-Arrow-Merge:before { content: "\e654"; } .icons-Arrow-Mix:before { content: "\e655"; } .icons-Arrow-Next:before { content: "\e656"; } .icons-Arrow-OutLeft:before { content: "\e657"; } .icons-Arrow-OutRight:before { content: "\e658"; } .icons-Arrow-Outside:before { content: "\e659"; } .icons-Arrow-Outside45:before { content: "\e65a"; } .icons-Arrow-OutsideGap:before { content: "\e65b"; } .icons-Arrow-OutsideGap45:before { content: "\e65c"; } .icons-Arrow-Over:before { content: "\e65d"; } .icons-Arrow-Refresh:before { content: "\e65e"; } .icons-Arrow-Refresh2:before { content: "\e65f"; } .icons-Arrow-Right:before { content: "\e660"; } .icons-Arrow-Right2:before { content: "\e661"; } .icons-Arrow-RightinCircle:before { content: "\e662"; } .icons-Arrow-Shuffle:before { content: "\e663"; } .icons-Arrow-Squiggly:before { content: "\e664"; } .icons-Arrow-Through:before { content: "\e665"; } .icons-Arrow-To:before { content: "\e666"; } .icons-Arrow-TurnLeft:before { content: "\e667"; } .icons-Arrow-TurnRight:before { content: "\e668"; } .icons-Arrow-Up:before { content: "\e669"; } .icons-Arrow-Up2:before { content: "\e66a"; } .icons-Arrow-Up3:before { content: "\e66b"; } .icons-Arrow-UpinCircle:before { content: "\e66c"; } .icons-Arrow-XLeft:before { content: "\e66d"; } .icons-Arrow-XRight:before { content: "\e66e"; } .icons-Ask:before { content: "\e66f"; } .icons-Assistant:before { content: "\e670"; } .icons-Astronaut:before { content: "\e671"; } .icons-At-Sign:before { content: "\e672"; } .icons-ATM:before { content: "\e673"; } .icons-Atom:before { content: "\e674"; } .icons-Audio:before { content: "\e675"; } .icons-Auto-Flash:before { content: "\e676"; } .icons-Autumn:before { content: "\e677"; } .icons-Baby-Clothes:before { content: "\e678"; } .icons-Baby-Clothes2:before { content: "\e679"; } .icons-Baby-Cry:before { content: "\e67a"; } .icons-Baby:before { content: "\e67b"; } .icons-Back2:before { content: "\e67c"; } .icons-Back-Media:before { content: "\e67d"; } .icons-Back-Music:before { content: "\e67e"; } .icons-Back:before { content: "\e67f"; } .icons-Background:before { content: "\e680"; } .icons-Bacteria:before { content: "\e681"; } .icons-Bag-Coins:before { content: "\e682"; } .icons-Bag-Items:before { content: "\e683"; } .icons-Bag-Quantity:before { content: "\e684"; } .icons-Bag:before { content: "\e685"; } .icons-Bakelite:before { content: "\e686"; } .icons-Ballet-Shoes:before { content: "\e687"; } .icons-Balloon:before { content: "\e688"; } .icons-Banana:before { content: "\e689"; } .icons-Band-Aid:before { content: "\e68a"; } .icons-Bank:before { content: "\e68b"; } .icons-Bar-Chart:before { content: "\e68c"; } .icons-Bar-Chart2:before { content: "\e68d"; } .icons-Bar-Chart3:before { content: "\e68e"; } .icons-Bar-Chart4:before { content: "\e68f"; } .icons-Bar-Chart5:before { content: "\e690"; } .icons-Bar-Code:before { content: "\e691"; } .icons-Barricade-2:before { content: "\e692"; } .icons-Barricade:before { content: "\e693"; } .icons-Baseball:before { content: "\e694"; } .icons-Basket-Ball:before { content: "\e695"; } .icons-Basket-Coins:before { content: "\e696"; } .icons-Basket-Items:before { content: "\e697"; } .icons-Basket-Quantity:before { content: "\e698"; } .icons-Bat-2:before { content: "\e699"; } .icons-Bat:before { content: "\e69a"; } .icons-Bathrobe:before { content: "\e69b"; } .icons-Batman-Mask:before { content: "\e69c"; } .icons-Battery-0:before { content: "\e69d"; } .icons-Battery-25:before { content: "\e69e"; } .icons-Battery-50:before { content: "\e69f"; } .icons-Battery-75:before { content: "\e6a0"; } .icons-Battery-100:before { content: "\e6a1"; } .icons-Battery-Charge:before { content: "\e6a2"; } .icons-Bear:before { content: "\e6a3"; } .icons-Beard-2:before { content: "\e6a4"; } .icons-Beard-3:before { content: "\e6a5"; } .icons-Beard:before { content: "\e6a6"; } .icons-Bebo:before { content: "\e6a7"; } .icons-Bee:before { content: "\e6a8"; } .icons-Beer-Glass:before { content: "\e6a9"; } .icons-Beer:before { content: "\e6aa"; } .icons-Bell-2:before { content: "\e6ab"; } .icons-Bell:before { content: "\e6ac"; } .icons-Belt-2:before { content: "\e6ad"; } .icons-Belt-3:before { content: "\e6ae"; } .icons-Belt:before { content: "\e6af"; } .icons-Berlin-Tower:before { content: "\e6b0"; } .icons-Beta:before { content: "\e6b1"; } .icons-Betvibes:before { content: "\e6b2"; } .icons-Bicycle-2:before { content: "\e6b3"; } .icons-Bicycle-3:before { content: "\e6b4"; } .icons-Bicycle:before { content: "\e6b5"; } .icons-Big-Bang:before { content: "\e6b6"; } .icons-Big-Data:before { content: "\e6b7"; } .icons-Bike-Helmet:before { content: "\e6b8"; } .icons-Bikini:before { content: "\e6b9"; } .icons-Bilk-Bottle2:before { content: "\e6ba"; } .icons-Billing:before { content: "\e6bb"; } .icons-Bing:before { content: "\e6bc"; } .icons-Binocular:before { content: "\e6bd"; } .icons-Bio-Hazard:before { content: "\e6be"; } .icons-Biotech:before { content: "\e6bf"; } .icons-Bird-DeliveringLetter:before { content: "\e6c0"; } .icons-Bird:before { content: "\e6c1"; } .icons-Birthday-Cake:before { content: "\e6c2"; } .icons-Bisexual:before { content: "\e6c3"; } .icons-Bishop:before { content: "\e6c4"; } .icons-Bitcoin:before { content: "\e6c5"; } .icons-Black-Cat:before { content: "\e6c6"; } .icons-Blackboard:before { content: "\e6c7"; } .icons-Blinklist:before { content: "\e6c8"; } .icons-Block-Cloud:before { content: "\e6c9"; } .icons-Block-Window:before { content: "\e6ca"; } .icons-Blogger:before { content: "\e6cb"; } .icons-Blood:before { content: "\e6cc"; } .icons-Blouse:before { content: "\e6cd"; } .icons-Blueprint:before { content: "\e6ce"; } .icons-Board:before { content: "\e6cf"; } .icons-Bodybuilding:before { content: "\e6d0"; } .icons-Bold-Text:before { content: "\e6d1"; } .icons-Bone:before { content: "\e6d2"; } .icons-Bones:before { content: "\e6d3"; } .icons-Book:before { content: "\e6d4"; } .icons-Bookmark:before { content: "\e6d5"; } .icons-Books-2:before { content: "\e6d6"; } .icons-Books:before { content: "\e6d7"; } .icons-Boom:before { content: "\e6d8"; } .icons-Boot-2:before { content: "\e6d9"; } .icons-Boot:before { content: "\e6da"; } .icons-Bottom-ToTop:before { content: "\e6db"; } .icons-Bow-2:before { content: "\e6dc"; } .icons-Bow-3:before { content: "\e6dd"; } .icons-Bow-4:before { content: "\e6de"; } .icons-Bow-5:before { content: "\e6df"; } .icons-Bow-6:before { content: "\e6e0"; } .icons-Bow:before { content: "\e6e1"; } .icons-Bowling-2:before { content: "\e6e2"; } .icons-Bowling:before { content: "\e6e3"; } .icons-Box2:before { content: "\e6e4"; } .icons-Box-Close:before { content: "\e6e5"; } .icons-Box-Full:before { content: "\e6e6"; } .icons-Box-Open:before { content: "\e6e7"; } .icons-Box-withFolders:before { content: "\e6e8"; } .icons-Box:before { content: "\e6e9"; } .icons-Boy:before { content: "\e6ea"; } .icons-Bra:before { content: "\e6eb"; } .icons-Brain-2:before { content: "\e6ec"; } .icons-Brain-3:before { content: "\e6ed"; } .icons-Brain:before { content: "\e6ee"; } .icons-Brazil:before { content: "\e6ef"; } .icons-Bread-2:before { content: "\e6f0"; } .icons-Bread:before { content: "\e6f1"; } .icons-Bridge:before { content: "\e6f2"; } .icons-Brightkite:before { content: "\e6f3"; } .icons-Broke-Link2:before { content: "\e6f4"; } .icons-Broken-Link:before { content: "\e6f5"; } .icons-Broom:before { content: "\e6f6"; } .icons-Brush:before { content: "\e6f7"; } .icons-Bucket:before { content: "\e6f8"; } .icons-Bug:before { content: "\e6f9"; } .icons-Building:before { content: "\e6fa"; } .icons-Bulleted-List:before { content: "\e6fb"; } .icons-Bus-2:before { content: "\e6fc"; } .icons-Bus:before { content: "\e6fd"; } .icons-Business-Man:before { content: "\e6fe"; } .icons-Business-ManWoman:before { content: "\e6ff"; } .icons-Business-Mens:before { content: "\e700"; } .icons-Business-Woman:before { content: "\e701"; } .icons-Butterfly:before { content: "\e702"; } .icons-Button:before { content: "\e703"; } .icons-Cable-Car:before { content: "\e704"; } .icons-Cake:before { content: "\e705"; } .icons-Calculator-2:before { content: "\e706"; } .icons-Calculator-3:before { content: "\e707"; } .icons-Calculator:before { content: "\e708"; } .icons-Calendar-2:before { content: "\e709"; } .icons-Calendar-3:before { content: "\e70a"; } .icons-Calendar-4:before { content: "\e70b"; } .icons-Calendar-Clock:before { content: "\e70c"; } .icons-Calendar:before { content: "\e70d"; } .icons-Camel:before { content: "\e70e"; } .icons-Camera-2:before { content: "\e70f"; } .icons-Camera-3:before { content: "\e710"; } .icons-Camera-4:before { content: "\e711"; } .icons-Camera-5:before { content: "\e712"; } .icons-Camera-Back:before { content: "\e713"; } .icons-Camera:before { content: "\e714"; } .icons-Can-2:before { content: "\e715"; } .icons-Can:before { content: "\e716"; } .icons-Canada:before { content: "\e717"; } .icons-Cancer-2:before { content: "\e718"; } .icons-Cancer-3:before { content: "\e719"; } .icons-Cancer:before { content: "\e71a"; } .icons-Candle:before { content: "\e71b"; } .icons-Candy-Cane:before { content: "\e71c"; } .icons-Candy:before { content: "\e71d"; } .icons-Cannon:before { content: "\e71e"; } .icons-Cap-2:before { content: "\e71f"; } .icons-Cap-3:before { content: "\e720"; } .icons-Cap-Smiley:before { content: "\e721"; } .icons-Cap:before { content: "\e722"; } .icons-Capricorn-2:before { content: "\e723"; } .icons-Capricorn:before { content: "\e724"; } .icons-Car-2:before { content: "\e725"; } .icons-Car-3:before { content: "\e726"; } .icons-Car-Coins:before { content: "\e727"; } .icons-Car-Items:before { content: "\e728"; } .icons-Car-Wheel:before { content: "\e729"; } .icons-Car:before { content: "\e72a"; } .icons-Cardigan:before { content: "\e72b"; } .icons-Cardiovascular:before { content: "\e72c"; } .icons-Cart-Quantity:before { content: "\e72d"; } .icons-Casette-Tape:before { content: "\e72e"; } .icons-Cash-Register:before { content: "\e72f"; } .icons-Cash-register2:before { content: "\e730"; } .icons-Castle:before { content: "\e731"; } .icons-Cat:before { content: "\e732"; } .icons-Cathedral:before { content: "\e733"; } .icons-Cauldron:before { content: "\e734"; } .icons-CD-2:before { content: "\e735"; } .icons-CD-Cover:before { content: "\e736"; } .icons-CD:before { content: "\e737"; } .icons-Cello:before { content: "\e738"; } .icons-Celsius:before { content: "\e739"; } .icons-Chacked-Flag:before { content: "\e73a"; } .icons-Chair:before { content: "\e73b"; } .icons-Charger:before { content: "\e73c"; } .icons-Check-2:before { content: "\e73d"; } .icons-Check:before { content: "\e73e"; } .icons-Checked-User:before { content: "\e73f"; } .icons-Checkmate:before { content: "\e740"; } .icons-Checkout-Bag:before { content: "\e741"; } .icons-Checkout-Basket:before { content: "\e742"; } .icons-Checkout:before { content: "\e743"; } .icons-Cheese:before { content: "\e744"; } .icons-Cheetah:before { content: "\e745"; } .icons-Chef-Hat:before { content: "\e746"; } .icons-Chef-Hat2:before { content: "\e747"; } .icons-Chef:before { content: "\e748"; } .icons-Chemical-2:before { content: "\e749"; } .icons-Chemical-3:before { content: "\e74a"; } .icons-Chemical-4:before { content: "\e74b"; } .icons-Chemical-5:before { content: "\e74c"; } .icons-Chemical:before { content: "\e74d"; } .icons-Chess-Board:before { content: "\e74e"; } .icons-Chess:before { content: "\e74f"; } .icons-Chicken:before { content: "\e750"; } .icons-Chile:before { content: "\e751"; } .icons-Chimney:before { content: "\e752"; } .icons-China:before { content: "\e753"; } .icons-Chinese-Temple:before { content: "\e754"; } .icons-Chip:before { content: "\e755"; } .icons-Chopsticks-2:before { content: "\e756"; } .icons-Chopsticks:before { content: "\e757"; } .icons-Christmas-Ball:before { content: "\e758"; } .icons-Christmas-Bell:before { content: "\e759"; } .icons-Christmas-Candle:before { content: "\e75a"; } .icons-Christmas-Hat:before { content: "\e75b"; } .icons-Christmas-Sleigh:before { content: "\e75c"; } .icons-Christmas-Snowman:before { content: "\e75d"; } .icons-Christmas-Sock:before { content: "\e75e"; } .icons-Christmas-Tree:before { content: "\e75f"; } .icons-Christmas:before { content: "\e760"; } .icons-Chrome:before { content: "\e761"; } .icons-Chrysler-Building:before { content: "\e762"; } .icons-Cinema:before { content: "\e763"; } .icons-Circular-Point:before { content: "\e764"; } .icons-City-Hall:before { content: "\e765"; } .icons-Clamp:before { content: "\e766"; } .icons-Clapperboard-Close:before { content: "\e767"; } .icons-Clapperboard-Open:before { content: "\e768"; } .icons-Claps:before { content: "\e769"; } .icons-Clef:before { content: "\e76a"; } .icons-Clinic:before { content: "\e76b"; } .icons-Clock-2:before { content: "\e76c"; } .icons-Clock-3:before { content: "\e76d"; } .icons-Clock-4:before { content: "\e76e"; } .icons-Clock-Back:before { content: "\e76f"; } .icons-Clock-Forward:before { content: "\e770"; } .icons-Clock:before { content: "\e771"; } .icons-Close-Window:before { content: "\e772"; } .icons-Close:before { content: "\e773"; } .icons-Clothing-Store:before { content: "\e774"; } .icons-Cloud--:before { content: "\e775"; } .icons-Cloud-:before { content: "\e776"; } .icons-Cloud-Camera:before { content: "\e777"; } .icons-Cloud-Computer:before { content: "\e778"; } .icons-Cloud-Email:before { content: "\e779"; } .icons-Cloud-Hail:before { content: "\e77a"; } .icons-Cloud-Laptop:before { content: "\e77b"; } .icons-Cloud-Lock:before { content: "\e77c"; } .icons-Cloud-Moon:before { content: "\e77d"; } .icons-Cloud-Music:before { content: "\e77e"; } .icons-Cloud-Picture:before { content: "\e77f"; } .icons-Cloud-Rain:before { content: "\e780"; } .icons-Cloud-Remove:before { content: "\e781"; } .icons-Cloud-Secure:before { content: "\e782"; } .icons-Cloud-Settings:before { content: "\e783"; } .icons-Cloud-Smartphone:before { content: "\e784"; } .icons-Cloud-Snow:before { content: "\e785"; } .icons-Cloud-Sun:before { content: "\e786"; } .icons-Cloud-Tablet:before { content: "\e787"; } .icons-Cloud-Video:before { content: "\e788"; } .icons-Cloud-Weather:before { content: "\e789"; } .icons-Cloud:before { content: "\e78a"; } .icons-Clouds-Weather:before { content: "\e78b"; } .icons-Clouds:before { content: "\e78c"; } .icons-Clown:before { content: "\e78d"; } .icons-CMYK:before { content: "\e78e"; } .icons-Coat:before { content: "\e78f"; } .icons-Cocktail:before { content: "\e790"; } .icons-Coconut:before { content: "\e791"; } .icons-Code-Window:before { content: "\e792"; } .icons-Coding:before { content: "\e793"; } .icons-Coffee-2:before { content: "\e794"; } .icons-Coffee-Bean:before { content: "\e795"; } .icons-Coffee-Machine:before { content: "\e796"; } .icons-Coffee-toGo:before { content: "\e797"; } .icons-Coffee:before { content: "\e798"; } .icons-Coffin:before { content: "\e799"; } .icons-Coin:before { content: "\e79a"; } .icons-Coins-2:before { content: "\e79b"; } .icons-Coins-3:before { content: "\e79c"; } .icons-Coins:before { content: "\e79d"; } .icons-Colombia:before { content: "\e79e"; } .icons-Colosseum:before { content: "\e79f"; } .icons-Column-2:before { content: "\e7a0"; } .icons-Column-3:before { content: "\e7a1"; } .icons-Column:before { content: "\e7a2"; } .icons-Comb-2:before { content: "\e7a3"; } .icons-Comb:before { content: "\e7a4"; } .icons-Communication-Tower:before { content: "\e7a5"; } .icons-Communication-Tower2:before { content: "\e7a6"; } .icons-Compass-2:before { content: "\e7a7"; } .icons-Compass-3:before { content: "\e7a8"; } .icons-Compass-4:before { content: "\e7a9"; } .icons-Compass-Rose:before { content: "\e7aa"; } .icons-Compass:before { content: "\e7ab"; } .icons-Computer-2:before { content: "\e7ac"; } .icons-Computer-3:before { content: "\e7ad"; } .icons-Computer-Secure:before { content: "\e7ae"; } .icons-Computer:before { content: "\e7af"; } .icons-Conference:before { content: "\e7b0"; } .icons-Confused:before { content: "\e7b1"; } .icons-Conservation:before { content: "\e7b2"; } .icons-Consulting:before { content: "\e7b3"; } .icons-Contrast:before { content: "\e7b4"; } .icons-Control-2:before { content: "\e7b5"; } .icons-Control:before { content: "\e7b6"; } .icons-Cookie-Man:before { content: "\e7b7"; } .icons-Cookies:before { content: "\e7b8"; } .icons-Cool-Guy:before { content: "\e7b9"; } .icons-Cool:before { content: "\e7ba"; } .icons-Copyright:before { content: "\e7bb"; } .icons-Costume:before { content: "\e7bc"; } .icons-Couple-Sign:before { content: "\e7bd"; } .icons-Cow:before { content: "\e7be"; } .icons-CPU:before { content: "\e7bf"; } .icons-Crane:before { content: "\e7c0"; } .icons-Cranium:before { content: "\e7c1"; } .icons-Credit-Card:before { content: "\e7c2"; } .icons-Credit-Card2:before { content: "\e7c3"; } .icons-Credit-Card3:before { content: "\e7c4"; } .icons-Cricket:before { content: "\e7c5"; } .icons-Criminal:before { content: "\e7c6"; } .icons-Croissant:before { content: "\e7c7"; } .icons-Crop-2:before { content: "\e7c8"; } .icons-Crop-3:before { content: "\e7c9"; } .icons-Crown-2:before { content: "\e7ca"; } .icons-Crown:before { content: "\e7cb"; } .icons-Crying:before { content: "\e7cc"; } .icons-Cube-Molecule:before { content: "\e7cd"; } .icons-Cube-Molecule2:before { content: "\e7ce"; } .icons-Cupcake:before { content: "\e7cf"; } .icons-Cursor-Click:before { content: "\e7d0"; } .icons-Cursor-Click2:before { content: "\e7d1"; } .icons-Cursor-Move:before { content: "\e7d2"; } .icons-Cursor-Move2:before { content: "\e7d3"; } .icons-Cursor-Select:before { content: "\e7d4"; } .icons-Cursor:before { content: "\e7d5"; } .icons-D-Eyeglasses:before { content: "\e7d6"; } .icons-D-Eyeglasses2:before { content: "\e7d7"; } .icons-Dam:before { content: "\e7d8"; } .icons-Danemark:before { content: "\e7d9"; } .icons-Danger-2:before { content: "\e7da"; } .icons-Danger:before { content: "\e7db"; } .icons-Dashboard:before { content: "\e7dc"; } .icons-Data-Backup:before { content: "\e7dd"; } .icons-Data-Block:before { content: "\e7de"; } .icons-Data-Center:before { content: "\e7df"; } .icons-Data-Clock:before { content: "\e7e0"; } .icons-Data-Cloud:before { content: "\e7e1"; } .icons-Data-Compress:before { content: "\e7e2"; } .icons-Data-Copy:before { content: "\e7e3"; } .icons-Data-Download:before { content: "\e7e4"; } .icons-Data-Financial:before { content: "\e7e5"; } .icons-Data-Key:before { content: "\e7e6"; } .icons-Data-Lock:before { content: "\e7e7"; } .icons-Data-Network:before { content: "\e7e8"; } .icons-Data-Password:before { content: "\e7e9"; } .icons-Data-Power:before { content: "\e7ea"; } .icons-Data-Refresh:before { content: "\e7eb"; } .icons-Data-Save:before { content: "\e7ec"; } .icons-Data-Search:before { content: "\e7ed"; } .icons-Data-Security:before { content: "\e7ee"; } .icons-Data-Settings:before { content: "\e7ef"; } .icons-Data-Sharing:before { content: "\e7f0"; } .icons-Data-Shield:before { content: "\e7f1"; } .icons-Data-Signal:before { content: "\e7f2"; } .icons-Data-Storage:before { content: "\e7f3"; } .icons-Data-Stream:before { content: "\e7f4"; } .icons-Data-Transfer:before { content: "\e7f5"; } .icons-Data-Unlock:before { content: "\e7f6"; } .icons-Data-Upload:before { content: "\e7f7"; } .icons-Data-Yes:before { content: "\e7f8"; } .icons-Data:before { content: "\e7f9"; } .icons-David-Star:before { content: "\e7fa"; } .icons-Daylight:before { content: "\e7fb"; } .icons-Death:before { content: "\e7fc"; } .icons-Debian:before { content: "\e7fd"; } .icons-Dec:before { content: "\e7fe"; } .icons-Decrase-Inedit:before { content: "\e7ff"; } .icons-Deer-2:before { content: "\e800"; } .icons-Deer:before { content: "\e801"; } .icons-Delete-File:before { content: "\e802"; } .icons-Delete-Window:before { content: "\e803"; } .icons-Delicious:before { content: "\e804"; } .icons-Depression:before { content: "\e805"; } .icons-Deviantart:before { content: "\e806"; } .icons-Device-SyncwithCloud:before { content: "\e807"; } .icons-Diamond:before { content: "\e808"; } .icons-Dice-2:before { content: "\e809"; } .icons-Dice:before { content: "\e80a"; } .icons-Digg:before { content: "\e80b"; } .icons-Digital-Drawing:before { content: "\e80c"; } .icons-Diigo:before { content: "\e80d"; } .icons-Dinosaur:before { content: "\e80e"; } .icons-Diploma-2:before { content: "\e80f"; } .icons-Diploma:before { content: "\e810"; } .icons-Direction-East:before { content: "\e811"; } .icons-Direction-North:before { content: "\e812"; } .icons-Direction-South:before { content: "\e813"; } .icons-Direction-West:before { content: "\e814"; } .icons-Director:before { content: "\e815"; } .icons-Disk:before { content: "\e816"; } .icons-Dj:before { content: "\e817"; } .icons-DNA-2:before { content: "\e818"; } .icons-DNA-Helix:before { content: "\e819"; } .icons-DNA:before { content: "\e81a"; } .icons-Doctor:before { content: "\e81b"; } .icons-Dog:before { content: "\e81c"; } .icons-Dollar-Sign:before { content: "\e81d"; } .icons-Dollar-Sign2:before { content: "\e81e"; } .icons-Dollar:before { content: "\e81f"; } .icons-Dolphin:before { content: "\e820"; } .icons-Domino:before { content: "\e821"; } .icons-Door-Hanger:before { content: "\e822"; } .icons-Door:before { content: "\e823"; } .icons-Doplr:before { content: "\e824"; } .icons-Double-Circle:before { content: "\e825"; } .icons-Double-Tap:before { content: "\e826"; } .icons-Doughnut:before { content: "\e827"; } .icons-Dove:before { content: "\e828"; } .icons-Down-2:before { content: "\e829"; } .icons-Down-3:before { content: "\e82a"; } .icons-Down-4:before { content: "\e82b"; } .icons-Down:before { content: "\e82c"; } .icons-Download-2:before { content: "\e82d"; } .icons-Download-fromCloud:before { content: "\e82e"; } .icons-Download-Window:before { content: "\e82f"; } .icons-Download:before { content: "\e830"; } .icons-Downward:before { content: "\e831"; } .icons-Drag-Down:before { content: "\e832"; } .icons-Drag-Left:before { content: "\e833"; } .icons-Drag-Right:before { content: "\e834"; } .icons-Drag-Up:before { content: "\e835"; } .icons-Drag:before { content: "\e836"; } .icons-Dress:before { content: "\e837"; } .icons-Drill-2:before { content: "\e838"; } .icons-Drill:before { content: "\e839"; } .icons-Drop:before { content: "\e83a"; } .icons-Dropbox:before { content: "\e83b"; } .icons-Drum:before { content: "\e83c"; } .icons-Dry:before { content: "\e83d"; } .icons-Duck:before { content: "\e83e"; } .icons-Dumbbell:before { content: "\e83f"; } .icons-Duplicate-Layer:before { content: "\e840"; } .icons-Duplicate-Window:before { content: "\e841"; } .icons-DVD:before { content: "\e842"; } .icons-Eagle:before { content: "\e843"; } .icons-Ear:before { content: "\e844"; } .icons-Earphones-2:before { content: "\e845"; } .icons-Earphones:before { content: "\e846"; } .icons-Eci-Icon:before { content: "\e847"; } .icons-Edit-Map:before { content: "\e848"; } .icons-Edit:before { content: "\e849"; } .icons-Eggs:before { content: "\e84a"; } .icons-Egypt:before { content: "\e84b"; } .icons-Eifel-Tower:before { content: "\e84c"; } .icons-eject-2:before { content: "\e84d"; } .icons-Eject:before { content: "\e84e"; } .icons-El-Castillo:before { content: "\e84f"; } .icons-Elbow:before { content: "\e850"; } .icons-Electric-Guitar:before { content: "\e851"; } .icons-Electricity:before { content: "\e852"; } .icons-Elephant:before { content: "\e853"; } .icons-Email:before { content: "\e854"; } .icons-Embassy:before { content: "\e855"; } .icons-Empire-StateBuilding:before { content: "\e856"; } .icons-Empty-Box:before { content: "\e857"; } .icons-End2:before { content: "\e858"; } .icons-End-2:before { content: "\e859"; } .icons-End:before { content: "\e85a"; } .icons-Endways:before { content: "\e85b"; } .icons-Engineering:before { content: "\e85c"; } .icons-Envelope-2:before { content: "\e85d"; } .icons-Envelope:before { content: "\e85e"; } .icons-Environmental-2:before { content: "\e85f"; } .icons-Environmental-3:before { content: "\e860"; } .icons-Environmental:before { content: "\e861"; } .icons-Equalizer:before { content: "\e862"; } .icons-Eraser-2:before { content: "\e863"; } .icons-Eraser-3:before { content: "\e864"; } .icons-Eraser:before { content: "\e865"; } .icons-Error-404Window:before { content: "\e866"; } .icons-Euro-Sign:before { content: "\e867"; } .icons-Euro-Sign2:before { content: "\e868"; } .icons-Euro:before { content: "\e869"; } .icons-Evernote:before { content: "\e86a"; } .icons-Evil:before { content: "\e86b"; } .icons-Explode:before { content: "\e86c"; } .icons-Eye-2:before { content: "\e86d"; } .icons-Eye-Blind:before { content: "\e86e"; } .icons-Eye-Invisible:before { content: "\e86f"; } .icons-Eye-Scan:before { content: "\e870"; } .icons-Eye-Visible:before { content: "\e871"; } .icons-Eye:before { content: "\e872"; } .icons-Eyebrow-2:before { content: "\e873"; } .icons-Eyebrow-3:before { content: "\e874"; } .icons-Eyebrow:before { content: "\e875"; } .icons-Eyeglasses-Smiley:before { content: "\e876"; } .icons-Eyeglasses-Smiley2:before { content: "\e877"; } .icons-Face-Style:before { content: "\e878"; } .icons-Face-Style2:before { content: "\e879"; } .icons-Face-Style3:before { content: "\e87a"; } .icons-Face-Style4:before { content: "\e87b"; } .icons-Face-Style5:before { content: "\e87c"; } .icons-Face-Style6:before { content: "\e87d"; } .icons-Facebook-2:before { content: "\e87e"; } .icons-Facebook:before { content: "\e87f"; } .icons-Factory-2:before { content: "\e880"; } .icons-Factory:before { content: "\e881"; } .icons-Fahrenheit:before { content: "\e882"; } .icons-Family-Sign:before { content: "\e883"; } .icons-Fan:before { content: "\e884"; } .icons-Farmer:before { content: "\e885"; } .icons-Fashion:before { content: "\e886"; } .icons-Favorite-Window:before { content: "\e887"; } .icons-Fax:before { content: "\e888"; } .icons-Feather:before { content: "\e889"; } .icons-Feedburner:before { content: "\e88a"; } .icons-Female-2:before { content: "\e88b"; } .icons-Female-Sign:before { content: "\e88c"; } .icons-Female:before { content: "\e88d"; } .icons-File-Block:before { content: "\e88e"; } .icons-File-Bookmark:before { content: "\e88f"; } .icons-File-Chart:before { content: "\e890"; } .icons-File-Clipboard:before { content: "\e891"; } .icons-File-ClipboardFileText:before { content: "\e892"; } .icons-File-ClipboardTextImage:before { content: "\e893"; } .icons-File-Cloud:before { content: "\e894"; } .icons-File-Copy:before { content: "\e895"; } .icons-File-Copy2:before { content: "\e896"; } .icons-File-CSV:before { content: "\e897"; } .icons-File-Download:before { content: "\e898"; } .icons-File-Edit:before { content: "\e899"; } .icons-File-Excel:before { content: "\e89a"; } .icons-File-Favorite:before { content: "\e89b"; } .icons-File-Fire:before { content: "\e89c"; } .icons-File-Graph:before { content: "\e89d"; } .icons-File-Hide:before { content: "\e89e"; } .icons-File-Horizontal:before { content: "\e89f"; } .icons-File-HorizontalText:before { content: "\e8a0"; } .icons-File-HTML:before { content: "\e8a1"; } .icons-File-JPG:before { content: "\e8a2"; } .icons-File-Link:before { content: "\e8a3"; } .icons-File-Loading:before { content: "\e8a4"; } .icons-File-Lock:before { content: "\e8a5"; } .icons-File-Love:before { content: "\e8a6"; } .icons-File-Music:before { content: "\e8a7"; } .icons-File-Network:before { content: "\e8a8"; } .icons-File-Pictures:before { content: "\e8a9"; } .icons-File-Pie:before { content: "\e8aa"; } .icons-File-Presentation:before { content: "\e8ab"; } .icons-File-Refresh:before { content: "\e8ac"; } .icons-File-Search:before { content: "\e8ad"; } .icons-File-Settings:before { content: "\e8ae"; } .icons-File-Share:before { content: "\e8af"; } .icons-File-TextImage:before { content: "\e8b0"; } .icons-File-Trash:before { content: "\e8b1"; } .icons-File-TXT:before { content: "\e8b2"; } .icons-File-Upload:before { content: "\e8b3"; } .icons-File-Video:before { content: "\e8b4"; } .icons-File-Word:before { content: "\e8b5"; } .icons-File-Zip:before { content: "\e8b6"; } .icons-File:before { content: "\e8b7"; } .icons-Files:before { content: "\e8b8"; } .icons-Film-Board:before { content: "\e8b9"; } .icons-Film-Cartridge:before { content: "\e8ba"; } .icons-Film-Strip:before { content: "\e8bb"; } .icons-Film-Video:before { content: "\e8bc"; } .icons-Film:before { content: "\e8bd"; } .icons-Filter-2:before { content: "\e8be"; } .icons-Filter:before { content: "\e8bf"; } .icons-Financial:before { content: "\e8c0"; } .icons-Find-User:before { content: "\e8c1"; } .icons-Finger-DragFourSides:before { content: "\e8c2"; } .icons-Finger-DragTwoSides:before { content: "\e8c3"; } .icons-Finger-Print:before { content: "\e8c4"; } .icons-Finger:before { content: "\e8c5"; } .icons-Fingerprint-2:before { content: "\e8c6"; } .icons-Fingerprint:before { content: "\e8c7"; } .icons-Fire-Flame:before { content: "\e8c8"; } .icons-Fire-Flame2:before { content: "\e8c9"; } .icons-Fire-Hydrant:before { content: "\e8ca"; } .icons-Fire-Staion:before { content: "\e8cb"; } .icons-Firefox:before { content: "\e8cc"; } .icons-Firewall:before { content: "\e8cd"; } .icons-First-Aid:before { content: "\e8ce"; } .icons-First:before { content: "\e8cf"; } .icons-Fish-Food:before { content: "\e8d0"; } .icons-Fish:before { content: "\e8d1"; } .icons-Fit-To:before { content: "\e8d2"; } .icons-Fit-To2:before { content: "\e8d3"; } .icons-Five-Fingers:before { content: "\e8d4"; } .icons-Five-FingersDrag:before { content: "\e8d5"; } .icons-Five-FingersDrag2:before { content: "\e8d6"; } .icons-Five-FingersTouch:before { content: "\e8d7"; } .icons-Flag-2:before { content: "\e8d8"; } .icons-Flag-3:before { content: "\e8d9"; } .icons-Flag-4:before { content: "\e8da"; } .icons-Flag-5:before { content: "\e8db"; } .icons-Flag-6:before { content: "\e8dc"; } .icons-Flag:before { content: "\e8dd"; } .icons-Flamingo:before { content: "\e8de"; } .icons-Flash-2:before { content: "\e8df"; } .icons-Flash-Video:before { content: "\e8e0"; } .icons-Flash:before { content: "\e8e1"; } .icons-Flashlight:before { content: "\e8e2"; } .icons-Flask-2:before { content: "\e8e3"; } .icons-Flask:before { content: "\e8e4"; } .icons-Flick:before { content: "\e8e5"; } .icons-Flickr:before { content: "\e8e6"; } .icons-Flowerpot:before { content: "\e8e7"; } .icons-Fluorescent:before { content: "\e8e8"; } .icons-Fog-Day:before { content: "\e8e9"; } .icons-Fog-Night:before { content: "\e8ea"; } .icons-Folder-Add:before { content: "\e8eb"; } .icons-Folder-Archive:before { content: "\e8ec"; } .icons-Folder-Binder:before { content: "\e8ed"; } .icons-Folder-Binder2:before { content: "\e8ee"; } .icons-Folder-Block:before { content: "\e8ef"; } .icons-Folder-Bookmark:before { content: "\e8f0"; } .icons-Folder-Close:before { content: "\e8f1"; } .icons-Folder-Cloud:before { content: "\e8f2"; } .icons-Folder-Delete:before { content: "\e8f3"; } .icons-Folder-Download:before { content: "\e8f4"; } .icons-Folder-Edit:before { content: "\e8f5"; } .icons-Folder-Favorite:before { content: "\e8f6"; } .icons-Folder-Fire:before { content: "\e8f7"; } .icons-Folder-Hide:before { content: "\e8f8"; } .icons-Folder-Link:before { content: "\e8f9"; } .icons-Folder-Loading:before { content: "\e8fa"; } .icons-Folder-Lock:before { content: "\e8fb"; } .icons-Folder-Love:before { content: "\e8fc"; } .icons-Folder-Music:before { content: "\e8fd"; } .icons-Folder-Network:before { content: "\e8fe"; } .icons-Folder-Open:before { content: "\e8ff"; } .icons-Folder-Open2:before { content: "\e900"; } .icons-Folder-Organizing:before { content: "\e901"; } .icons-Folder-Pictures:before { content: "\e902"; } .icons-Folder-Refresh:before { content: "\e903"; } .icons-Folder-Remove-:before { content: "\e904"; } .icons-Folder-Search:before { content: "\e905"; } .icons-Folder-Settings:before { content: "\e906"; } .icons-Folder-Share:before { content: "\e907"; } .icons-Folder-Trash:before { content: "\e908"; } .icons-Folder-Upload:before { content: "\e909"; } .icons-Folder-Video:before { content: "\e90a"; } .icons-Folder-WithDocument:before { content: "\e90b"; } .icons-Folder-Zip:before { content: "\e90c"; } .icons-Folder:before { content: "\e90d"; } .icons-Folders:before { content: "\e90e"; } .icons-Font-Color:before { content: "\e90f"; } .icons-Font-Name:before { content: "\e910"; } .icons-Font-Size:before { content: "\e911"; } .icons-Font-Style:before { content: "\e912"; } .icons-Font-StyleSubscript:before { content: "\e913"; } .icons-Font-StyleSuperscript:before { content: "\e914"; } .icons-Font-Window:before { content: "\e915"; } .icons-Foot-2:before { content: "\e916"; } .icons-Foot:before { content: "\e917"; } .icons-Football-2:before { content: "\e918"; } .icons-Football:before { content: "\e919"; } .icons-Footprint-2:before { content: "\e91a"; } .icons-Footprint-3:before { content: "\e91b"; } .icons-Footprint:before { content: "\e91c"; } .icons-Forest:before { content: "\e91d"; } .icons-Fork:before { content: "\e91e"; } .icons-Formspring:before { content: "\e91f"; } .icons-Formula:before { content: "\e920"; } .icons-Forsquare:before { content: "\e921"; } .icons-Forward:before { content: "\e922"; } .icons-Fountain-Pen:before { content: "\e923"; } .icons-Four-Fingers:before { content: "\e924"; } .icons-Four-FingersDrag:before { content: "\e925"; } .icons-Four-FingersDrag2:before { content: "\e926"; } .icons-Four-FingersTouch:before { content: "\e927"; } .icons-Fox:before { content: "\e928"; } .icons-Frankenstein:before { content: "\e929"; } .icons-French-Fries:before { content: "\e92a"; } .icons-Friendfeed:before { content: "\e92b"; } .icons-Friendster:before { content: "\e92c"; } .icons-Frog:before { content: "\e92d"; } .icons-Fruits:before { content: "\e92e"; } .icons-Fuel:before { content: "\e92f"; } .icons-Full-Bag:before { content: "\e930"; } .icons-Full-Basket:before { content: "\e931"; } .icons-Full-Cart:before { content: "\e932"; } .icons-Full-Moon:before { content: "\e933"; } .icons-Full-Screen:before { content: "\e934"; } .icons-Full-Screen2:before { content: "\e935"; } .icons-Full-View:before { content: "\e936"; } .icons-Full-View2:before { content: "\e937"; } .icons-Full-ViewWindow:before { content: "\e938"; } .icons-Function:before { content: "\e939"; } .icons-Funky:before { content: "\e93a"; } .icons-Funny-Bicycle:before { content: "\e93b"; } .icons-Furl:before { content: "\e93c"; } .icons-Gamepad-2:before { content: "\e93d"; } .icons-Gamepad:before { content: "\e93e"; } .icons-Gas-Pump:before { content: "\e93f"; } .icons-Gaugage-2:before { content: "\e940"; } .icons-Gaugage:before { content: "\e941"; } .icons-Gay:before { content: "\e942"; } .icons-Gear-2:before { content: "\e943"; } .icons-Gear:before { content: "\e944"; } .icons-Gears-2:before { content: "\e945"; } .icons-Gears:before { content: "\e946"; } .icons-Geek-2:before { content: "\e947"; } .icons-Geek:before { content: "\e948"; } .icons-Gemini-2:before { content: "\e949"; } .icons-Gemini:before { content: "\e94a"; } .icons-Genius:before { content: "\e94b"; } .icons-Gentleman:before { content: "\e94c"; } .icons-Geo--:before { content: "\e94d"; } .icons-Geo-:before { content: "\e94e"; } .icons-Geo-Close:before { content: "\e94f"; } .icons-Geo-Love:before { content: "\e950"; } .icons-Geo-Number:before { content: "\e951"; } .icons-Geo-Star:before { content: "\e952"; } .icons-Geo:before { content: "\e953"; } .icons-Geo2--:before { content: "\e954"; } .icons-Geo2-:before { content: "\e955"; } .icons-Geo2-Close:before { content: "\e956"; } .icons-Geo2-Love:before { content: "\e957"; } .icons-Geo2-Number:before { content: "\e958"; } .icons-Geo2-Star:before { content: "\e959"; } .icons-Geo2:before { content: "\e95a"; } .icons-Geo3--:before { content: "\e95b"; } .icons-Geo3-:before { content: "\e95c"; } .icons-Geo3-Close:before { content: "\e95d"; } .icons-Geo3-Love:before { content: "\e95e"; } .icons-Geo3-Number:before { content: "\e95f"; } .icons-Geo3-Star:before { content: "\e960"; } .icons-Geo3:before { content: "\e961"; } .icons-Gey:before { content: "\e962"; } .icons-Gift-Box:before { content: "\e963"; } .icons-Giraffe:before { content: "\e964"; } .icons-Girl:before { content: "\e965"; } .icons-Glass-Water:before { content: "\e966"; } .icons-Glasses-2:before { content: "\e967"; } .icons-Glasses-3:before { content: "\e968"; } .icons-Glasses:before { content: "\e969"; } .icons-Global-Position:before { content: "\e96a"; } .icons-Globe-2:before { content: "\e96b"; } .icons-Globe:before { content: "\e96c"; } .icons-Gloves:before { content: "\e96d"; } .icons-Go-Bottom:before { content: "\e96e"; } .icons-Go-Top:before { content: "\e96f"; } .icons-Goggles:before { content: "\e970"; } .icons-Golf-2:before { content: "\e971"; } .icons-Golf:before { content: "\e972"; } .icons-Google-Buzz:before { content: "\e973"; } .icons-Google-Drive:before { content: "\e974"; } .icons-Google-Play:before { content: "\e975"; } .icons-Google-Plus:before { content: "\e976"; } .icons-Google:before { content: "\e977"; } .icons-Gopro:before { content: "\e978"; } .icons-Gorilla:before { content: "\e979"; } .icons-Gowalla:before { content: "\e97a"; } .icons-Grave:before { content: "\e97b"; } .icons-Graveyard:before { content: "\e97c"; } .icons-Greece:before { content: "\e97d"; } .icons-Green-Energy:before { content: "\e97e"; } .icons-Green-House:before { content: "\e97f"; } .icons-Guitar:before { content: "\e980"; } .icons-Gun-2:before { content: "\e981"; } .icons-Gun-3:before { content: "\e982"; } .icons-Gun:before { content: "\e983"; } .icons-Gymnastics:before { content: "\e984"; } .icons-Hair-2:before { content: "\e985"; } .icons-Hair-3:before { content: "\e986"; } .icons-Hair-4:before { content: "\e987"; } .icons-Hair:before { content: "\e988"; } .icons-Half-Moon:before { content: "\e989"; } .icons-Halloween-HalfMoon:before { content: "\e98a"; } .icons-Halloween-Moon:before { content: "\e98b"; } .icons-Hamburger:before { content: "\e98c"; } .icons-Hammer:before { content: "\e98d"; } .icons-Hand-Touch:before { content: "\e98e"; } .icons-Hand-Touch2:before { content: "\e98f"; } .icons-Hand-TouchSmartphone:before { content: "\e990"; } .icons-Hand:before { content: "\e991"; } .icons-Hands:before { content: "\e992"; } .icons-Handshake:before { content: "\e993"; } .icons-Hanger:before { content: "\e994"; } .icons-Happy:before { content: "\e995"; } .icons-Hat-2:before { content: "\e996"; } .icons-Hat:before { content: "\e997"; } .icons-Haunted-House:before { content: "\e998"; } .icons-HD-Video:before { content: "\e999"; } .icons-HD:before { content: "\e99a"; } .icons-HDD:before { content: "\e99b"; } .icons-Headphone:before { content: "\e99c"; } .icons-Headphones:before { content: "\e99d"; } .icons-Headset:before { content: "\e99e"; } .icons-Heart-2:before { content: "\e99f"; } .icons-Heart:before { content: "\e9a0"; } .icons-Heels-2:before { content: "\e9a1"; } .icons-Heels:before { content: "\e9a2"; } .icons-Height-Window:before { content: "\e9a3"; } .icons-Helicopter-2:before { content: "\e9a4"; } .icons-Helicopter:before { content: "\e9a5"; } .icons-Helix-2:before { content: "\e9a6"; } .icons-Hello:before { content: "\e9a7"; } .icons-Helmet-2:before { content: "\e9a8"; } .icons-Helmet-3:before { content: "\e9a9"; } .icons-Helmet:before { content: "\e9aa"; } .icons-Hipo:before { content: "\e9ab"; } .icons-Hipster-Glasses:before { content: "\e9ac"; } .icons-Hipster-Glasses2:before { content: "\e9ad"; } .icons-Hipster-Glasses3:before { content: "\e9ae"; } .icons-Hipster-Headphones:before { content: "\e9af"; } .icons-Hipster-Men:before { content: "\e9b0"; } .icons-Hipster-Men2:before { content: "\e9b1"; } .icons-Hipster-Men3:before { content: "\e9b2"; } .icons-Hipster-Sunglasses:before { content: "\e9b3"; } .icons-Hipster-Sunglasses2:before { content: "\e9b4"; } .icons-Hipster-Sunglasses3:before { content: "\e9b5"; } .icons-Hokey:before { content: "\e9b6"; } .icons-Holly:before { content: "\e9b7"; } .icons-Home-2:before { content: "\e9b8"; } .icons-Home-3:before { content: "\e9b9"; } .icons-Home-4:before { content: "\e9ba"; } .icons-Home-5:before { content: "\e9bb"; } .icons-Home-Window:before { content: "\e9bc"; } .icons-Home:before { content: "\e9bd"; } .icons-Homosexual:before { content: "\e9be"; } .icons-Honey:before { content: "\e9bf"; } .icons-Hong-Kong:before { content: "\e9c0"; } .icons-Hoodie:before { content: "\e9c1"; } .icons-Horror:before { content: "\e9c2"; } .icons-Horse:before { content: "\e9c3"; } .icons-Hospital-2:before { content: "\e9c4"; } .icons-Hospital:before { content: "\e9c5"; } .icons-Host:before { content: "\e9c6"; } .icons-Hot-Dog:before { content: "\e9c7"; } .icons-Hotel:before { content: "\e9c8"; } .icons-Hour:before { content: "\e9c9"; } .icons-Hub:before { content: "\e9ca"; } .icons-Humor:before { content: "\e9cb"; } .icons-Hurt:before { content: "\e9cc"; } .icons-Ice-Cream:before { content: "\e9cd"; } .icons-ICQ:before { content: "\e9ce"; } .icons-ID-2:before { content: "\e9cf"; } .icons-ID-3:before { content: "\e9d0"; } .icons-ID-Card:before { content: "\e9d1"; } .icons-Idea-2:before { content: "\e9d2"; } .icons-Idea-3:before { content: "\e9d3"; } .icons-Idea-4:before { content: "\e9d4"; } .icons-Idea-5:before { content: "\e9d5"; } .icons-Idea:before { content: "\e9d6"; } .icons-Identification-Badge:before { content: "\e9d7"; } .icons-ImDB:before { content: "\e9d8"; } .icons-Inbox-Empty:before { content: "\e9d9"; } .icons-Inbox-Forward:before { content: "\e9da"; } .icons-Inbox-Full:before { content: "\e9db"; } .icons-Inbox-Into:before { content: "\e9dc"; } .icons-Inbox-Out:before { content: "\e9dd"; } .icons-Inbox-Reply:before { content: "\e9de"; } .icons-Inbox:before { content: "\e9df"; } .icons-Increase-Inedit:before { content: "\e9e0"; } .icons-Indent-FirstLine:before { content: "\e9e1"; } .icons-Indent-LeftMargin:before { content: "\e9e2"; } .icons-Indent-RightMargin:before { content: "\e9e3"; } .icons-India:before { content: "\e9e4"; } .icons-Info-Window:before { content: "\e9e5"; } .icons-Information:before { content: "\e9e6"; } .icons-Inifity:before { content: "\e9e7"; } .icons-Instagram:before { content: "\e9e8"; } .icons-Internet-2:before { content: "\e9e9"; } .icons-Internet-Explorer:before { content: "\e9ea"; } .icons-Internet-Smiley:before { content: "\e9eb"; } .icons-Internet:before { content: "\e9ec"; } .icons-iOS-Apple:before { content: "\e9ed"; } .icons-Israel:before { content: "\e9ee"; } .icons-Italic-Text:before { content: "\e9ef"; } .icons-Jacket-2:before { content: "\e9f0"; } .icons-Jacket:before { content: "\e9f1"; } .icons-Jamaica:before { content: "\e9f2"; } .icons-Japan:before { content: "\e9f3"; } .icons-Japanese-Gate:before { content: "\e9f4"; } .icons-Jeans:before { content: "\e9f5"; } .icons-Jeep-2:before { content: "\e9f6"; } .icons-Jeep:before { content: "\e9f7"; } .icons-Jet:before { content: "\e9f8"; } .icons-Joystick:before { content: "\e9f9"; } .icons-Juice:before { content: "\e9fa"; } .icons-Jump-Rope:before { content: "\e9fb"; } .icons-Kangoroo:before { content: "\e9fc"; } .icons-Kenya:before { content: "\e9fd"; } .icons-Key-2:before { content: "\e9fe"; } .icons-Key-3:before { content: "\e9ff"; } .icons-Key-Lock:before { content: "\ea00"; } .icons-Key:before { content: "\ea01"; } .icons-Keyboard:before { content: "\ea02"; } .icons-Keyboard3:before { content: "\ea03"; } .icons-Keypad:before { content: "\ea04"; } .icons-King-2:before { content: "\ea05"; } .icons-King:before { content: "\ea06"; } .icons-Kiss:before { content: "\ea07"; } .icons-Knee:before { content: "\ea08"; } .icons-Knife-2:before { content: "\ea09"; } .icons-Knife:before { content: "\ea0a"; } .icons-Knight:before { content: "\ea0b"; } .icons-Koala:before { content: "\ea0c"; } .icons-Korea:before { content: "\ea0d"; } .icons-Lamp:before { content: "\ea0e"; } .icons-Landscape-2:before { content: "\ea0f"; } .icons-Landscape:before { content: "\ea10"; } .icons-Lantern:before { content: "\ea11"; } .icons-Laptop-2:before { content: "\ea12"; } .icons-Laptop-3:before { content: "\ea13"; } .icons-Laptop-Phone:before { content: "\ea14"; } .icons-Laptop-Secure:before { content: "\ea15"; } .icons-Laptop-Tablet:before { content: "\ea16"; } .icons-Laptop:before { content: "\ea17"; } .icons-Laser:before { content: "\ea18"; } .icons-Last-FM:before { content: "\ea19"; } .icons-Last:before { content: "\ea1a"; } .icons-Laughing:before { content: "\ea1b"; } .icons-Layer-1635:before { content: "\ea1c"; } .icons-Layer-1646:before { content: "\ea1d"; } .icons-Layer-Backward:before { content: "\ea1e"; } .icons-Layer-Forward:before { content: "\ea1f"; } .icons-Leafs-2:before { content: "\ea20"; } .icons-Leafs:before { content: "\ea21"; } .icons-Leaning-Tower:before { content: "\ea22"; } .icons-Left--Right:before { content: "\ea23"; } .icons-Left--Right3:before { content: "\ea24"; } .icons-Left-2:before { content: "\ea25"; } .icons-Left-3:before { content: "\ea26"; } .icons-Left-4:before { content: "\ea27"; } .icons-Left-ToRight:before { content: "\ea28"; } .icons-Left:before { content: "\ea29"; } .icons-Leg-2:before { content: "\ea2a"; } .icons-Leg:before { content: "\ea2b"; } .icons-Lego:before { content: "\ea2c"; } .icons-Lemon:before { content: "\ea2d"; } .icons-Len-2:before { content: "\ea2e"; } .icons-Len-3:before { content: "\ea2f"; } .icons-Len:before { content: "\ea30"; } .icons-Leo-2:before { content: "\ea31"; } .icons-Leo:before { content: "\ea32"; } .icons-Leopard:before { content: "\ea33"; } .icons-Lesbian:before { content: "\ea34"; } .icons-Lesbians:before { content: "\ea35"; } .icons-Letter-Close:before { content: "\ea36"; } .icons-Letter-Open:before { content: "\ea37"; } .icons-Letter-Sent:before { content: "\ea38"; } .icons-Libra-2:before { content: "\ea39"; } .icons-Libra:before { content: "\ea3a"; } .icons-Library-2:before { content: "\ea3b"; } .icons-Library:before { content: "\ea3c"; } .icons-Life-Jacket:before { content: "\ea3d"; } .icons-Life-Safer:before { content: "\ea3e"; } .icons-Light-Bulb:before { content: "\ea3f"; } .icons-Light-Bulb2:before { content: "\ea40"; } .icons-Light-BulbLeaf:before { content: "\ea41"; } .icons-Lighthouse:before { content: "\ea42"; } .icons-Like-2:before { content: "\ea43"; } .icons-Like:before { content: "\ea44"; } .icons-Line-Chart:before { content: "\ea45"; } .icons-Line-Chart2:before { content: "\ea46"; } .icons-Line-Chart3:before { content: "\ea47"; } .icons-Line-Chart4:before { content: "\ea48"; } .icons-Line-Spacing:before { content: "\ea49"; } .icons-Line-SpacingText:before { content: "\ea4a"; } .icons-Link-2:before { content: "\ea4b"; } .icons-Link:before { content: "\ea4c"; } .icons-Linkedin-2:before { content: "\ea4d"; } .icons-Linkedin:before { content: "\ea4e"; } .icons-Linux:before { content: "\ea4f"; } .icons-Lion:before { content: "\ea50"; } .icons-Livejournal:before { content: "\ea51"; } .icons-Loading-2:before { content: "\ea52"; } .icons-Loading-3:before { content: "\ea53"; } .icons-Loading-Window:before { content: "\ea54"; } .icons-Loading:before { content: "\ea55"; } .icons-Location-2:before { content: "\ea56"; } .icons-Location:before { content: "\ea57"; } .icons-Lock-2:before { content: "\ea58"; } .icons-Lock-3:before { content: "\ea59"; } .icons-Lock-User:before { content: "\ea5a"; } .icons-Lock-Window:before { content: "\ea5b"; } .icons-Lock:before { content: "\ea5c"; } .icons-Lollipop-2:before { content: "\ea5d"; } .icons-Lollipop-3:before { content: "\ea5e"; } .icons-Lollipop:before { content: "\ea5f"; } .icons-Loop:before { content: "\ea60"; } .icons-Loud:before { content: "\ea61"; } .icons-Loudspeaker:before { content: "\ea62"; } .icons-Love-2:before { content: "\ea63"; } .icons-Love-User:before { content: "\ea64"; } .icons-Love-Window:before { content: "\ea65"; } .icons-Love:before { content: "\ea66"; } .icons-Lowercase-Text:before { content: "\ea67"; } .icons-Luggafe-Front:before { content: "\ea68"; } .icons-Luggage-2:before { content: "\ea69"; } .icons-Macro:before { content: "\ea6a"; } .icons-Magic-Wand:before { content: "\ea6b"; } .icons-Magnet:before { content: "\ea6c"; } .icons-Magnifi-Glass-:before { content: "\ea6d"; } .icons-Magnifi-Glass:before { content: "\ea6e"; } .icons-Magnifi-Glass2:before { content: "\ea6f"; } .icons-Mail-2:before { content: "\ea70"; } .icons-Mail-3:before { content: "\ea71"; } .icons-Mail-Add:before { content: "\ea72"; } .icons-Mail-Attachement:before { content: "\ea73"; } .icons-Mail-Block:before { content: "\ea74"; } .icons-Mail-Delete:before { content: "\ea75"; } .icons-Mail-Favorite:before { content: "\ea76"; } .icons-Mail-Forward:before { content: "\ea77"; } .icons-Mail-Gallery:before { content: "\ea78"; } .icons-Mail-Inbox:before { content: "\ea79"; } .icons-Mail-Link:before { content: "\ea7a"; } .icons-Mail-Lock:before { content: "\ea7b"; } .icons-Mail-Love:before { content: "\ea7c"; } .icons-Mail-Money:before { content: "\ea7d"; } .icons-Mail-Open:before { content: "\ea7e"; } .icons-Mail-Outbox:before { content: "\ea7f"; } .icons-Mail-Password:before { content: "\ea80"; } .icons-Mail-Photo:before { content: "\ea81"; } .icons-Mail-Read:before { content: "\ea82"; } .icons-Mail-Removex:before { content: "\ea83"; } .icons-Mail-Reply:before { content: "\ea84"; } .icons-Mail-ReplyAll:before { content: "\ea85"; } .icons-Mail-Search:before { content: "\ea86"; } .icons-Mail-Send:before { content: "\ea87"; } .icons-Mail-Settings:before { content: "\ea88"; } .icons-Mail-Unread:before { content: "\ea89"; } .icons-Mail-Video:before { content: "\ea8a"; } .icons-Mail-withAtSign:before { content: "\ea8b"; } .icons-Mail-WithCursors:before { content: "\ea8c"; } .icons-Mail:before { content: "\ea8d"; } .icons-Mailbox-Empty:before { content: "\ea8e"; } .icons-Mailbox-Full:before { content: "\ea8f"; } .icons-Male-2:before { content: "\ea90"; } .icons-Male-Sign:before { content: "\ea91"; } .icons-Male:before { content: "\ea92"; } .icons-MaleFemale:before { content: "\ea93"; } .icons-Man-Sign:before { content: "\ea94"; } .icons-Management:before { content: "\ea95"; } .icons-Mans-Underwear:before { content: "\ea96"; } .icons-Mans-Underwear2:before { content: "\ea97"; } .icons-Map-Marker:before { content: "\ea98"; } .icons-Map-Marker2:before { content: "\ea99"; } .icons-Map-Marker3:before { content: "\ea9a"; } .icons-Map:before { content: "\ea9b"; } .icons-Map2:before { content: "\ea9c"; } .icons-Marker-2:before { content: "\ea9d"; } .icons-Marker-3:before { content: "\ea9e"; } .icons-Marker:before { content: "\ea9f"; } .icons-Martini-Glass:before { content: "\eaa0"; } .icons-Mask:before { content: "\eaa1"; } .icons-Master-Card:before { content: "\eaa2"; } .icons-Maximize-Window:before { content: "\eaa3"; } .icons-Maximize:before { content: "\eaa4"; } .icons-Medal-2:before { content: "\eaa5"; } .icons-Medal-3:before { content: "\eaa6"; } .icons-Medal:before { content: "\eaa7"; } .icons-Medical-Sign:before { content: "\eaa8"; } .icons-Medicine-2:before { content: "\eaa9"; } .icons-Medicine-3:before { content: "\eaaa"; } .icons-Medicine:before { content: "\eaab"; } .icons-Megaphone:before { content: "\eaac"; } .icons-Memory-Card:before { content: "\eaad"; } .icons-Memory-Card2:before { content: "\eaae"; } .icons-Memory-Card3:before { content: "\eaaf"; } .icons-Men:before { content: "\eab0"; } .icons-Menorah:before { content: "\eab1"; } .icons-Mens:before { content: "\eab2"; } .icons-Metacafe:before { content: "\eab3"; } .icons-Mexico:before { content: "\eab4"; } .icons-Mic:before { content: "\eab5"; } .icons-Microphone-2:before { content: "\eab6"; } .icons-Microphone-3:before { content: "\eab7"; } .icons-Microphone-4:before { content: "\eab8"; } .icons-Microphone-5:before { content: "\eab9"; } .icons-Microphone-6:before { content: "\eaba"; } .icons-Microphone-7:before { content: "\eabb"; } .icons-Microphone:before { content: "\eabc"; } .icons-Microscope:before { content: "\eabd"; } .icons-Milk-Bottle:before { content: "\eabe"; } .icons-Mine:before { content: "\eabf"; } .icons-Minimize-Maximize-Close-Window:before { content: "\eac0"; } .icons-Minimize-Window:before { content: "\eac1"; } .icons-Minimize:before { content: "\eac2"; } .icons-Mirror:before { content: "\eac3"; } .icons-Mixer:before { content: "\eac4"; } .icons-Mixx:before { content: "\eac5"; } .icons-Money-2:before { content: "\eac6"; } .icons-Money-Bag:before { content: "\eac7"; } .icons-Money-Smiley:before { content: "\eac8"; } .icons-Money:before { content: "\eac9"; } .icons-Monitor-2:before { content: "\eaca"; } .icons-Monitor-3:before { content: "\eacb"; } .icons-Monitor-4:before { content: "\eacc"; } .icons-Monitor-5:before { content: "\eacd"; } .icons-Monitor-Analytics:before { content: "\eace"; } .icons-Monitor-Laptop:before { content: "\eacf"; } .icons-Monitor-phone:before { content: "\ead0"; } .icons-Monitor-Tablet:before { content: "\ead1"; } .icons-Monitor-Vertical:before { content: "\ead2"; } .icons-Monitor:before { content: "\ead3"; } .icons-Monitoring:before { content: "\ead4"; } .icons-Monkey:before { content: "\ead5"; } .icons-Monster:before { content: "\ead6"; } .icons-Morocco:before { content: "\ead7"; } .icons-Motorcycle:before { content: "\ead8"; } .icons-Mouse-2:before { content: "\ead9"; } .icons-Mouse-3:before { content: "\eada"; } .icons-Mouse-4:before { content: "\eadb"; } .icons-Mouse-Pointer:before { content: "\eadc"; } .icons-Mouse:before { content: "\eadd"; } .icons-Moustache-Smiley:before { content: "\eade"; } .icons-Movie-Ticket:before { content: "\eadf"; } .icons-Movie:before { content: "\eae0"; } .icons-Mp3-File:before { content: "\eae1"; } .icons-Museum:before { content: "\eae2"; } .icons-Mushroom:before { content: "\eae3"; } .icons-Music-Note:before { content: "\eae4"; } .icons-Music-Note2:before { content: "\eae5"; } .icons-Music-Note3:before { content: "\eae6"; } .icons-Music-Note4:before { content: "\eae7"; } .icons-Music-Player:before { content: "\eae8"; } .icons-Mustache-2:before { content: "\eae9"; } .icons-Mustache-3:before { content: "\eaea"; } .icons-Mustache-4:before { content: "\eaeb"; } .icons-Mustache-5:before { content: "\eaec"; } .icons-Mustache-6:before { content: "\eaed"; } .icons-Mustache-7:before { content: "\eaee"; } .icons-Mustache-8:before { content: "\eaef"; } .icons-Mustache:before { content: "\eaf0"; } .icons-Mute:before { content: "\eaf1"; } .icons-Myspace:before { content: "\eaf2"; } .icons-Navigat-Start:before { content: "\eaf3"; } .icons-Navigate-End:before { content: "\eaf4"; } .icons-Navigation-LeftWindow:before { content: "\eaf5"; } .icons-Navigation-RightWindow:before { content: "\eaf6"; } .icons-Nepal:before { content: "\eaf7"; } .icons-Netscape:before { content: "\eaf8"; } .icons-Network-Window:before { content: "\eaf9"; } .icons-Network:before { content: "\eafa"; } .icons-Neutron:before { content: "\eafb"; } .icons-New-Mail:before { content: "\eafc"; } .icons-New-Tab:before { content: "\eafd"; } .icons-Newspaper-2:before { content: "\eafe"; } .icons-Newspaper:before { content: "\eaff"; } .icons-Newsvine:before { content: "\eb00"; } .icons-Next2:before { content: "\eb01"; } .icons-Next-3:before { content: "\eb02"; } .icons-Next-Music:before { content: "\eb03"; } .icons-Next:before { content: "\eb04"; } .icons-No-Battery:before { content: "\eb05"; } .icons-No-Drop:before { content: "\eb06"; } .icons-No-Flash:before { content: "\eb07"; } .icons-No-Smoking:before { content: "\eb08"; } .icons-Noose:before { content: "\eb09"; } .icons-Normal-Text:before { content: "\eb0a"; } .icons-Note:before { content: "\eb0b"; } .icons-Notepad-2:before { content: "\eb0c"; } .icons-Notepad:before { content: "\eb0d"; } .icons-Nuclear:before { content: "\eb0e"; } .icons-Numbering-List:before { content: "\eb0f"; } .icons-Nurse:before { content: "\eb10"; } .icons-Office-Lamp:before { content: "\eb11"; } .icons-Office:before { content: "\eb12"; } .icons-Oil:before { content: "\eb13"; } .icons-Old-Camera:before { content: "\eb14"; } .icons-Old-Cassette:before { content: "\eb15"; } .icons-Old-Clock:before { content: "\eb16"; } .icons-Old-Radio:before { content: "\eb17"; } .icons-Old-Sticky:before { content: "\eb18"; } .icons-Old-Sticky2:before { content: "\eb19"; } .icons-Old-Telephone:before { content: "\eb1a"; } .icons-Old-TV:before { content: "\eb1b"; } .icons-On-Air:before { content: "\eb1c"; } .icons-On-Off-2:before { content: "\eb1d"; } .icons-On-Off-3:before { content: "\eb1e"; } .icons-On-off:before { content: "\eb1f"; } .icons-One-Finger:before { content: "\eb20"; } .icons-One-FingerTouch:before { content: "\eb21"; } .icons-One-Window:before { content: "\eb22"; } .icons-Open-Banana:before { content: "\eb23"; } .icons-Open-Book:before { content: "\eb24"; } .icons-Opera-House:before { content: "\eb25"; } .icons-Opera:before { content: "\eb26"; } .icons-Optimization:before { content: "\eb27"; } .icons-Orientation-2:before { content: "\eb28"; } .icons-Orientation-3:before { content: "\eb29"; } .icons-Orientation:before { content: "\eb2a"; } .icons-Orkut:before { content: "\eb2b"; } .icons-Ornament:before { content: "\eb2c"; } .icons-Over-Time:before { content: "\eb2d"; } .icons-Over-Time2:before { content: "\eb2e"; } .icons-Owl:before { content: "\eb2f"; } .icons-Pac-Man:before { content: "\eb30"; } .icons-Paint-Brush:before { content: "\eb31"; } .icons-Paint-Bucket:before { content: "\eb32"; } .icons-Paintbrush:before { content: "\eb33"; } .icons-Palette:before { content: "\eb34"; } .icons-Palm-Tree:before { content: "\eb35"; } .icons-Panda:before { content: "\eb36"; } .icons-Panorama:before { content: "\eb37"; } .icons-Pantheon:before { content: "\eb38"; } .icons-Pantone:before { content: "\eb39"; } .icons-Pants:before { content: "\eb3a"; } .icons-Paper-Plane:before { content: "\eb3b"; } .icons-Paper:before { content: "\eb3c"; } .icons-Parasailing:before { content: "\eb3d"; } .icons-Parrot:before { content: "\eb3e"; } .icons-Password-2shopping:before { content: "\eb3f"; } .icons-Password-Field:before { content: "\eb40"; } .icons-Password-shopping:before { content: "\eb41"; } .icons-Password:before { content: "\eb42"; } .icons-pause-2:before { content: "\eb43"; } .icons-Pause:before { content: "\eb44"; } .icons-Paw:before { content: "\eb45"; } .icons-Pawn:before { content: "\eb46"; } .icons-Paypal:before { content: "\eb47"; } .icons-Pen-2:before { content: "\eb48"; } .icons-Pen-3:before { content: "\eb49"; } .icons-Pen-4:before { content: "\eb4a"; } .icons-Pen-5:before { content: "\eb4b"; } .icons-Pen-6:before { content: "\eb4c"; } .icons-Pen:before { content: "\eb4d"; } .icons-Pencil-Ruler:before { content: "\eb4e"; } .icons-Pencil:before { content: "\eb4f"; } .icons-Penguin:before { content: "\eb50"; } .icons-Pentagon:before { content: "\eb51"; } .icons-People-onCloud:before { content: "\eb52"; } .icons-Pepper-withFire:before { content: "\eb53"; } .icons-Pepper:before { content: "\eb54"; } .icons-Petrol:before { content: "\eb55"; } .icons-Petronas-Tower:before { content: "\eb56"; } .icons-Philipines:before { content: "\eb57"; } .icons-Phone-2:before { content: "\eb58"; } .icons-Phone-3:before { content: "\eb59"; } .icons-Phone-3G:before { content: "\eb5a"; } .icons-Phone-4G:before { content: "\eb5b"; } .icons-Phone-Simcard:before { content: "\eb5c"; } .icons-Phone-SMS:before { content: "\eb5d"; } .icons-Phone-Wifi:before { content: "\eb5e"; } .icons-Phone:before { content: "\eb5f"; } .icons-Photo-2:before { content: "\eb60"; } .icons-Photo-3:before { content: "\eb61"; } .icons-Photo-Album:before { content: "\eb62"; } .icons-Photo-Album2:before { content: "\eb63"; } .icons-Photo-Album3:before { content: "\eb64"; } .icons-Photo:before { content: "\eb65"; } .icons-Photos:before { content: "\eb66"; } .icons-Physics:before { content: "\eb67"; } .icons-Pi:before { content: "\eb68"; } .icons-Piano:before { content: "\eb69"; } .icons-Picasa:before { content: "\eb6a"; } .icons-Pie-Chart:before { content: "\eb6b"; } .icons-Pie-Chart2:before { content: "\eb6c"; } .icons-Pie-Chart3:before { content: "\eb6d"; } .icons-Pilates-2:before { content: "\eb6e"; } .icons-Pilates-3:before { content: "\eb6f"; } .icons-Pilates:before { content: "\eb70"; } .icons-Pilot:before { content: "\eb71"; } .icons-Pinch:before { content: "\eb72"; } .icons-Ping-Pong:before { content: "\eb73"; } .icons-Pinterest:before { content: "\eb74"; } .icons-Pipe:before { content: "\eb75"; } .icons-Pipette:before { content: "\eb76"; } .icons-Piramids:before { content: "\eb77"; } .icons-Pisces-2:before { content: "\eb78"; } .icons-Pisces:before { content: "\eb79"; } .icons-Pizza-Slice:before { content: "\eb7a"; } .icons-Pizza:before { content: "\eb7b"; } .icons-Plane-2:before { content: "\eb7c"; } .icons-Plane:before { content: "\eb7d"; } .icons-Plant:before { content: "\eb7e"; } .icons-Plasmid:before { content: "\eb7f"; } .icons-Plaster:before { content: "\eb80"; } .icons-Plastic-CupPhone:before { content: "\eb81"; } .icons-Plastic-CupPhone2:before { content: "\eb82"; } .icons-Plate:before { content: "\eb83"; } .icons-Plates:before { content: "\eb84"; } .icons-Plaxo:before { content: "\eb85"; } .icons-Play-Music:before { content: "\eb86"; } .icons-Plug-In:before { content: "\eb87"; } .icons-Plug-In2:before { content: "\eb88"; } .icons-Plurk:before { content: "\eb89"; } .icons-Pointer:before { content: "\eb8a"; } .icons-Poland:before { content: "\eb8b"; } .icons-Police-Man:before { content: "\eb8c"; } .icons-Police-Station:before { content: "\eb8d"; } .icons-Police-Woman:before { content: "\eb8e"; } .icons-Police:before { content: "\eb8f"; } .icons-Polo-Shirt:before { content: "\eb90"; } .icons-Portrait:before { content: "\eb91"; } .icons-Portugal:before { content: "\eb92"; } .icons-Post-Mail:before { content: "\eb93"; } .icons-Post-Mail2:before { content: "\eb94"; } .icons-Post-Office:before { content: "\eb95"; } .icons-Post-Sign:before { content: "\eb96"; } .icons-Post-Sign2ways:before { content: "\eb97"; } .icons-Posterous:before { content: "\eb98"; } .icons-Pound-Sign:before { content: "\eb99"; } .icons-Pound-Sign2:before { content: "\eb9a"; } .icons-Pound:before { content: "\eb9b"; } .icons-Power-2:before { content: "\eb9c"; } .icons-Power-3:before { content: "\eb9d"; } .icons-Power-Cable:before { content: "\eb9e"; } .icons-Power-Station:before { content: "\eb9f"; } .icons-Power:before { content: "\eba0"; } .icons-Prater:before { content: "\eba1"; } .icons-Present:before { content: "\eba2"; } .icons-Presents:before { content: "\eba3"; } .icons-Press:before { content: "\eba4"; } .icons-Preview:before { content: "\eba5"; } .icons-Previous:before { content: "\eba6"; } .icons-Pricing:before { content: "\eba7"; } .icons-Printer:before { content: "\eba8"; } .icons-Professor:before { content: "\eba9"; } .icons-Profile:before { content: "\ebaa"; } .icons-Project:before { content: "\ebab"; } .icons-Projector-2:before { content: "\ebac"; } .icons-Projector:before { content: "\ebad"; } .icons-Pulse:before { content: "\ebae"; } .icons-Pumpkin:before { content: "\ebaf"; } .icons-Punk:before { content: "\ebb0"; } .icons-Punker:before { content: "\ebb1"; } .icons-Puzzle:before { content: "\ebb2"; } .icons-QIK:before { content: "\ebb3"; } .icons-QR-Code:before { content: "\ebb4"; } .icons-Queen-2:before { content: "\ebb5"; } .icons-Queen:before { content: "\ebb6"; } .icons-Quill-2:before { content: "\ebb7"; } .icons-Quill-3:before { content: "\ebb8"; } .icons-Quill:before { content: "\ebb9"; } .icons-Quotes-2:before { content: "\ebba"; } .icons-Quotes:before { content: "\ebbb"; } .icons-Radio:before { content: "\ebbc"; } .icons-Radioactive:before { content: "\ebbd"; } .icons-Rafting:before { content: "\ebbe"; } .icons-Rain-Drop:before { content: "\ebbf"; } .icons-Rainbow-2:before { content: "\ebc0"; } .icons-Rainbow:before { content: "\ebc1"; } .icons-Ram:before { content: "\ebc2"; } .icons-Razzor-Blade:before { content: "\ebc3"; } .icons-Receipt-2:before { content: "\ebc4"; } .icons-Receipt-3:before { content: "\ebc5"; } .icons-Receipt-4:before { content: "\ebc6"; } .icons-Receipt:before { content: "\ebc7"; } .icons-Record2:before { content: "\ebc8"; } .icons-Record-3:before { content: "\ebc9"; } .icons-Record-Music:before { content: "\ebca"; } .icons-Record:before { content: "\ebcb"; } .icons-Recycling-2:before { content: "\ebcc"; } .icons-Recycling:before { content: "\ebcd"; } .icons-Reddit:before { content: "\ebce"; } .icons-Redhat:before { content: "\ebcf"; } .icons-Redirect:before { content: "\ebd0"; } .icons-Redo:before { content: "\ebd1"; } .icons-Reel:before { content: "\ebd2"; } .icons-Refinery:before { content: "\ebd3"; } .icons-Refresh-Window:before { content: "\ebd4"; } .icons-Refresh:before { content: "\ebd5"; } .icons-Reload-2:before { content: "\ebd6"; } .icons-Reload-3:before { content: "\ebd7"; } .icons-Reload:before { content: "\ebd8"; } .icons-Remote-Controll:before { content: "\ebd9"; } .icons-Remote-Controll2:before { content: "\ebda"; } .icons-Remove-Bag:before { content: "\ebdb"; } .icons-Remove-Basket:before { content: "\ebdc"; } .icons-Remove-Cart:before { content: "\ebdd"; } .icons-Remove-File:before { content: "\ebde"; } .icons-Remove-User:before { content: "\ebdf"; } .icons-Remove-Window:before { content: "\ebe0"; } .icons-Remove:before { content: "\ebe1"; } .icons-Rename:before { content: "\ebe2"; } .icons-Repair:before { content: "\ebe3"; } .icons-Repeat-2:before { content: "\ebe4"; } .icons-Repeat-3:before { content: "\ebe5"; } .icons-Repeat-4:before { content: "\ebe6"; } .icons-Repeat-5:before { content: "\ebe7"; } .icons-Repeat-6:before { content: "\ebe8"; } .icons-Repeat-7:before { content: "\ebe9"; } .icons-Repeat:before { content: "\ebea"; } .icons-Reset:before { content: "\ebeb"; } .icons-Resize:before { content: "\ebec"; } .icons-Restore-Window:before { content: "\ebed"; } .icons-Retouching:before { content: "\ebee"; } .icons-Retro-Camera:before { content: "\ebef"; } .icons-Retro:before { content: "\ebf0"; } .icons-Retweet:before { content: "\ebf1"; } .icons-Reverbnation:before { content: "\ebf2"; } .icons-Rewind:before { content: "\ebf3"; } .icons-RGB:before { content: "\ebf4"; } .icons-Ribbon-2:before { content: "\ebf5"; } .icons-Ribbon-3:before { content: "\ebf6"; } .icons-Ribbon:before { content: "\ebf7"; } .icons-Right-2:before { content: "\ebf8"; } .icons-Right-3:before { content: "\ebf9"; } .icons-Right-4:before { content: "\ebfa"; } .icons-Right-ToLeft:before { content: "\ebfb"; } .icons-Right:before { content: "\ebfc"; } .icons-Road-2:before { content: "\ebfd"; } .icons-Road-3:before { content: "\ebfe"; } .icons-Road:before { content: "\ebff"; } .icons-Robot-2:before { content: "\ec00"; } .icons-Robot:before { content: "\ec01"; } .icons-Rock-andRoll:before { content: "\ec02"; } .icons-Rocket:before { content: "\ec03"; } .icons-Roller:before { content: "\ec04"; } .icons-Roof:before { content: "\ec05"; } .icons-Rook:before { content: "\ec06"; } .icons-Rotate-Gesture:before { content: "\ec07"; } .icons-Rotate-Gesture2:before { content: "\ec08"; } .icons-Rotate-Gesture3:before { content: "\ec09"; } .icons-Rotation-390:before { content: "\ec0a"; } .icons-Rotation:before { content: "\ec0b"; } .icons-Router-2:before { content: "\ec0c"; } .icons-Router:before { content: "\ec0d"; } .icons-RSS:before { content: "\ec0e"; } .icons-Ruler-2:before { content: "\ec0f"; } .icons-Ruler:before { content: "\ec10"; } .icons-Running-Shoes:before { content: "\ec11"; } .icons-Running:before { content: "\ec12"; } .icons-Safari:before { content: "\ec13"; } .icons-Safe-Box:before { content: "\ec14"; } .icons-Safe-Box2:before { content: "\ec15"; } .icons-Safety-PinClose:before { content: "\ec16"; } .icons-Safety-PinOpen:before { content: "\ec17"; } .icons-Sagittarus-2:before { content: "\ec18"; } .icons-Sagittarus:before { content: "\ec19"; } .icons-Sailing-Ship:before { content: "\ec1a"; } .icons-Sand-watch:before { content: "\ec1b"; } .icons-Sand-watch2:before { content: "\ec1c"; } .icons-Santa-Claus:before { content: "\ec1d"; } .icons-Santa-Claus2:before { content: "\ec1e"; } .icons-Santa-onSled:before { content: "\ec1f"; } .icons-Satelite-2:before { content: "\ec20"; } .icons-Satelite:before { content: "\ec21"; } .icons-Save-Window:before { content: "\ec22"; } .icons-Save:before { content: "\ec23"; } .icons-Saw:before { content: "\ec24"; } .icons-Saxophone:before { content: "\ec25"; } .icons-Scale:before { content: "\ec26"; } .icons-Scarf:before { content: "\ec27"; } .icons-Scissor:before { content: "\ec28"; } .icons-Scooter-Front:before { content: "\ec29"; } .icons-Scooter:before { content: "\ec2a"; } .icons-Scorpio-2:before { content: "\ec2b"; } .icons-Scorpio:before { content: "\ec2c"; } .icons-Scotland:before { content: "\ec2d"; } .icons-Screwdriver:before { content: "\ec2e"; } .icons-Scroll-Fast:before { content: "\ec2f"; } .icons-Scroll:before { content: "\ec30"; } .icons-Scroller-2:before { content: "\ec31"; } .icons-Scroller:before { content: "\ec32"; } .icons-Sea-Dog:before { content: "\ec33"; } .icons-Search-onCloud:before { content: "\ec34"; } .icons-Search-People:before { content: "\ec35"; } .icons-secound:before { content: "\ec36"; } .icons-secound2:before { content: "\ec37"; } .icons-Security-Block:before { content: "\ec38"; } .icons-Security-Bug:before { content: "\ec39"; } .icons-Security-Camera:before { content: "\ec3a"; } .icons-Security-Check:before { content: "\ec3b"; } .icons-Security-Settings:before { content: "\ec3c"; } .icons-Security-Smiley:before { content: "\ec3d"; } .icons-Securiy-Remove:before { content: "\ec3e"; } .icons-Seed:before { content: "\ec3f"; } .icons-Selfie:before { content: "\ec40"; } .icons-Serbia:before { content: "\ec41"; } .icons-Server-2:before { content: "\ec42"; } .icons-Server:before { content: "\ec43"; } .icons-Servers:before { content: "\ec44"; } .icons-Settings-Window:before { content: "\ec45"; } .icons-Sewing-Machine:before { content: "\ec46"; } .icons-Sexual:before { content: "\ec47"; } .icons-Share-onCloud:before { content: "\ec48"; } .icons-Share-Window:before { content: "\ec49"; } .icons-Share:before { content: "\ec4a"; } .icons-Sharethis:before { content: "\ec4b"; } .icons-Shark:before { content: "\ec4c"; } .icons-Sheep:before { content: "\ec4d"; } .icons-Sheriff-Badge:before { content: "\ec4e"; } .icons-Shield:before { content: "\ec4f"; } .icons-Ship-2:before { content: "\ec50"; } .icons-Ship:before { content: "\ec51"; } .icons-Shirt:before { content: "\ec52"; } .icons-Shoes-2:before { content: "\ec53"; } .icons-Shoes-3:before { content: "\ec54"; } .icons-Shoes:before { content: "\ec55"; } .icons-Shop-2:before { content: "\ec56"; } .icons-Shop-3:before { content: "\ec57"; } .icons-Shop-4:before { content: "\ec58"; } .icons-Shop:before { content: "\ec59"; } .icons-Shopping-Bag:before { content: "\ec5a"; } .icons-Shopping-Basket:before { content: "\ec5b"; } .icons-Shopping-Cart:before { content: "\ec5c"; } .icons-Short-Pants:before { content: "\ec5d"; } .icons-Shoutwire:before { content: "\ec5e"; } .icons-Shovel:before { content: "\ec5f"; } .icons-Shuffle-2:before { content: "\ec60"; } .icons-Shuffle-3:before { content: "\ec61"; } .icons-Shuffle-4:before { content: "\ec62"; } .icons-Shuffle:before { content: "\ec63"; } .icons-Shutter:before { content: "\ec64"; } .icons-Sidebar-Window:before { content: "\ec65"; } .icons-Signal:before { content: "\ec66"; } .icons-Singapore:before { content: "\ec67"; } .icons-Skate-Shoes:before { content: "\ec68"; } .icons-Skateboard-2:before { content: "\ec69"; } .icons-Skateboard:before { content: "\ec6a"; } .icons-Skeleton:before { content: "\ec6b"; } .icons-Ski:before { content: "\ec6c"; } .icons-Skirt:before { content: "\ec6d"; } .icons-Skrill:before { content: "\ec6e"; } .icons-Skull:before { content: "\ec6f"; } .icons-Skydiving:before { content: "\ec70"; } .icons-Skype:before { content: "\ec71"; } .icons-Sled-withGifts:before { content: "\ec72"; } .icons-Sled:before { content: "\ec73"; } .icons-Sleeping:before { content: "\ec74"; } .icons-Sleet:before { content: "\ec75"; } .icons-Slippers:before { content: "\ec76"; } .icons-Smart:before { content: "\ec77"; } .icons-Smartphone-2:before { content: "\ec78"; } .icons-Smartphone-3:before { content: "\ec79"; } .icons-Smartphone-4:before { content: "\ec7a"; } .icons-Smartphone-Secure:before { content: "\ec7b"; } .icons-Smartphone:before { content: "\ec7c"; } .icons-Smile:before { content: "\ec7d"; } .icons-Smoking-Area:before { content: "\ec7e"; } .icons-Smoking-Pipe:before { content: "\ec7f"; } .icons-Snake:before { content: "\ec80"; } .icons-Snorkel:before { content: "\ec81"; } .icons-Snow-2:before { content: "\ec82"; } .icons-Snow-Dome:before { content: "\ec83"; } .icons-Snow-Storm:before { content: "\ec84"; } .icons-Snow:before { content: "\ec85"; } .icons-Snowflake-2:before { content: "\ec86"; } .icons-Snowflake-3:before { content: "\ec87"; } .icons-Snowflake-4:before { content: "\ec88"; } .icons-Snowflake:before { content: "\ec89"; } .icons-Snowman:before { content: "\ec8a"; } .icons-Soccer-Ball:before { content: "\ec8b"; } .icons-Soccer-Shoes:before { content: "\ec8c"; } .icons-Socks:before { content: "\ec8d"; } .icons-Solar:before { content: "\ec8e"; } .icons-Sound-Wave:before { content: "\ec8f"; } .icons-Sound:before { content: "\ec90"; } .icons-Soundcloud:before { content: "\ec91"; } .icons-Soup:before { content: "\ec92"; } .icons-South-Africa:before { content: "\ec93"; } .icons-Space-Needle:before { content: "\ec94"; } .icons-Spain:before { content: "\ec95"; } .icons-Spam-Mail:before { content: "\ec96"; } .icons-Speach-Bubble:before { content: "\ec97"; } .icons-Speach-Bubble2:before { content: "\ec98"; } .icons-Speach-Bubble3:before { content: "\ec99"; } .icons-Speach-Bubble4:before { content: "\ec9a"; } .icons-Speach-Bubble5:before { content: "\ec9b"; } .icons-Speach-Bubble6:before { content: "\ec9c"; } .icons-Speach-Bubble7:before { content: "\ec9d"; } .icons-Speach-Bubble8:before { content: "\ec9e"; } .icons-Speach-Bubble9:before { content: "\ec9f"; } .icons-Speach-Bubble10:before { content: "\eca0"; } .icons-Speach-Bubble11:before { content: "\eca1"; } .icons-Speach-Bubble12:before { content: "\eca2"; } .icons-Speach-Bubble13:before { content: "\eca3"; } .icons-Speach-BubbleAsking:before { content: "\eca4"; } .icons-Speach-BubbleComic:before { content: "\eca5"; } .icons-Speach-BubbleComic2:before { content: "\eca6"; } .icons-Speach-BubbleComic3:before { content: "\eca7"; } .icons-Speach-BubbleComic4:before { content: "\eca8"; } .icons-Speach-BubbleDialog:before { content: "\eca9"; } .icons-Speach-Bubbles:before { content: "\ecaa"; } .icons-Speak-2:before { content: "\ecab"; } .icons-Speak:before { content: "\ecac"; } .icons-Speaker-2:before { content: "\ecad"; } .icons-Speaker:before { content: "\ecae"; } .icons-Spell-Check:before { content: "\ecaf"; } .icons-Spell-CheckABC:before { content: "\ecb0"; } .icons-Spermium:before { content: "\ecb1"; } .icons-Spider:before { content: "\ecb2"; } .icons-Spiderweb:before { content: "\ecb3"; } .icons-Split-FourSquareWindow:before { content: "\ecb4"; } .icons-Split-Horizontal:before { content: "\ecb5"; } .icons-Split-Horizontal2Window:before { content: "\ecb6"; } .icons-Split-Vertical:before { content: "\ecb7"; } .icons-Split-Vertical2:before { content: "\ecb8"; } .icons-Split-Window:before { content: "\ecb9"; } .icons-Spoder:before { content: "\ecba"; } .icons-Spoon:before { content: "\ecbb"; } .icons-Sport-Mode:before { content: "\ecbc"; } .icons-Sports-Clothings1:before { content: "\ecbd"; } .icons-Sports-Clothings2:before { content: "\ecbe"; } .icons-Sports-Shirt:before { content: "\ecbf"; } .icons-Spot:before { content: "\ecc0"; } .icons-Spray:before { content: "\ecc1"; } .icons-Spread:before { content: "\ecc2"; } .icons-Spring:before { content: "\ecc3"; } .icons-Spurl:before { content: "\ecc4"; } .icons-Spy:before { content: "\ecc5"; } .icons-Squirrel:before { content: "\ecc6"; } .icons-SSL:before { content: "\ecc7"; } .icons-St-BasilsCathedral:before { content: "\ecc8"; } .icons-St-PaulsCathedral:before { content: "\ecc9"; } .icons-Stamp-2:before { content: "\ecca"; } .icons-Stamp:before { content: "\eccb"; } .icons-Stapler:before { content: "\eccc"; } .icons-Star-Track:before { content: "\eccd"; } .icons-Star:before { content: "\ecce"; } .icons-Starfish:before { content: "\eccf"; } .icons-Start2:before { content: "\ecd0"; } .icons-Start-3:before { content: "\ecd1"; } .icons-Start-ways:before { content: "\ecd2"; } .icons-Start:before { content: "\ecd3"; } .icons-Statistic:before { content: "\ecd4"; } .icons-Stethoscope:before { content: "\ecd5"; } .icons-stop--2:before { content: "\ecd6"; } .icons-Stop-Music:before { content: "\ecd7"; } .icons-Stop:before { content: "\ecd8"; } .icons-Stopwatch-2:before { content: "\ecd9"; } .icons-Stopwatch:before { content: "\ecda"; } .icons-Storm:before { content: "\ecdb"; } .icons-Street-View:before { content: "\ecdc"; } .icons-Street-View2:before { content: "\ecdd"; } .icons-Strikethrough-Text:before { content: "\ecde"; } .icons-Stroller:before { content: "\ecdf"; } .icons-Structure:before { content: "\ece0"; } .icons-Student-Female:before { content: "\ece1"; } .icons-Student-Hat:before { content: "\ece2"; } .icons-Student-Hat2:before { content: "\ece3"; } .icons-Student-Male:before { content: "\ece4"; } .icons-Student-MaleFemale:before { content: "\ece5"; } .icons-Students:before { content: "\ece6"; } .icons-Studio-Flash:before { content: "\ece7"; } .icons-Studio-Lightbox:before { content: "\ece8"; } .icons-Stumbleupon:before { content: "\ece9"; } .icons-Suit:before { content: "\ecea"; } .icons-Suitcase:before { content: "\eceb"; } .icons-Sum-2:before { content: "\ecec"; } .icons-Sum:before { content: "\eced"; } .icons-Summer:before { content: "\ecee"; } .icons-Sun-CloudyRain:before { content: "\ecef"; } .icons-Sun:before { content: "\ecf0"; } .icons-Sunglasses-2:before { content: "\ecf1"; } .icons-Sunglasses-3:before { content: "\ecf2"; } .icons-Sunglasses-Smiley:before { content: "\ecf3"; } .icons-Sunglasses-Smiley2:before { content: "\ecf4"; } .icons-Sunglasses-W:before { content: "\ecf5"; } .icons-Sunglasses-W2:before { content: "\ecf6"; } .icons-Sunglasses-W3:before { content: "\ecf7"; } .icons-Sunglasses:before { content: "\ecf8"; } .icons-Sunrise:before { content: "\ecf9"; } .icons-Sunset:before { content: "\ecfa"; } .icons-Superman:before { content: "\ecfb"; } .icons-Support:before { content: "\ecfc"; } .icons-Surprise:before { content: "\ecfd"; } .icons-Sushi:before { content: "\ecfe"; } .icons-Sweden:before { content: "\ecff"; } .icons-Swimming-Short:before { content: "\ed00"; } .icons-Swimming:before { content: "\ed01"; } .icons-Swimmwear:before { content: "\ed02"; } .icons-Switch:before { content: "\ed03"; } .icons-Switzerland:before { content: "\ed04"; } .icons-Sync-Cloud:before { content: "\ed05"; } .icons-Sync:before { content: "\ed06"; } .icons-Synchronize-2:before { content: "\ed07"; } .icons-Synchronize:before { content: "\ed08"; } .icons-T-Shirt:before { content: "\ed09"; } .icons-Tablet-2:before { content: "\ed0a"; } .icons-Tablet-3:before { content: "\ed0b"; } .icons-Tablet-Orientation:before { content: "\ed0c"; } .icons-Tablet-Phone:before { content: "\ed0d"; } .icons-Tablet-Secure:before { content: "\ed0e"; } .icons-Tablet-Vertical:before { content: "\ed0f"; } .icons-Tablet:before { content: "\ed10"; } .icons-Tactic:before { content: "\ed11"; } .icons-Tag-2:before { content: "\ed12"; } .icons-Tag-3:before { content: "\ed13"; } .icons-Tag-4:before { content: "\ed14"; } .icons-Tag-5:before { content: "\ed15"; } .icons-Tag:before { content: "\ed16"; } .icons-Taj-Mahal:before { content: "\ed17"; } .icons-Talk-Man:before { content: "\ed18"; } .icons-Tap:before { content: "\ed19"; } .icons-Target-Market:before { content: "\ed1a"; } .icons-Target:before { content: "\ed1b"; } .icons-Taurus-2:before { content: "\ed1c"; } .icons-Taurus:before { content: "\ed1d"; } .icons-Taxi-2:before { content: "\ed1e"; } .icons-Taxi-Sign:before { content: "\ed1f"; } .icons-Taxi:before { content: "\ed20"; } .icons-Teacher:before { content: "\ed21"; } .icons-Teapot:before { content: "\ed22"; } .icons-Technorati:before { content: "\ed23"; } .icons-Teddy-Bear:before { content: "\ed24"; } .icons-Tee-Mug:before { content: "\ed25"; } .icons-Telephone-2:before { content: "\ed26"; } .icons-Telephone:before { content: "\ed27"; } .icons-Telescope:before { content: "\ed28"; } .icons-Temperature-2:before { content: "\ed29"; } .icons-Temperature-3:before { content: "\ed2a"; } .icons-Temperature:before { content: "\ed2b"; } .icons-Temple:before { content: "\ed2c"; } .icons-Tennis-Ball:before { content: "\ed2d"; } .icons-Tennis:before { content: "\ed2e"; } .icons-Tent:before { content: "\ed2f"; } .icons-Test-Tube:before { content: "\ed30"; } .icons-Test-Tube2:before { content: "\ed31"; } .icons-Testimonal:before { content: "\ed32"; } .icons-Text-Box:before { content: "\ed33"; } .icons-Text-Effect:before { content: "\ed34"; } .icons-Text-HighlightColor:before { content: "\ed35"; } .icons-Text-Paragraph:before { content: "\ed36"; } .icons-Thailand:before { content: "\ed37"; } .icons-The-WhiteHouse:before { content: "\ed38"; } .icons-This-SideUp:before { content: "\ed39"; } .icons-Thread:before { content: "\ed3a"; } .icons-Three-ArrowFork:before { content: "\ed3b"; } .icons-Three-Fingers:before { content: "\ed3c"; } .icons-Three-FingersDrag:before { content: "\ed3d"; } .icons-Three-FingersDrag2:before { content: "\ed3e"; } .icons-Three-FingersTouch:before { content: "\ed3f"; } .icons-Thumb:before { content: "\ed40"; } .icons-Thumbs-DownSmiley:before { content: "\ed41"; } .icons-Thumbs-UpSmiley:before { content: "\ed42"; } .icons-Thunder:before { content: "\ed43"; } .icons-Thunderstorm:before { content: "\ed44"; } .icons-Ticket:before { content: "\ed45"; } .icons-Tie-2:before { content: "\ed46"; } .icons-Tie-3:before { content: "\ed47"; } .icons-Tie-4:before { content: "\ed48"; } .icons-Tie:before { content: "\ed49"; } .icons-Tiger:before { content: "\ed4a"; } .icons-Time-Backup:before { content: "\ed4b"; } .icons-Time-Bomb:before { content: "\ed4c"; } .icons-Time-Clock:before { content: "\ed4d"; } .icons-Time-Fire:before { content: "\ed4e"; } .icons-Time-Machine:before { content: "\ed4f"; } .icons-Time-Window:before { content: "\ed50"; } .icons-Timer-2:before { content: "\ed51"; } .icons-Timer:before { content: "\ed52"; } .icons-To-Bottom:before { content: "\ed53"; } .icons-To-Bottom2:before { content: "\ed54"; } .icons-To-Left:before { content: "\ed55"; } .icons-To-Right:before { content: "\ed56"; } .icons-To-Top:before { content: "\ed57"; } .icons-To-Top2:before { content: "\ed58"; } .icons-Token-:before { content: "\ed59"; } .icons-Tomato:before { content: "\ed5a"; } .icons-Tongue:before { content: "\ed5b"; } .icons-Tooth-2:before { content: "\ed5c"; } .icons-Tooth:before { content: "\ed5d"; } .icons-Top-ToBottom:before { content: "\ed5e"; } .icons-Touch-Window:before { content: "\ed5f"; } .icons-Tourch:before { content: "\ed60"; } .icons-Tower-2:before { content: "\ed61"; } .icons-Tower-Bridge:before { content: "\ed62"; } .icons-Tower:before { content: "\ed63"; } .icons-Trace:before { content: "\ed64"; } .icons-Tractor:before { content: "\ed65"; } .icons-traffic-Light:before { content: "\ed66"; } .icons-Traffic-Light2:before { content: "\ed67"; } .icons-Train-2:before { content: "\ed68"; } .icons-Train:before { content: "\ed69"; } .icons-Tram:before { content: "\ed6a"; } .icons-Transform-2:before { content: "\ed6b"; } .icons-Transform-3:before { content: "\ed6c"; } .icons-Transform-4:before { content: "\ed6d"; } .icons-Transform:before { content: "\ed6e"; } .icons-Trash-withMen:before { content: "\ed6f"; } .icons-Tree-2:before { content: "\ed70"; } .icons-Tree-3:before { content: "\ed71"; } .icons-Tree-4:before { content: "\ed72"; } .icons-Tree-5:before { content: "\ed73"; } .icons-Tree:before { content: "\ed74"; } .icons-Trekking:before { content: "\ed75"; } .icons-Triangle-ArrowDown:before { content: "\ed76"; } .icons-Triangle-ArrowLeft:before { content: "\ed77"; } .icons-Triangle-ArrowRight:before { content: "\ed78"; } .icons-Triangle-ArrowUp:before { content: "\ed79"; } .icons-Tripod-2:before { content: "\ed7a"; } .icons-Tripod-andVideo:before { content: "\ed7b"; } .icons-Tripod-withCamera:before { content: "\ed7c"; } .icons-Tripod-withGopro:before { content: "\ed7d"; } .icons-Trophy-2:before { content: "\ed7e"; } .icons-Trophy:before { content: "\ed7f"; } .icons-Truck:before { content: "\ed80"; } .icons-Trumpet:before { content: "\ed81"; } .icons-Tumblr:before { content: "\ed82"; } .icons-Turkey:before { content: "\ed83"; } .icons-Turn-Down:before { content: "\ed84"; } .icons-Turn-Down2:before { content: "\ed85"; } .icons-Turn-DownFromLeft:before { content: "\ed86"; } .icons-Turn-DownFromRight:before { content: "\ed87"; } .icons-Turn-Left:before { content: "\ed88"; } .icons-Turn-Left3:before { content: "\ed89"; } .icons-Turn-Right:before { content: "\ed8a"; } .icons-Turn-Right3:before { content: "\ed8b"; } .icons-Turn-Up:before { content: "\ed8c"; } .icons-Turn-Up2:before { content: "\ed8d"; } .icons-Turtle:before { content: "\ed8e"; } .icons-Tuxedo:before { content: "\ed8f"; } .icons-TV:before { content: "\ed90"; } .icons-Twister:before { content: "\ed91"; } .icons-Twitter-2:before { content: "\ed92"; } .icons-Twitter:before { content: "\ed93"; } .icons-Two-Fingers:before { content: "\ed94"; } .icons-Two-FingersDrag:before { content: "\ed95"; } .icons-Two-FingersDrag2:before { content: "\ed96"; } .icons-Two-FingersScroll:before { content: "\ed97"; } .icons-Two-FingersTouch:before { content: "\ed98"; } .icons-Two-Windows:before { content: "\ed99"; } .icons-Type-Pass:before { content: "\ed9a"; } .icons-Ukraine:before { content: "\ed9b"; } .icons-Umbrela:before { content: "\ed9c"; } .icons-Umbrella-2:before { content: "\ed9d"; } .icons-Umbrella-3:before { content: "\ed9e"; } .icons-Under-LineText:before { content: "\ed9f"; } .icons-Undo:before { content: "\eda0"; } .icons-United-Kingdom:before { content: "\eda1"; } .icons-United-States:before { content: "\eda2"; } .icons-University-2:before { content: "\eda3"; } .icons-University:before { content: "\eda4"; } .icons-Unlike-2:before { content: "\eda5"; } .icons-Unlike:before { content: "\eda6"; } .icons-Unlock-2:before { content: "\eda7"; } .icons-Unlock-3:before { content: "\eda8"; } .icons-Unlock:before { content: "\eda9"; } .icons-Up--Down:before { content: "\edaa"; } .icons-Up--Down3:before { content: "\edab"; } .icons-Up-2:before { content: "\edac"; } .icons-Up-3:before { content: "\edad"; } .icons-Up-4:before { content: "\edae"; } .icons-Up:before { content: "\edaf"; } .icons-Upgrade:before { content: "\edb0"; } .icons-Upload-2:before { content: "\edb1"; } .icons-Upload-toCloud:before { content: "\edb2"; } .icons-Upload-Window:before { content: "\edb3"; } .icons-Upload:before { content: "\edb4"; } .icons-Uppercase-Text:before { content: "\edb5"; } .icons-Upward:before { content: "\edb6"; } .icons-URL-Window:before { content: "\edb7"; } .icons-Usb-2:before { content: "\edb8"; } .icons-Usb-Cable:before { content: "\edb9"; } .icons-Usb:before { content: "\edba"; } .icons-User:before { content: "\edbb"; } .icons-Ustream:before { content: "\edbc"; } .icons-Vase:before { content: "\edbd"; } .icons-Vector-2:before { content: "\edbe"; } .icons-Vector-3:before { content: "\edbf"; } .icons-Vector-4:before { content: "\edc0"; } .icons-Vector-5:before { content: "\edc1"; } .icons-Vector:before { content: "\edc2"; } .icons-Venn-Diagram:before { content: "\edc3"; } .icons-Vest-2:before { content: "\edc4"; } .icons-Vest:before { content: "\edc5"; } .icons-Viddler:before { content: "\edc6"; } .icons-Video-2:before { content: "\edc7"; } .icons-Video-3:before { content: "\edc8"; } .icons-Video-4:before { content: "\edc9"; } .icons-Video-5:before { content: "\edca"; } .icons-Video-6:before { content: "\edcb"; } .icons-Video-GameController:before { content: "\edcc"; } .icons-Video-Len:before { content: "\edcd"; } .icons-Video-Len2:before { content: "\edce"; } .icons-Video-Photographer:before { content: "\edcf"; } .icons-Video-Tripod:before { content: "\edd0"; } .icons-Video:before { content: "\edd1"; } .icons-Vietnam:before { content: "\edd2"; } .icons-View-Height:before { content: "\edd3"; } .icons-View-Width:before { content: "\edd4"; } .icons-Vimeo:before { content: "\edd5"; } .icons-Virgo-2:before { content: "\edd6"; } .icons-Virgo:before { content: "\edd7"; } .icons-Virus-2:before { content: "\edd8"; } .icons-Virus-3:before { content: "\edd9"; } .icons-Virus:before { content: "\edda"; } .icons-Visa:before { content: "\eddb"; } .icons-Voice:before { content: "\eddc"; } .icons-Voicemail:before { content: "\eddd"; } .icons-Volleyball:before { content: "\edde"; } .icons-Volume-Down:before { content: "\eddf"; } .icons-Volume-Up:before { content: "\ede0"; } .icons-VPN:before { content: "\ede1"; } .icons-Wacom-Tablet:before { content: "\ede2"; } .icons-Waiter:before { content: "\ede3"; } .icons-Walkie-Talkie:before { content: "\ede4"; } .icons-Wallet-2:before { content: "\ede5"; } .icons-Wallet-3:before { content: "\ede6"; } .icons-Wallet:before { content: "\ede7"; } .icons-Warehouse:before { content: "\ede8"; } .icons-Warning-Window:before { content: "\ede9"; } .icons-Watch-2:before { content: "\edea"; } .icons-Watch-3:before { content: "\edeb"; } .icons-Watch:before { content: "\edec"; } .icons-Wave-2:before { content: "\eded"; } .icons-Wave:before { content: "\edee"; } .icons-Webcam:before { content: "\edef"; } .icons-weight-Lift:before { content: "\edf0"; } .icons-Wheelbarrow:before { content: "\edf1"; } .icons-Wheelchair:before { content: "\edf2"; } .icons-Width-Window:before { content: "\edf3"; } .icons-Wifi-2:before { content: "\edf4"; } .icons-Wifi-Keyboard:before { content: "\edf5"; } .icons-Wifi:before { content: "\edf6"; } .icons-Wind-Turbine:before { content: "\edf7"; } .icons-Windmill:before { content: "\edf8"; } .icons-Window-2:before { content: "\edf9"; } .icons-Window:before { content: "\edfa"; } .icons-Windows-2:before { content: "\edfb"; } .icons-Windows-Microsoft:before { content: "\edfc"; } .icons-Windows:before { content: "\edfd"; } .icons-Windsock:before { content: "\edfe"; } .icons-Windy:before { content: "\edff"; } .icons-Wine-Bottle:before { content: "\ee00"; } .icons-Wine-Glass:before { content: "\ee01"; } .icons-Wink:before { content: "\ee02"; } .icons-Winter-2:before { content: "\ee03"; } .icons-Winter:before { content: "\ee04"; } .icons-Wireless:before { content: "\ee05"; } .icons-Witch-Hat:before { content: "\ee06"; } .icons-Witch:before { content: "\ee07"; } .icons-Wizard:before { content: "\ee08"; } .icons-Wolf:before { content: "\ee09"; } .icons-Woman-Sign:before { content: "\ee0a"; } .icons-WomanMan:before { content: "\ee0b"; } .icons-Womans-Underwear:before { content: "\ee0c"; } .icons-Womans-Underwear2:before { content: "\ee0d"; } .icons-Women:before { content: "\ee0e"; } .icons-Wonder-Woman:before { content: "\ee0f"; } .icons-Wordpress:before { content: "\ee10"; } .icons-Worker-Clothes:before { content: "\ee11"; } .icons-Worker:before { content: "\ee12"; } .icons-Wrap-Text:before { content: "\ee13"; } .icons-Wreath:before { content: "\ee14"; } .icons-Wrench:before { content: "\ee15"; } .icons-X-Box:before { content: "\ee16"; } .icons-X-ray:before { content: "\ee17"; } .icons-Xanga:before { content: "\ee18"; } .icons-Xing:before { content: "\ee19"; } .icons-Yacht:before { content: "\ee1a"; } .icons-Yahoo-Buzz:before { content: "\ee1b"; } .icons-Yahoo:before { content: "\ee1c"; } .icons-Yelp:before { content: "\ee1d"; } .icons-Yes:before { content: "\ee1e"; } .icons-Ying-Yang:before { content: "\ee1f"; } .icons-Youtube:before { content: "\ee20"; } .icons-Z-A:before { content: "\ee21"; } .icons-Zebra:before { content: "\ee22"; } .icons-Zombie:before { content: "\ee23"; } .icons-Zoom-Gesture:before { content: "\ee24"; } .icons-Zootool:before { content: "\ee25"; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /******************* Preloader ********************/ .preloader { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background: #fff; } .preloader .cssload-speeding-wheel { position: absolute; top: calc(50% - 3.5px); left: calc(50% - 3.5px); } .loader, .loader__figure { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader { overflow: visible; padding-top: 2em; height: 0; width: 2em; } .loader__figure { height: 0; width: 0; box-sizing: border-box; border: 0 solid #1976d2; border-radius: 50%; -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } .loader__label { float: left; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin: 0.5em 0 0 50%; font-size: 0.875em; letter-spacing: 0.1em; line-height: 1.5em; color: #1976d2; white-space: nowrap; -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } @-webkit-keyframes loader-figure { 0% { height: 0; width: 0; background-color: #1976d2; } 29% { background-color: #1976d2; } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent; } } @-moz-keyframes loader-figure { 0% { height: 0; width: 0; background-color: #1976d2; } 29% { background-color: #1976d2; } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent; } } @keyframes loader-figure { 0% { height: 0; width: 0; background-color: #1976d2; } 29% { background-color: #1976d2; } 30% { height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent; } } @-webkit-keyframes loader-label { 0% { opacity: 0.25; } 30% { opacity: 1; } 100% { opacity: 0.25; } } @-moz-keyframes loader-label { 0% { opacity: 0.25; } 30% { opacity: 1; } 100% { opacity: 0.25; } } @keyframes loader-label { 0% { opacity: 0.25; } 30% { opacity: 1; } 100% { opacity: 0.25; } } .btn-circle { border-radius: 100%; width: 40px; height: 40px; padding: 10px; } .btn-circle.btn-sm, .btn-group-sm > .btn-circle.btn { width: 35px; height: 35px; padding: 8px 10px; font-size: 14px; } .btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn { width: 50px; height: 50px; padding: 14px 15px; font-size: 18px; line-height: 23px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 14px 15px; font-size: 24px; } .btn-xs { padding: .25rem .5rem; font-size: 10px; } .btn-rounded { border-radius: 60px; padding: 7px 18px; } .btn-rounded.btn-lg, .btn-group-lg > .btn-rounded.btn { padding: .75rem 1.5rem; } .btn-rounded.btn-sm, .btn-group-sm > .btn-rounded.btn { padding: .25rem .5rem; font-size: 12px; } .btn-rounded.btn-xs { padding: .25rem .5rem; font-size: 10px; } .btn-rounded.btn-md { padding: 12px 35px; font-size: 16px; } .btn-primary, .btn-warning, .btn-outline-primary:hover, .btn-outline-warning:hover { color: #fff; } .btn-primary:hover, .btn-warning:hover, .btn-outline-primary:hover:hover, .btn-outline-warning:hover:hover { color: #fff; } .btn-secondary { border-color: #dee2e6; } .btn-outline-secondary { color: #212529; background: #fff; border-color: #dee2e6; } .btn-outline-secondary:hover { border-color: #ced4da; } .btn-facebook { color: #fff; background-color: #3b5998; } .btn-facebook:hover { color: #fff; } .btn-twitter { color: #fff; background-color: #55acee; } .btn-twitter:hover { color: #fff; } .btn-linkedin { color: #fff; background-color: #007bb6; } .btn-linkedin:hover { color: #fff; } .btn-dribbble { color: #fff; background-color: #ea4c89; } .btn-dribbble:hover { color: #fff; } .btn-googleplus { color: #fff; background-color: #dd4b39; } .btn-googleplus:hover { color: #fff; } .btn-instagram { color: #fff; background-color: #3f729b; } .btn-pinterest { color: #fff; background-color: #cb2027; } .btn-dropbox { color: #fff; background-color: #007ee5; } .btn-flickr { color: #fff; background-color: #ff0084; } .btn-tumblr { color: #fff; background-color: #32506d; } .btn-skype { color: #fff; background-color: #00aff0; } .btn-youtube { color: #fff; background-color: #bb0000; } .btn-github { color: #fff; background-color: #171515; } .button-group .btn { margin-bottom: 5px; margin-right: 5px; } .no-button-group .btn { margin-bottom: 5px; margin-right: 0px; } .btn .text-active { display: none; } .btn.active .text-active { display: inline-block; } .btn.active .text { display: none; } .btn-danger, .btn-info, .btn-success, .btn-outline-danger:hover, .btn-outline-info:hover, .btn-outline-success:hover { color: #fff; } * { outline: none; } body { margin: 0; overflow-x: hidden; font-size: 14px; font-weight: 300; } html { position: relative; min-height: 100%; } a { text-decoration: none; color: #fb9678; } a:hover, a:focus { text-decoration: none; } a.link { color: #212529; } a.link:hover, a.link:focus { color: #fb9678; } .box { border-radius: 0.25rem; padding: 10px; } .no-wrap td, .no-wrap th { white-space: nowrap; } /******************* Blockquote *******************/ html body blockquote { border-left: 5px solid #fb9678; border: 1px solid #e9ecef; padding: 15px; } .clear { clear: both; } ol li { margin: 5px 0; } /******************* Padding margin property *******************/ html body .m-t-5 { margin-top: 5px; } html body .m-b-5 { margin-bottom: 5px; } html body .m-r-5 { margin-right: 5px; } html body .m-l-5 { margin-left: 5px; } html body .p-t-5 { padding-top: 5px; } html body .p-b-5 { padding-bottom: 5px; } html body .p-r-5 { padding-right: 5px; } html body .p-l-5 { padding-left: 5px; } html body .p-5 { padding: 5px; } html body .m-5 { margin: 5px; } html body .m-t-10 { margin-top: 10px; } html body .m-b-10 { margin-bottom: 10px; } html body .m-r-10 { margin-right: 10px; } html body .m-l-10 { margin-left: 10px; } html body .p-t-10 { padding-top: 10px; } html body .p-b-10 { padding-bottom: 10px; } html body .p-r-10 { padding-right: 10px; } html body .p-l-10 { padding-left: 10px; } html body .p-10 { padding: 10px; } html body .m-10 { margin: 10px; } html body .m-t-15 { margin-top: 15px; } html body .m-b-15 { margin-bottom: 15px; } html body .m-r-15 { margin-right: 15px; } html body .m-l-15 { margin-left: 15px; } html body .p-t-15 { padding-top: 15px; } html body .p-b-15 { padding-bottom: 15px; } html body .p-r-15 { padding-right: 15px; } html body .p-l-15 { padding-left: 15px; } html body .p-15 { padding: 15px; } html body .m-15 { margin: 15px; } html body .m-t-20 { margin-top: 20px; } html body .m-b-20 { margin-bottom: 20px; } html body .m-r-20 { margin-right: 20px; } html body .m-l-20 { margin-left: 20px; } html body .p-t-20 { padding-top: 20px; } html body .p-b-20 { padding-bottom: 20px; } html body .p-r-20 { padding-right: 20px; } html body .p-l-20 { padding-left: 20px; } html body .p-20 { padding: 20px; } html body .m-20 { margin: 20px; } html body .m-t-25 { margin-top: 25px; } html body .m-b-25 { margin-bottom: 25px; } html body .m-r-25 { margin-right: 25px; } html body .m-l-25 { margin-left: 25px; } html body .p-t-25 { padding-top: 25px; } html body .p-b-25 { padding-bottom: 25px; } html body .p-r-25 { padding-right: 25px; } html body .p-l-25 { padding-left: 25px; } html body .p-25 { padding: 25px; } html body .m-25 { margin: 25px; } html body .m-t-30 { margin-top: 30px; } html body .m-b-30 { margin-bottom: 30px; } html body .m-r-30 { margin-right: 30px; } html body .m-l-30 { margin-left: 30px; } html body .p-t-30 { padding-top: 30px; } html body .p-b-30 { padding-bottom: 30px; } html body .p-r-30 { padding-right: 30px; } html body .p-l-30 { padding-left: 30px; } html body .p-30 { padding: 30px; } html body .m-30 { margin: 30px; } html body .m-t-40 { margin-top: 40px; } html body .m-b-40 { margin-bottom: 40px; } html body .m-r-40 { margin-right: 40px; } html body .m-l-40 { margin-left: 40px; } html body .p-t-40 { padding-top: 40px; } html body .p-b-40 { padding-bottom: 40px; } html body .p-r-40 { padding-right: 40px; } html body .p-l-40 { padding-left: 40px; } html body .p-40 { padding: 40px; } html body .m-40 { margin: 40px; } /** * Zero */ html body .m-0-0 { margin: 0; } html body .m-t-0 { margin-top: 0; } html body .m-r-0 { margin-right: 0; } html body .m-b-0 { margin-bottom: 0; } html body .m-l-0 { margin-left: 0; } html body .p-0-0 { padding: 0; } html body .p-t-0 { padding-top: 0; } html body .p-r-0 { padding-right: 0; } html body .p-b-0 { padding-bottom: 0; } html body .p-l-0 { padding-left: 0; } /******************* Thumb size *******************/ .thumb-sm { height: 32px; width: 32px; } .thumb-md { height: 48px; width: 48px; } .thumb-lg { height: 88px; width: 88px; } .hide { display: none; } .img-circle { border-radius: 100%; } .img-responsive { max-width: 100%; height: auto; } .radius { border-radius: 0.25rem; } /******************* Opacity *******************/ .op-5 { opacity: 0.5; } .op-3 { opacity: 0.3; } /******************* font weight *******************/ html body .font-bold { font-weight: 700; } html body .font-normal { font-weight: 400; } html body .font-light { font-weight: 300; } html body .font-medium { font-weight: 500; } html body .font-16 { font-size: 16px; } html body .font-12 { font-size: 12px; } html body .font-14 { font-size: 14px; } html body .font-10 { font-size: 10px; } html body .font-18 { font-size: 18px; } html body .font-20 { font-size: 20px; } html body .display-5 { font-size: 3rem; } html body .display-6 { font-size: 2.5rem; } /******************* Background colors *******************/ html body .bg-megna { background-color: #01c0c8; } html body .bg-theme { background-color: #fb9678; } html body .bg-inverse { background-color: #212529; } html body .bg-purple { background-color: #ab8ce4; } html body .bg-light { background-color: #e9ecef; } html body .bg-white { background-color: #fff; } /******************* Rounds *******************/ .round { line-height: 48px; color: #fff; width: 50px; height: 50px; display: inline-block; font-weight: 400; text-align: center; border-radius: 100%; background: #01c0c8; } .round img { border-radius: 100%; } .round-lg { line-height: 65px; width: 60px; height: 60px; font-size: 30px; } .round.round-info { background: #01c0c8; } .round.round-warning { background: #fec107; } .round.round-danger { background: #e46a76; } .round.round-success { background: #00c292; } .round.round-primary { background: #fb9678; } /******************* Labels *******************/ .label-rounded { border-radius: 60px; border-start border-5 border-primary ps-1 } /******************* Badge ******************/ .badge { font-weight: 400; line-height: normal; } .badge.badge-pill { padding: 0.20em 0.6em; } .badge-xs { font-size: 9px; } .badge-xs, .badge-sm { -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px); } /******************* List-style-none ******************/ ul.list-style-none { margin: 0px; padding: 0px; } ul.list-style-none li { list-style: none; } ul.list-style-none li a { color: #212529; padding: 8px 0px; display: block; text-decoration: none; } ul.list-style-none li a:hover { color: #fb9678; } /******************* Card ******************/ .card { margin-bottom: 20px; } .card .card-subtitle { font-weight: 300; margin-bottom: 15px; color: #6c757d; } .card .card-title { position: relative; font-weight: 500; } .card .card-actions { float: right; } .card .card-actions a { padding: 0 5px; cursor: pointer; } .card-group { margin-bottom: 20px; } .card-group .card { border-right: 1px solid #e9ecef; } .card-fullscreen { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; overflow: auto; } /******************* Labels *******************/ .label { padding: 3px 10px; line-height: 13px; color: #fff; font-weight: 400; border-radius: 0.25rem; font-size: 75%; } .label-rounded { border-radius: 60px; } .label-custom { background-color: #01c0c8; } .label-success { background-color: #00c292; } .label-info { background-color: #03a9f3; } .label-warning { background-color: #fec107; } .label-danger { background-color: #e46a76; } .label-megna { background-color: #01c0c8; } .label-primary { background-color: #fb9678; } .label-purple { background-color: #ab8ce4; } .label-red { background-color: #e46a76; } .label-inverse { background-color: #343a40; } .label-default { background-color: #f8f9fa; } small, .small { font-weight: 400; } .btn-outline-info:hover { color: #fff; } .btn-link { text-decoration: none; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem; } a.list-group-item { color: #fb9678; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .navbar { padding: .5rem 1rem; } .card-header { padding: .75rem 1.25rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .toast:not(.showing):not(.show) { opacity: 1; } /******************* Topbar *******************/ .topbar { position: relative; z-index: 50; } .topbar .navbar-collapse { padding: 0px; } .topbar .top-navbar { min-height: 50px; padding: 0px; } .topbar .top-navbar .dropdown-toggle::after { display: none; } .topbar .top-navbar .navbar-header { background: #fff; line-height: 65px; padding-left: 10px; min-width: 70px; } .topbar .top-navbar .navbar-header .navbar-brand { margin-right: 0px; padding-bottom: 0px; padding-top: 0px; } .topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: none; } .topbar .top-navbar .navbar-header .navbar-brand b { line-height: 50px; display: inline-block; } .topbar .top-navbar .navbar-nav > .nav-item > .nav-link { padding-left: 15px; padding-right: 15px; font-size: 18px; line-height: 50px; } .topbar .top-navbar .navbar-nav > .nav-item > span { line-height: 45px; font-size: 24px; font-weight: 500; color: #fff; padding: 0 10px; } .topbar .dropdown-menu { box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); border-color: #e9ecef; } .topbar .dropdown-menu .dropdown-item { padding: 7px 1.5rem; } /******************* Notify *******************/ .notify { position: relative; top: -28px; right: -7px; } .notify .heartbit { position: absolute; top: -20px; right: -4px; height: 25px; width: 25px; z-index: 10; border: 5px solid #e46a76; border-radius: 70px; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .notify .point { width: 6px; height: 6px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #e46a76; position: absolute; right: 6px; top: -10px; } @-moz-keyframes heartbit { 0% { -moz-transform: scale(0); opacity: 0.0; } 25% { -moz-transform: scale(0.1); opacity: 0.1; } 50% { -moz-transform: scale(0.5); opacity: 0.3; } 75% { -moz-transform: scale(0.8); opacity: 0.5; } 100% { -moz-transform: scale(1); opacity: 0.0; } } @-webkit-keyframes heartbit { 0% { -webkit-transform: scale(0); opacity: 0.0; } 25% { -webkit-transform: scale(0.1); opacity: 0.1; } 50% { -webkit-transform: scale(0.5); opacity: 0.3; } 75% { -webkit-transform: scale(0.8); opacity: 0.5; } 100% { -webkit-transform: scale(1); opacity: 0.0; } } .app-search { line-height: 60px; } .app-search .form-control { border-radius: 60px; border-color: transparent; transition: 0.2s ease-in; width: 180px; } .app-search .form-control:focus { width: 300px; } /******************* Megamenu ******************/ .mega-dropdown { position: static; width: 100%; } .mega-dropdown .dropdown-menu { width: 100%; padding: 30px; margin-top: 0px; } .mega-dropdown ul { padding: 0px; } .mega-dropdown ul li { list-style: none; } .mega-dropdown .carousel-item .container { padding: 0px; } .mega-dropdown .nav-accordion .card { margin-bottom: 1px; } .mega-dropdown .nav-accordion .card-header { background: #fff; } .mega-dropdown .nav-accordion .card-header h5, .mega-dropdown .nav-accordion .card-header .h5 { margin: 0px; } .mega-dropdown .nav-accordion .card-header h5 a, .mega-dropdown .nav-accordion .card-header .h5 a { text-decoration: none; color: #212529; } /******************* Main sidebar ******************/ .left-sidebar { position: absolute; width: 220px; height: 100%; top: 0px; z-index: 20; padding-top: 70px; background: #fff; box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); } /******************* use profile section ******************/ .user-profile { margin-top: 20px; } .user-profile .u-dropdown { display: block; text-align: center; } .user-profile .user-pro-body img { width: 50px; display: block; margin: 0 auto 10px; } .user-profile .dropdown-menu { right: 0; width: 180px; left: 0; top: 20px !important; margin: 0 auto; } /******************* sidebar navigation ******************/ .scroll-sidebar { height: calc(100% - 27px); position: relative; } .scroll-sidebar.ps .ps__scrollbar-y-rail { left: 2px; right: auto; background: none; width: 6px; /* If using `left`, there shouldn't be a `right`. */ } .collapse.in { display: block; } .sidebar-nav { padding: 0; } .sidebar-nav ul { margin: 0px; padding: 0px; } .sidebar-nav ul li { list-style: none; } .sidebar-nav ul li a { color: #8d97ad; padding: 5px 35px 5px 10px; display: block; align-items: center; font-size: 14px; font-weight: 400; } .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover { color: #fb9678; } .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i { color: #fb9678; } .sidebar-nav ul li a.active { font-weight: 500; color: #343a40; } .sidebar-nav ul li ul { padding-left: 30px; } .sidebar-nav ul li ul li a { padding: 7px 35px 7px 1px; } .sidebar-nav ul li ul ul { padding-left: 15px; } .sidebar-nav ul li.nav-small-cap { font-size: 12px; margin-bottom: 0px; padding: 10px 14px 10px 0px; color: #6c757d; font-weight: 500; } .sidebar-nav ul li.nav-devider { height: 1px; background: #e9ecef; display: block; margin: 15px 0; } .sidebar-nav > ul > li > a { border-left: 3px solid transparent; } .sidebar-nav > ul > li > a i { width: 25px; font-size: 16px; display: inline-block; vertical-align: middle; color: #787f91; } .sidebar-nav > ul > li > a .badge { float: right; } .sidebar-nav > ul > li { margin-bottom: 8px; margin-top: 0; } .sidebar-nav > ul > li.active > a { color: #fb9678; font-weight: 500; border-left: 3px solid #fb9678; } .sidebar-nav > ul > li.active > a i { color: #fb9678; } .sidebar-nav .waves-effect { transition: none; -webkit-transition: none; -o-transition: none; } .sidebar-nav .has-arrow { position: relative; } .sidebar-nav .has-arrow::after { position: absolute; content: ''; width: 7px; height: 7px; border-width: 1px 0 0 1px; border-style: solid; border-color: #8d97ad; right: 20px; -webkit-transform: rotate(135deg) translate(0, -50%); -ms-transform: rotate(135deg) translate(0, -50%); -o-transform: rotate(135deg) translate(0, -50%); transform: rotate(135deg) translate(0, -50%); -webkit-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; top: 15px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } /*.sidebar-nav .active > .has-arrow::after,*/ .sidebar-nav li > .has-arrow.active::after, .sidebar-nav .has-arrow[aria-expanded="true"]::after { -webkit-transform: rotate(-135deg) translate(0, -50%); -ms-transform: rotate(-135deg) translate(0, -50%); -o-transform: rotate(-135deg) translate(0, -50%); top: 42%; width: 7px; transform: rotate(-135deg) translate(0, -50%); } /******************* Right side toggle *******************/ .right-sidebar { position: fixed; right: -240px; width: 240px; display: none; z-index: 1100; background: #fff; top: 0px; padding-bottom: 20px; height: 100%; box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .right-sidebar .rpanel-title { display: block; padding: 22px 20px; color: #fff; text-transform: uppercase; font-size: 15px; background: #fb9678; } .right-sidebar .rpanel-title span { float: right; cursor: pointer; font-size: 11px; } .right-sidebar .rpanel-title span:hover { color: #fff; } .right-sidebar .r-panel-body { padding: 20px; } .right-sidebar .r-panel-body ul { margin: 0px; padding: 0px; } .right-sidebar .r-panel-body ul li { list-style: none; padding: 5px 0; } .shw-rside { right: 0px; width: 240px; display: block; } /******************* Right side toggle *******************/ ul#themecolors { display: block; } ul#themecolors li { display: inline-block; } ul#themecolors li:first-child { display: block; } ul#themecolors li a { width: 50px; height: 50px; display: inline-block; margin: 5px; color: transparent; position: relative; } ul#themecolors li a.working:before { content: "\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 18px; line-height: 50px; width: 50px; height: 50px; position: absolute; top: 0; left: 0; color: #fff; text-align: center; } .default-theme { background: #6c757d; } .green-theme { background: #00c292; } .yellow-theme { background: #fec107; } .red-theme { background: #e46a76; } .blue-theme { background: #03a9f3; } .purple-theme { background: #ab8ce4; } .megna-theme { background: #01c0c8; } .default-dark-theme { background: #212529; /* Old browsers */ background: -moz-linear-gradient(left, #212529 0%, #212529 23%, #6c757d 23%, #6c757d 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #212529 0%, #212529 23%, #6c757d 23%, #6c757d 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #212529 0%, #212529 23%, #6c757d 23%, #6c757d 99%); } .green-dark-theme { background: #212529; /* Old browsers */ background: -moz-linear-gradient(left, #212529 0%, #212529 23%, #00c292 23%, #00c292 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #212529 0%, #212529 23%, #00c292 23%, #00c292 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #212529 0%, #212529 23%, #00c292 23%, #00c292 99%); } .yellow-dark-theme { background: #212529; /* Old browsers */ background: -moz-linear-gradient(left, #212529 0%, #212529 23%, #e46a76 23%, #e46a76 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #212529 0%, #212529 23%, #e46a76 23%, #e46a76 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #212529 0%, #212529 23%, #e46a76 23%, #e46a76 99%); } .blue-dark-theme { background: #212529; /* Old browsers */ background: -moz-linear-gradient(left, #212529 0%, #212529 23%, #03a9f3 23%, #03a9f3 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #212529 0%, #212529 23%, #03a9f3 23%, #03a9f3 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #212529 0%, #212529 23%, #03a9f3 23%, #03a9f3 99%); } .purple-dark-theme { background: #212529; /* Old browsers */ background: -moz-linear-gradient(left, #212529 0%, #212529 23%, #ab8ce4 23%, #ab8ce4 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #212529 0%, #212529 23%, #ab8ce4 23%, #ab8ce4 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #212529 0%, #212529 23%, #ab8ce4 23%, #ab8ce4 99%); } .megna-dark-theme { background: #212529; /* Old browsers */ background: -moz-linear-gradient(left, #212529 0%, #212529 23%, #01c0c8 23%, #01c0c8 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #212529 0%, #212529 23%, #01c0c8 23%, #01c0c8 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #212529 0%, #212529 23%, #01c0c8 23%, #01c0c8 99%); } .red-dark-theme { background: #212529; /* Old browsers */ background: -moz-linear-gradient(left, #212529 0%, #212529 23%, #e46a76 23%, #e46a76 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #212529 0%, #212529 23%, #e46a76 23%, #e46a76 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #212529 0%, #212529 23%, #e46a76 23%, #e46a76 99%); } .chatonline img { margin-right: 10px; float: left; width: 30px; } .chatonline li a { padding: 13px 0; float: left; width: 100%; } .chatonline li a span { color: #212529; } .chatonline li a span small, .chatonline li a span .small { display: block; font-size: 10px; } /* perfect-scrollbar v0.7.1 */ .ps { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail { display: block; background-color: transparent; } .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: transparent; width: 8px; } .ps > .ps__scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; bottom: 0px; /* there must be 'bottom' for ps__scrollbar-x-rail */ height: 6px; } .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; bottom: 2px; /* there must be 'bottom' for ps__scrollbar-x */ height: 6px; } .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x { height: 6px; } .ps > .ps__scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; right: 0; /* there must be 'right' for ps__scrollbar-y-rail */ width: 6px; } .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; right: 2px; /* there must be 'right' for ps__scrollbar-y */ width: 6px; } .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y { width: 6px; } .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.2); opacity: 0.9; } .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: rgba(0, 0, 0, 0.2); height: 6px; } .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: rgba(0, 0, 0, 0.2); width: 6px; } .ps:hover > .ps__scrollbar-x-rail, .ps:hover > .ps__scrollbar-y-rail { opacity: 0.6; } .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x { background-color: rgba(0, 0, 0, 0.2); } .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y { background-color: rgba(0, 0, 0, 0.2); } #slimtest3.ps .ps__scrollbar-y-rail { left: 3px; right: auto; } #slimtest4.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #01c0c8; } #slimtest4.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #01c0c8; } #slimtest4.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y { background-color: #01c0c8; } /******************* Custom-select ******************/ .custom-select { background: url(../../../assets/images/custom-select.png) right 0.75rem center no-repeat; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-size: none; } /******************* textarea ******************/ textarea { resize: none; } /******************* Form-control ******************/ .form-control { color: #212529; min-height: 38px; display: initial; } .form-control-sm { min-height: 20px; } .form-control:disabled, .form-control[readonly] { opacity: 0.7; } .custom-control-input:focus ~ .custom-control-indicator { box-shadow: none; } .custom-control-input:checked ~ .custom-control-indicator { background-color: #00c292; } form label { font-weight: 400; } .form-group { margin-bottom: 10px; } .form-horizontal label { margin-bottom: 0px; } .form-control-static { padding-top: 0px; } .custom-control-label::before, .custom-control-label::after { top: 0.15rem; } .form-bordered .form-group { border-bottom: 1px solid #e9ecef; padding-bottom: 20px; } /******************* Form Dropzone ******************/ .dropzone { border: 1px dashed #e9ecef; } .dropzone .dz-message { padding: 5% 0; margin: 0px; } /******************* Form Pickers ******************/ .asColorPicker-dropdown { max-width: 260px; } .asColorPicker-trigger { position: absolute; top: 0; right: -35px; height: 38px; width: 37px; border: 0; } .asColorPicker-clear { display: none; position: absolute; top: 5px; right: 10px; text-decoration: none; } table th { font-weight: 400; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #fb9678; } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background: #fb9678; color: #fff; } .datepicker td, .datepicker th { padding: 5px 10px; } /******************* Form summernote ******************/ .note-popover, .note-icon-caret { display: none; } .note-editor.note-frame { border: 1px solid #e9ecef; } .note-editor.note-frame .panel-heading { padding: 6px 10px 10px; border-bottom: 1px solid #e9ecef; } .label { display: inline-block; } /*============================================================== Form addons page ============================================================== */ /*Bootstrap select*/ .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; } .bootstrap-select .dropdown-menu li a { display: block; padding: 7px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #212529; white-space: nowrap; } .bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus { color: #fb9678; background: #f8f9fa; } .bootstrap-select .show > .dropdown-menu { display: block; } .bootstrap-touchspin .input-group-btn-vertical > .btn { padding: 9px 10px; } .select2-container--default .select2-selection--single { border-color: #e9ecef; height: 38px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 33px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { float: right; color: #fff; margin-right: 0px; margin-left: 4px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #fb9678; color: #fff; border-color: #fb9678; } .input-form .btn { padding: 8px 12px; } /*============================================================== Form Material page ============================================================== */ /*Material inputs*/ .form-material .form-group { overflow: hidden; } .form-material .form-control { background-color: rgba(0, 0, 0, 0); background-position: center bottom, center calc(100% - 1px); background-repeat: no-repeat; background-size: 0 2px, 100% 1px; padding: 0; transition: background 0s ease-out 0s; } .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: linear-gradient(#fb9678, #fb9678), linear-gradient(#e9ecef, #e9ecef); border: 0 none; border-radius: 0; box-shadow: none; float: none; } .form-material .form-control.focus, .form-material .form-control:focus { background-size: 100% 2px, 100% 1px; outline: 0 none; transition-duration: 0.3s; } .form-control-line .form-group { overflow: hidden; } .form-control-line .form-control { border: 0px; border-radius: 0px; padding-left: 0px; border-bottom: 1px solid #e9ecef; } .form-control-line .form-control:focus { border-bottom: 1px solid #fb9678; } /******************* Form validation error ******************/ .error .help-block { color: #e46a76; } /******************* File Upload ******************/ .fileupload { overflow: hidden; position: relative; } .fileupload input.upload { cursor: pointer; filter: alpha(opacity=0); font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; } .scale-up { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0); transform: scale(0); display: inline-block; transform-origin: right 0px; } .scale-up-left { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0); transform: scale(0); display: inline-block; transform-origin: left 0px; } .show > .scale-up { transform: scale(1); transform-origin: right 0px; } .show > .scale-up-left { transform: scale(1); transform-origin: left 0px; } /*Radio button*/ @keyframes ripple { 0% { box-shadow: 0px 0px 0px 1px transparent; } 50% { box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1); } 100% { box-shadow: 0px 0px 0px 15px transparent; } } /*Floating label*/ /*Bootstrap Select*/ .bootstrap-select.btn-group .dropdown-menu { box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); } /*Form Validation*/ .help-block ul { padding: 0px; margin: 0px; } .help-block ul li { list-style: none; } .error .form-control { border-color: #e46a76; } .validate .form-control { border-color: #00c292; } /*Form Input States*/ .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 0.5625rem; -webkit-background-size: 1.125rem 1.125rem; background-size: 1.125rem 1.125rem; } .has-success .form-control-feedback, .has-success .form-control-label, .has-success .col-form-label, .has-success .form-check-label, .has-success .custom-control { color: #00c292; } .has-success .form-control { border-color: #00c292; } .has-success .input-group-addon { color: #00c292; border-color: #00c292; } .has-success .form-control-success { 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='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } .has-warning .form-control-feedback, .has-warning .form-control-label, .has-warning .col-form-label, .has-warning .form-check-label, .has-warning .custom-control { color: #fec107; } .has-warning .form-control { border-color: #fec107; } .has-warning .input-group-addon { color: #fec107; border-color: #fec107; } .has-warning .form-control-warning { 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='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } .has-danger .form-control-feedback, .has-danger .form-control-label, .has-danger .col-form-label, .has-danger .form-check-label, .has-danger .custom-control { color: #e46a76; } .has-danger .form-control { border-color: #e46a76; } .has-danger .input-group-addon { color: #e46a76; border-color: #e46a76; } .has-danger .form-control-danger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } /* Template Name: Admin Template Author: Wrappixel File: scss */ /*Theme Colors*/ /** * Table Of Content * * 1. Color system * 2. Options * 3. Body * 4. Typography * 5. Breadcrumbs * 6. Cards * 7. Dropdowns * 8. Buttons * 9. Typography * 10. Progress bars * 11. Tables * 12. Forms * 14. Component */ /******************* Table Cell *******************/ .table-box { display: table; width: 100%; } .cell { display: table-cell; vertical-align: middle; } .table thead th, .table th { font-weight: 500; } .nowrap { white-space: nowrap; } .lite-padding td { padding: 5px; } .v-middle td, .v-middle th { vertical-align: middle; } .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-striped tbody tr:nth-of-type(odd) { background: #f8f9fa; } /******************* Table td vertical middle *******************/ .vm.table td, .vm.table th { vertical-align: middle; } .no-th-brd.table th { border: 0px; } .table.no-border tbody td { border: 0px; } /******************* Table-Layout ******************/ .color-table th { border: 0px; } .color-table.primary-table thead th { background-color: #fb9678; color: #fff; } .table-striped tbody tr:nth-of-type(odd) { background: #f8f9fa; } .color-table.success-table thead th { background-color: #00c292; color: #fff; } .color-table.info-table thead th { background-color: #01c0c8; color: #fff; } .color-table.warning-table thead th { background-color: #fec107; color: #fff; } .color-table.danger-table thead th { background-color: #e46a76; color: #fff; } .color-table.inverse-table thead th { background-color: #343a40; color: #fff; } .color-table.dark-table thead th { background-color: #212529; color: #fff; } .color-table.red-table thead th { background-color: #e46a76; color: #fff; } .color-table.purple-table thead th { background-color: #ab8ce4; color: #fff; } .color-table.muted-table thead th { background-color: #6c757d; color: #fff; } .color-bordered-table.primary-bordered-table { border: 2px solid #fb9678; } .color-bordered-table.primary-bordered-table thead th { background-color: #fb9678; color: #fff; } .color-bordered-table.success-bordered-table { border: 2px solid #00c292; } .color-bordered-table.success-bordered-table thead th { background-color: #00c292; color: #fff; } .color-bordered-table.info-bordered-table { border: 2px solid #01c0c8; } .color-bordered-table.info-bordered-table thead th { background-color: #01c0c8; color: #fff; } .color-bordered-table.warning-bordered-table { border: 2px solid #fec107; } .color-bordered-table.warning-bordered-table thead th { background-color: #fec107; color: #fff; } .color-bordered-table.danger-bordered-table { border: 2px solid #e46a76; } .color-bordered-table.danger-bordered-table thead th { background-color: #e46a76; color: #fff; } .color-bordered-table.inverse-bordered-table { border: 2px solid #343a40; } .color-bordered-table.inverse-bordered-table thead th { background-color: #343a40; color: #fff; } .color-bordered-table.dark-bordered-table { border: 2px solid #212529; } .color-bordered-table.dark-bordered-table thead th { background-color: #212529; color: #fff; } .color-bordered-table.red-bordered-table { border: 2px solid #e46a76; } .color-bordered-table.red-bordered-table thead th { background-color: #e46a76; color: #fff; } .color-bordered-table.purple-bordered-table { border: 2px solid #ab8ce4; } .color-bordered-table.purple-bordered-table thead th { background-color: #ab8ce4; color: #fff; } .color-bordered-table.muted-bordered-table { border: 2px solid #6c757d; } .color-bordered-table.muted-bordered-table thead th { background-color: #6c757d; color: #fff; } /******************* Table-Data Table ******************/ .dt-buttons { display: inline-block; padding-top: 5px; margin-bottom: 15px; } .dt-buttons .dt-button { padding: 5px 15px; border-radius: 0.25rem; background: #fb9678; color: #fff; margin-right: 3px; } .dt-buttons .dt-button:hover { background: #343a40; } .dataTables_info, .dataTables_length { display: inline-block; } .dataTables_length { margin-top: 10px; } .dataTables_length select { border: 0; background-image: linear-gradient(#fb9678, #fb9678), linear-gradient(#e9ecef, #e9ecef); background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: transparent; transition: background 0s ease-out; padding-bottom: 5px; } .dataTables_length select:focus { outline: none; background-image: linear-gradient(#fb9678, #fb9678), linear-gradient(#e9ecef, #e9ecef); background-size: 100% 2px, 100% 1px; box-shadow: none; transition-duration: 0.3s; } .dataTables_filter { float: right; margin-top: 10px; } .dataTables_filter input { border: 0; background-image: linear-gradient(#fb9678, #fb9678), linear-gradient(#e9ecef, #e9ecef); background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: transparent; transition: background 0s ease-out; float: none; box-shadow: none; border-radius: 0; margin-left: 10px; } .dataTables_filter input:focus { outline: none; background-image: linear-gradient(#fb9678, #fb9678), linear-gradient(#e9ecef, #e9ecef); background-size: 100% 2px, 100% 1px; box-shadow: none; transition-duration: 0.3s; } #editable-datatable_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } #editable-datatable_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; text-align: center; text-decoration: none; cursor: pointer; *cursor: hand; color: #212529; border: 1px solid #ddd; } #editable-datatable_wrapper .dataTables_paginate .paginate_button.current, #editable-datatable_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff !important; border: 1px solid #fb9678; background-color: #fb9678; } #editable-datatable_wrapper .dataTables_paginate .paginate_button.disabled, #editable-datatable_wrapper .dataTables_paginate .paginate_button.disabled:hover, #editable-datatable_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #212529; border: 1px solid #e9ecef; background: transparent; box-shadow: none; } #editable-datatable_wrapper .dataTables_paginate .paginate_button:hover { border: 1px solid #fb9678; background-color: #fb9678; } #editable-datatable_wrapper .dataTables_paginate .paginate_button:hover a { color: #fff; } #editable-datatable_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #212529; } #editable-datatable_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } /******************* Table- responsive ******************/ .tablesaw-bar .btn-group label { color: #212529 !important; } /******************* Table- editable table ******************/ .dt-bootstrap { display: block; } .stylish-table tbody tr { border-left: 3px solid transparent; } .stylish-table tbody tr:hover, .stylish-table tbody tr.active { border-color: #fb9678; } /******************* Table-Jsgrid table ******************/ .jsgrid-pager-page a, .jsgrid-pager-current-page, .jsgrid-pager-nav-button a { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; text-align: center; text-decoration: none; cursor: pointer; color: #67757c; border: 1px solid #ddd; } .jsgrid-pager-page a:hover, .jsgrid-pager-nav-button a:hover { background-color: #fb9678; color: #fff; } .jsgrid-pager-current-page { background-color: #fb9678; color: #fff; } .jsgrid-pager-page, .jsgrid-pager-nav-button { padding: 0; } .jsgrid-pager-page.jsgrid-pager-current-page { padding: 0.5em 1em !important; } #footable-addrow .open > .dropdown-menu { display: block; } /******************* Other comon scss for all pages *******************/ .calendar-events { padding: 8px 10px; border: 1px solid #fff; cursor: move; } .calendar-events:hover { border: 1px dashed #e9ecef; } .calendar-events i { margin-right: 8px; } .profile-tab li a.nav-link, .customtab li a.nav-link { border: 0px; padding: 15px 20px; color: #212529; } .profile-tab li a.nav-link.active, .customtab li a.nav-link.active { border-bottom: 2px solid #fb9678; color: #fb9678; } .profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover { color: #fb9678; } html body .jqstooltip, html body .flotTip { width: auto !important; height: auto !important; background: #212529; color: #fff; padding: 5px 10px; } body .jqstooltip { border-color: transparent; border-radius: 60px; } /******************* Notification page Jquery toaster ******************/ .jq-icon-info { background-color: #01c0c8; color: #fff; } .jq-icon-success { background-color: #00c292; color: #fff; } .jq-icon-error { background-color: #e46a76; color: #fff; } .jq-icon-warning { background-color: #fec107; color: #fff; } /******************* c3 chart global ******************/ .c3 text { fill-opacity: 0.5; } .no-shrink { flex-shrink: 0; } .up-img { background-size: cover; background-position: center center; min-height: 340px; } .badge.badge-pill { padding: 0.2em 1em; } /******************* list-inline ******************/ ul.list-inline li { display: inline-block; margin: 0 5px; } /******************* flot-chart ******************/ .flot-chart { display: block; height: 400px; } .flot-chart .flot-chart-content { width: 100%; height: 100%; } /*============================================================== For all pages ============================================================== */ #main-wrapper { width: 100%; overflow: hidden; } .page-wrapper { background: #edf1f5; position: relative; } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { padding: 0px 25px; } /******************* Breadcrumb and page title *******************/ .page-titles { background: #fff; padding: 14px 10px; margin: 0 -25px 25px -25px; } .page-titles h4, .page-titles .h4 { margin-bottom: 0px; margin-top: 0px; } .page-titles .breadcrumb { padding: 0px; margin: 0px; background: transparent; font-size: 12px; } .page-titles .breadcrumb li a { color: #212529; } .page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item::before { float: unset !important; content: "\e649"; font-family: themify; color: #ced4da; font-size: 11px; } .page-titles .breadcrumb .breadcrumb-item.active { float: unset !important; color: #fb9678; font-weight: 500; } /******************* Footer *******************/ .footer { bottom: 0; color: #212529; left: 0px; padding: 17px 15px; right: 0; border-top: 1px solid #e9ecef; background: #fff; } /******************* Wave Effects *******************/ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; transition: all 0.7s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); } .waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); } .waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); } .waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); } .waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); } .waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); } .waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); } html body .waves-notransition { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-block { display: block; } .lh-25 { line-height: 25px; } /******************* Fixed -sidebar ******************/ .fixed-sidebar .left-sidebar, .fixed-sidebar .navbar-header { position: fixed; } .fixed-sidebar .navbar-collapse { margin-left: 220px; } .fixed-sidebar.mini-sidebar .navbar-collapse, .fixed-sidebar.mini-sidebar .footer { margin-left: 70px; } @media (max-width: 767px) { .fixed-sidebar.mini-sidebar .navbar-header { position: relative; } .fixed-sidebar.mini-sidebar .navbar-collapse { margin-left: 0px; } } /******************* Fixed -Header ******************/ .fixed-header .topbar { position: fixed; width: 100%; } .fixed-header .page-wrapper { padding-top: 67px; } .fixed-layout .left-sidebar, .fixed-layout .topbar { position: fixed; } .fixed-layout .topbar { width: 100%; } .fixed-layout .page-wrapper { padding-top: 67px; } /******************* Boxed ******************/ .boxed #main-wrapper { width: 100%; max-width: 1300px; margin: 0 auto; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1); } .boxed #main-wrapper .sidebar-footer { position: absolute; } .boxed #main-wrapper .topbar { max-width: 1300px; } .boxed #main-wrapper .footer { display: none; } /******************* Single Column ******************/ .single-column .left-sidebar { display: none; } .single-column .page-wrapper { margin-left: 0px !important; } /******************* Mini sidebar ******************/ @media (min-width: 768px) { .mini-sidebar { /*Sidebar*/ } .mini-sidebar .top-navbar .navbar-header { width: 70px; text-align: center; flex-shrink: 0; padding-left: 0px; } .mini-sidebar .page-wrapper, .mini-sidebar .footer { margin-left: 70px; } .mini-sidebar .left-sidebar, .mini-sidebar .user-profile { width: 70px; } .mini-sidebar .scroll-sidebar { padding-bottom: 0px; position: absolute; height: calc(100vh - 70px); } .mini-sidebar .scroll-sidebar .u-dropdown { display: none; } .mini-sidebar .sidebar-nav { background: transparent; } .mini-sidebar .sidebar-nav #sidebarnav li { position: relative; } .mini-sidebar .sidebar-nav #sidebarnav > li > ul { position: absolute; left: 70px; top: 46px; width: 220px; padding-bottom: 10px; z-index: 1001; background: #f9f9f9; display: none; padding-left: 1px; } .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul { height: auto !important; overflow: auto; } .mini-sidebar .sidebar-nav #sidebarnav > li > a { width: 70px; padding: 15px 15px 15px 25px; } .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a { width: 290px; background: #f9f9f9; } .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .hide-menu { display: inline; } .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .label { display: none; } .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul, .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse { display: block; } .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after, .mini-sidebar .sidebar-nav #sidebarnav .hide-menu, .mini-sidebar .sidebar-nav #sidebarnav .nav-small-cap, .mini-sidebar .sidebar-nav #sidebarnav .sidebar-footer, .mini-sidebar .sidebar-nav #sidebarnav .user-profile .profile-text, .mini-sidebar .sidebar-nav #sidebarnav > .label { display: none; } } @media (max-width: 767px) { .mini-sidebar .left-sidebar, .mini-sidebar .sidebar-footer { left: -220px; } .mini-sidebar.show-sidebar .left-sidebar, .mini-sidebar.show-sidebar .sidebar-footer { left: 0px; } } /******************* Logo center ******************/ .logo-center .top-navbar .navbar-header { position: absolute; left: 0; right: 0; margin: 0 auto; } /* Template Name: Admin Template Author: Wrappixel File: scss */ /* Template Name: Admin Template Author: Wrappixel File: scss */ /******************* /*User mail widgets*/ /*******************/ .topbar .top-navbar .mailbox { width: 300px; } .topbar .top-navbar .mailbox ul { padding: 0px; } .topbar .top-navbar .mailbox ul li { list-style: none; } html body .navbar-dark .mailbox ul li .drop-title { font-weight: 500; padding: 11px 20px 15px; border-bottom: 1px solid #e9ecef; } html body .navbar-dark .mailbox ul li h5, html body .navbar-dark .mailbox ul li .h5 { color: #212529; } html body .navbar-dark .mailbox ul li .nav-link { border-top: 1px solid #e9ecef; padding-top: 15px; color: #212529; } html body .navbar-dark .mailbox ul li .nav-link:hover { color: #fb9678; } html body .navbar-dark .mailbox .message-center { height: 317px; overflow: auto; position: relative; } html body .navbar-dark .mailbox .message-center a { border-bottom: 1px solid #e9ecef; display: block; text-decoration: none; padding: 9px 15px; } html body .navbar-dark .mailbox .message-center a:hover { background: #e9ecef; } html body .navbar-dark .mailbox .message-center a div { white-space: normal; } html body .navbar-dark .mailbox .message-center a .user-img { width: 40px; position: relative; display: inline-block; margin: 0 10px 15px 0; } html body .navbar-dark .mailbox .message-center a .user-img img { width: 100%; } html body .navbar-dark .mailbox .message-center a .user-img .profile-status { border: 2px solid #fff; border-radius: 50%; display: inline-block; height: 10px; left: 30px; position: absolute; top: 1px; width: 10px; } html body .navbar-dark .mailbox .message-center a .user-img .online { background: #00c292; } html body .navbar-dark .mailbox .message-center a .user-img .busy { background: #e46a76; } html body .navbar-dark .mailbox .message-center a .user-img .away { background: #fec107; } html body .navbar-dark .mailbox .message-center a .user-img .offline { background: #fec107; } html body .navbar-dark .mailbox .message-center a .mail-contnet { display: inline-block; width: 75%; padding-left: 10px; vertical-align: middle; } html body .navbar-dark .mailbox .message-center a .mail-contnet h5, html body .navbar-dark .mailbox .message-center a .mail-contnet .h5 { margin: 5px 0px 0; } html body .navbar-dark .mailbox .message-center a .mail-contnet .mail-desc, html body .navbar-dark .mailbox .message-center a .mail-contnet .time { font-size: 12px; display: block; margin: 1px 0; text-overflow: ellipsis; overflow: hidden; color: #212529; white-space: nowrap; } /*******************/ /*Weather*/ /*******************/ .city-weather-days { margin: 0px; } .city-weather-days li { text-align: center; padding: 15px 0; } .city-weather-days li span { display: block; padding: 10px 0 0; color: #6c757d; } .city-weather-days li i { display: block; font-size: 20px; color: #fb9678; } .city-weather-days li h3, .city-weather-days li .h3 { font-weight: 300; margin-top: 5px; } /*Weather small*/ .weather-small h1, .weather-small .h1 { line-height: 30px; } .weather-small sup { font-size: 60%; } /*******************/ /*Comment widgets*/ /*******************/ .comment-widgets { position: relative; margin-bottom: 10px; } .comment-widgets .comment-row { border-bottom: 1px solid transparent; padding: 14px; } .comment-widgets .comment-row:last-child { border-bottom: 0px; } .comment-widgets .comment-row:hover, .comment-widgets .comment-row.active { background: #f8f9fa; } .comment-text { padding: 14px 15px 14px 20px; width: 80%; } .comment-text:hover .comment-footer .action-icons, .comment-text.active .comment-footer .action-icons { visibility: visible; } .comment-text p { max-height: 65px; width: 100%; overflow: hidden; } .comment-footer .action-icons { visibility: hidden; } .comment-footer .action-icons a { padding-left: 7px; vertical-align: middle; color: #6c757d; } .comment-footer .action-icons a:hover, .comment-footer .action-icons a.active { color: #01c0c8; } /*******************/ /*To do widgets*/ /*******************/ .todo-list li { border: 0px; margin-bottom: 0px; padding: 20px 15px 15px 0px; } .todo-list li .custom-checkbox { width: 100%; } .todo-list li .custom-checkbox label { font-weight: 400; width: 100%; } .todo-list li .custom-checkbox label span:first-child { width: 70%; display: inline-block; line-height: 25px; } .todo-list li:last-child { border-bottom: 0px; } .todo-list li .assignedto { padding: 0px 0 0 30px; margin: 0px; } .todo-list li .assignedto li { list-style: none; padding: 0px; display: inline-block; border: 0px; margin-right: 2px; } .todo-list li .assignedto li img { width: 30px; border-radius: 100%; } .todo-list li .item-date { padding-left: 30px; font-size: 12px; margin-top: 5px; display: inline-block; } .list-task .task-done span { text-decoration: line-through; } /*******************/ /*Chat widget*/ /*******************/ .chat-list { margin: 0px; padding: 0px; } .chat-list li { list-style: none; margin-top: 30px; } .chat-list li .chat-img { display: inline-block; width: 45px; vertical-align: top; } .chat-list li .chat-img img { width: 45px; border-radius: 100%; } .chat-list li .chat-content { width: calc(100% - 50px); display: inline-block; padding-left: 15px; } .chat-list li .chat-content h5, .chat-list li .chat-content .h5 { color: #6c757d; } .chat-list li .chat-content .box { display: inline-block; color: #343a40; background: #f8f9fa; } .chat-list li .chat-time { display: block; font-size: 10px; color: #6c757d; margin: 5px 0 15px 65px; } .chat-list li.odd .chat-content { text-align: right; width: calc(100% - 0px); } .chat-list li.odd .chat-time { text-align: right; } .chat-list li.odd .box { clear: both; color: #fff; background: #fb9678; } .chat-list li.odd + .odd { margin-top: 0px; } .chat-list li.reverse { text-align: right; } .chat-list li.reverse .chat-time { text-align: left; } .chat-list li.reverse .chat-content { padding-left: 0px; padding-right: 15px; } /*******************/ /*Chat widget*/ /*******************/ /*******************/ /*Calendar widget*/ /*******************/ .calendar { float: left; margin-bottom: 0px; } .fc-view { margin-top: 30px; } .none-border .modal-footer { border-top: none; } .fc-toolbar { margin-bottom: 5px; margin-top: 15px; } .fc-toolbar h2, .fc-toolbar .h2 { font-size: 18px; font-weight: 500; line-height: 30px; text-transform: uppercase; } .fc-day { background: #fff; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover { z-index: 0; } .fc-widget-header { border: 0px !important; } .fc-widget-content { border-color: rgba(120, 130, 140, 0.13) !important; } .fc th.fc-widget-header { color: #212529; font-size: 13px; font-weight: 300; line-height: 20px; padding: 7px 0px; text-transform: uppercase; } .fc th.fc-sun, .fc th.fc-tue, .fc th.fc-thu, .fc th.fc-sat { background: #e9ecef; } .fc th.fc-mon, .fc th.fc-wed, .fc th.fc-fri { background: #e9ecef; } .fc-view { margin-top: 0px; } .fc-toolbar { margin: 0px; padding: 24px 0px; } .fc-button { background: #fff; border: 1px solid #e9ecef; color: #212529; text-transform: capitalize; } .fc-button:hover { background: #e9ecef; opacity: 0.8; } .fc-text-arrow { font-family: inherit; font-size: 16px; } .fc-state-hover { background: #f8f9fa; } .fc-unthemed .fc-today { border: 1px solid #e46a76; background: #e9ecef !important; } .fc-state-highlight { background: #f0f0f0; } .fc-cell-overlay { background: #f0f0f0; } .fc-unthemed .fc-today { background: #fff; } .fc-event { border-radius: 0px; border: none; cursor: move; color: #fff !important; font-size: 13px; margin: 1px -1px 0 -1px; padding: 5px 5px; text-align: center; background: #01c0c8; } .calendar-event { cursor: move; margin: 10px 5px 0 0; padding: 6px 10px; display: inline-block; color: #fff; min-width: 140px; text-align: center; background: #01c0c8; } .calendar-event a { float: right; opacity: 0.6; font-size: 10px; margin: 4px 0 0 10px; color: #fff; } .fc-basic-view td.fc-week-number span { padding-right: 5px; } .fc-basic-view .fc-day-number { padding: 10px 15px; display: inline-block; } /*******************/ /*Steam line widget*/ /*******************/ .steamline { position: relative; border-left: 1px solid #e9ecef; margin-left: 20px; } .steamline .sl-left { float: left; margin-left: -20px; z-index: 1; width: 40px; line-height: 40px; text-align: center; height: 40px; border-radius: 100%; color: #fff; margin-right: 15px; } .steamline .sl-left img { max-width: 40px; } .steamline .sl-right { padding-left: 50px; } .steamline .sl-right .desc, .steamline .sl-right .inline-photos { margin-bottom: 21px; } .steamline .sl-item { border-bottom: 1px solid #e9ecef; margin: 20px 0; } .sl-date { font-size: 10px; color: #6c757d; } .time-item { border-color: #e9ecef; padding-bottom: 1px; position: relative; } .time-item:before { content: " "; display: table; } .time-item:after { background-color: #fff; border-color: #e9ecef; border-radius: 10px; border-style: solid; border-width: 2px; bottom: 0; content: ''; height: 14px; left: 0; margin-left: -8px; position: absolute; top: 5px; width: 14px; } .time-item-item:after { content: " "; display: table; } .item-info { margin-bottom: 15px; margin-left: 15px; } .item-info p { margin-bottom: 10px !important; } /*******************/ /*Feed widget*/ /*******************/ .feeds { margin: 0px; padding: 0px; } .feeds li { list-style: none; padding: 10px; display: block; } .feeds li:hover { background: #f8f9fa; } .feeds li > div { width: 40px; height: 40px; margin-right: 5px; display: inline-block; text-align: center; vertical-align: middle; border-radius: 100%; color: #fff; } .feeds li > div i { line-height: 40px; } .feeds li span { float: right; width: auto; font-size: 12px; } /*******************/ /*Vertical carousel*/ /*******************/ .vert .carousel-item-next.carousel-item-left, .vert .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .vert .carousel-item-next, .vert .active.carousel-item-right { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100% 0); } .vert .carousel-item-prev, .vert .active.carousel-item-left { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } /*******************/ /*social-widgets*/ /*******************/ .social-widget .soc-header { padding: 15px; text-align: center; font-size: 36px; color: #fff; } .social-widget .soc-header.box-facebook { background: #3b5998; } .social-widget .soc-header.box-twitter { background: #00aced; } .social-widget .soc-header.box-google { background: #f86c6b; } .social-widget .soc-header.box-linkedin { background: #4875b4; } .social-widget .soc-content { display: flex; text-align: center; } .social-widget .soc-content div { padding: 10px; } .social-widget .soc-content div h3, .social-widget .soc-content div .h3 { margin-bottom: 0px; } /*******************/ /*social-profile-first*/ /*******************/ .social-profile-first { text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 96px; } .social-profile-first.bg-over { background: rgba(56, 83, 161, 0.7); } .social-profile-first .middle { vertical-align: middle; } /*******************/ /*profile timeline widget*/ /*******************/ .profiletimeline { position: relative; padding-left: 40px; margin-right: 10px; border-left: 1px solid #e9ecef; margin-left: 30px; } .profiletimeline .sl-left { float: left; margin-left: -60px; z-index: 1; margin-right: 15px; } .profiletimeline .sl-left img { max-width: 40px; } .profiletimeline .sl-item { margin-top: 8px; margin-bottom: 30px; } .profiletimeline .sl-date { font-size: 12px; color: #6c757d; } .profiletimeline .time-item { border-color: #e9ecef; padding-bottom: 1px; position: relative; } .profiletimeline .time-item:before { content: " "; display: table; } .profiletimeline .time-item:after { background-color: #fff; border-color: #e9ecef; border-radius: 10px; border-style: solid; border-width: 2px; bottom: 0; content: ''; height: 14px; left: 0; margin-left: -8px; position: absolute; top: 5px; width: 14px; } .profiletimeline .time-item-item:after { content: " "; display: table; } .profiletimeline .item-info { margin-bottom: 15px; margin-left: 15px; } .profiletimeline .item-info p { margin-bottom: 10px !important; } /*little-profile*/ .little-profile .pro-img { margin-bottom: 20px; } .little-profile .pro-img img { width: 128px; height: 128px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-radius: 100%; } .little-profile .soc-pro a { color: #6c757d; } .little-profile .soc-pro a:hover { color: #343a40; } /******************* /*States row*/ /*******************/ .stats-row { margin-bottom: 20px; } .stats-row .stat-item { display: inline-block; padding-right: 15px; } .stats-row .stat-item + .stat-item { padding-left: 15px; border-left: 1px solid #e9ecef; } /*******************/ /*Guage chart*/ /*******************/ .gaugejs-box { position: relative; margin: 0 auto; } .gaugejs-box canvas.gaugejs { width: 100% !important; height: auto !important; } /*******************/ /*country-state*/ /*******************/ .country-state { list-style: none; margin: 0; padding: 0 0 0 10px; } .country-state li { margin-top: 30px; margin-bottom: 10px; } .country-state h2, .country-state .h2 { margin-bottom: 0px; font-weight: 400; } /*contact widgets*/ .contact-box { position: relative; } .contact-box .add-ct-btn { position: absolute; right: 4px; top: -46px; } .contact-box .contact-widget > a { padding: 15px 10px; } .contact-box .contact-widget > a .user-img { margin-bottom: 0px !important; } /*Blog widgets*/ .blog-widget { margin-top: 30px; } .blog-widget .blog-image img { border-radius: 0.25rem; margin-top: -45px; margin-bottom: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } /*******************/ /*Msg box*/ /*******************/ .msg-item { margin-bottom: 20px; } .msg-body { background: #fff; padding: 15px; font-size: 14px; position: relative; } .msg-body .dwn-aro { width: 0; position: absolute; bottom: -8px; height: 0; left: 10px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; } .m-pic img { width: 40px; border-radius: 100%; } .message-box ul li .drop-title { font-weight: 500; padding: 11px 20px 15px; border-bottom: 1px solid #e9ecef; } .message-box ul li .nav-link { border-top: 1px solid #e9ecef; padding-top: 15px; } .message-box .message-widget { position: relative; } .message-box .message-widget a { border-bottom: 1px solid #e9ecef; display: block; text-decoration: none; padding: 9px 15px; } .message-box .message-widget a:hover { background: #e9ecef; } .message-box .message-widget a:last-child { border-bottom: 0px; } .message-box .message-widget a div { white-space: normal; } .message-box .message-widget a .user-img { width: 45px; position: relative; display: inline-block; margin: 0 10px 15px 0; } .message-box .message-widget a .user-img img { width: 100%; } .message-box .message-widget a .user-img .profile-status { border: 2px solid #fff; border-radius: 50%; display: inline-block; height: 10px; left: 33px; position: absolute; top: -1px; width: 10px; } .message-box .message-widget a .user-img .online { background: #00c292; } .message-box .message-widget a .user-img .busy { background: #e46a76; } .message-box .message-widget a .user-img .away { background: #fec107; } .message-box .message-widget a .user-img .offline { background: #fec107; } .message-box .message-widget a .mail-contnet { display: inline-block; width: 70%; vertical-align: middle; } .message-box .message-widget a .mail-contnet h5, .message-box .message-widget a .mail-contnet .h5 { margin: 5px 0px 0; color: #212529; } .message-box .message-widget a .mail-contnet .mail-desc, .message-box .message-widget a .mail-contnet .time { font-size: 12px; display: block; margin: 1px 0; text-overflow: ellipsis; overflow: hidden; color: #212529; white-space: nowrap; } /*******************/ /*Activity widgets*/ /*******************/ .activity-box .date-devider { border-top: 2px solid #e9ecef; position: relative; } .activity-box .date-devider span { background: #e9ecef; padding: 5px 15px; border-radius: 60px; font-size: 14px; top: -15px; position: relative; margin-left: 20px; } .activity-box .activity-item { display: flex; margin-bottom: 30px; } .activity-box .activity-item .image-list > a { margin-left: -15px; position: relative; vertical-align: middle; } .activity-box .activity-item .image-list > a:first-child, .activity-box .activity-item .image-list > a:last-child { margin-left: 0px; } .activity-box .activity-item .image-list > a:hover { z-index: 10; } .activity-box .activity-item .image-list > a:hover img { box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); } .news-slide .overlaybg { height: 380px; overflow: hidden; background-color: #343a40; } .news-slide .overlaybg img { width: 100%; } /*============================================================== widget-chart-page product review ============================================================== */ .product-review { margin: 0px; padding: 25px; } .product-review li { display: block; padding: 20px 0; list-style: none; } .product-review li .font, .product-review li span { display: inline-block; margin-left: 10px; } .social-profile { text-align: center; background: rgba(7, 10, 43, 0.8); } .profile-tab li a.nav-link, .customtab li a.nav-link { border: 0px; padding: 15px 20px; color: #212529; } .profile-tab li a.nav-link.active, .customtab li a.nav-link.active { border-bottom: 2px solid #fb9678; color: #fb9678; } .profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover { color: #fb9678; } /* Template Name: Admin Template Author: Wrappixel File: scss */ /*============================================================== For Desktop & above all (1650px) ============================================================== */ /*============================================================== For Laptop & above all (1370px) ============================================================== */ /*-- ============================================================== Small Desktop & above all (1024px) ============================================================== */ @media (min-width: 1024px) { .page-wrapper, .footer { margin-left: 220px; } } @media (max-width: 1023px) { .inbox-center a { width: 200px; } .d-flex { display: block !important; } .d-flex.no-block { display: flex !important; } } /*-- ============================================================== Ipad & above all(768px) ============================================================== */ @media (min-width: 768px) { .navbar-header { width: 220px; flex-shrink: 0; } .navbar-header .navbar-brand { padding-top: 0px; } .material-icon-list-demo .icons div { width: 33%; padding: 15px; display: inline-block; line-height: 40px; } } /*-- ============================================================== Phone and below ipad(767px) ============================================================== */ @media (max-width: 767px) { .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { padding: 0px 15px 0px 15px; overflow: hidden; } /*Header*/ .topbar { width: 100%; } .topbar .top-navbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: nowrap; -webkit-align-items: center; } .topbar .top-navbar .navbar-collapse { display: flex; width: 100%; } .topbar .top-navbar .navbar-nav { flex-direction: row; } .topbar .top-navbar .navbar-nav > .nav-item.show { position: static; } .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu { width: 100%; margin-top: 0px; } .topbar .top-navbar .navbar-nav .dropdown-menu { position: absolute; } .mega-dropdown .dropdown-menu { height: 480px; overflow: auto; } .comment-text .comment-footer .action-icons { display: block; padding: 10px 0; } .vtabs .tabs-vertical { width: auto; } /*Footer*/ .material-icon-list-demo .icons div { width: 100%; } .error-page .footer { position: fixed; bottom: 0px; z-index: 10; } .error-box { position: relative; padding-bottom: 60px; } .error-body { padding-top: 10%; } .error-body h1, .error-body .h1 { font-size: 100px; font-weight: 600; line-height: 100px; } .login-register { position: relative; overflow: hidden; } .login-box { width: 90%; } .login-sidebar { padding: 10% 0; } .login-sidebar .login-box { position: relative; } /*Timeline*/ ul.timeline:before { left: 40px; } ul.timeline > li > .timeline-panel { width: calc(100% - 90px); } ul.timeline > li > .timeline-badge { top: 16px; left: 15px; margin-left: 0; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; } ul.timeline > li > .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; } /*Contact app page*/ .left-aside { width: 100%; position: relative; border: 0px; } .right-aside { margin-left: 0px; } .flex-wrap { flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important; } .chat-list li .chat-content { width: calc(100% - 80px); } /*Calendar*/ .fc-toolbar .fc-left, .fc-toolbar .fc-right, .fc-toolbar .fc-center { float: none; display: block; text-align: center; margin-top: 10px; overflow: hidden; } } pre { white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .select2-selection--single { height: 100% !important; } .select2-selection__rendered{ word-wrap: break-word !important; text-overflow: inherit !important; white-space: normal !important; } /* dashboard by zaka*/ h2, pre {margin:0;} #oa,#aa,#pa,#sa,#ca{ cursor: pointer; font-weight: 400; } #oa{ background-color: #333333; color:white; transition-timing-function: ease-out; transition: 0.35s;} #oa:hover { scale:1.07; transition:0.2s; } #aa{ background-color: #3B71CA; color:white; transition-timing-function: ease-out; transition: 0.35s; } #aa:hover { scale:1.07; transition:0.2s; } #pa{ background-color: #DC4C64; color:white; transition-timing-function: ease-out; transition: 0.35s; } #pa:hover { scale:1.07; transition:0.2s; } #sa{ background-color: #E4A11B; color:white; transition-timing-function: ease-out; transition: 0.35s; } #sa:hover { background-color: #E4A11B; scale:1.07; transition:0.2s; } #ca{ background-color: #14A44D; color:white; transition-timing-function: ease-out; transition: 0.35s; } #ca:hover { scale:1.07; transition:0.2s; }